The Command Line Crash Course (2-3 hours)
starter-code
> Homework-1
> 99-bottles-of-beer
starter-code
> Homework-1
> fizzbuzz
for
loop that iterates through and console.log
s the numbers 1 - 100.if/else
statement that logs the string "fizz" if the value being iterated over is divisible by 3; otherwise, log the value.else if
clause that logs the string "buzz" if the value being iterated over is divisible by 5.else if
clause that logs the string "fizzbuzz" if the value being iterated over is divisible by both 3 and 5.starter-code
> Homework-1
> temp-converter
starter-code
> Homework-1
> BONUS-random-address-generator
starter-code
> Homework-1
> BONUS-madlibs
We haven't covered all of the concepts necessary to complete this project, but we will pick them up over the next few weeks. Identify syntax in the code that you recognize, and research any code you encounter that you don't understand. This project will be due in a few weeks, so if you're looking for a preview of upcoming content, this will give you a head start.
starter-code
> Homework-2
> object-homework
folder
#general
) (30 min)
@slackbot
@plusplus
++
after the @ name of a user to give them a pointhelp
to @plusplus
to learn other commands to experiment withgiphy
/giphy
and a space, followed by a word giphy
responds with an animated GIF related to that wordstarter-code
> Homework-3
> object-homework
folder
starter-code
> Homework-3
> json-homework
folder
Visual Studio Code settings
The Visual Studio Code editor relies on a user-editable JSON file for custom settings. Open and view this file by pressing command
+,
(Mac) or Ctrl
+,
(Windows/Linux). The document that opens shows the default settings on the left, and allows you to add custom settings on the right to override the defaults. Read through the default settings and their descriptions on the left, and then customize at least two settings with your own values on the right side. Save your changes, restart the editor, and verify that the changes you made are reflected in the editor.
Homework-4
>madlib-with-loops
<ul>
) that contains all of your lyrics.<li>
) within that unordered list.Homework-4
>BONUS-dice
js
> app.js
folderHomework-5
> jquery-homework
(Final project due Monday 4/2)
10-ajax-apis
> starter-code
> 4-jquery-ajax-exercise
Be sure to remove your API keys and app keys from your code before pushing to GitHub
Pseudocode the basic API functionality & DOM manipulation code
NOTE: The Project 2 and Final Project tasks are milestones that are meant to help you make incremental progress on these large projects, but do not include work that you must submit with your homework. I strongly encourage you to complete these tasks by the deadline to avoid getting overwhelmed by work as the end of the course approaches. I am also happy to review and discuss your work on your projects at any point.
Completed project due
Pseudocode of basic features & draft of HTML/CSS code
Homework-6
Complete the Local Landscapes app we started in class.
This tutorial guides you through building a web application with Firebase. This is a preview of what we'll be doing in class next week.
Final HTML/CSS code, draft of basic API functionality and DOM manipulation code
React Quick Start orientation (12 pages starting with Hello World and ending with Thinking in React)