LESSONS

Below you will find notes for each of JSD's twenty classes. Please note that this page is a working document: it will be updated frequently in order to tailor the notes for each particular class.


Unit 1: Fundamentals of JavaScript

Week 02
CLASS 01 (09/11/17)

The Command Line:

  • Command line navigation
  • Initialize Git repo
  • Run JS at the command line

Materials


Additional resources on today's topics:

CLASS 04 (09/20/17)

Functions & Scope:

  • Function declarations, function expressions, and arrow functions
  • Parameters and arguments
  • The return statement
  • Global, local, and block scope
  • let, var, and const

Materials

Resources

Week 04
CLASS 05 (09/25/17)

Slackbot Lab:

  • Setting up Hubot and Heroku tools
  • Building using the Hubot framework

Materials

Resources

Unit 2: The Browser and APIs

Week 05
CLASS 08 (10/04/17)

Introduction to jQuery:

  • Selecting elements with jQuery
  • jQuery methods
  • Chaining

Materials


Resources

Week 06
CLASS 09 (10/09/17)

Advanced jQuery & Templating:

  • jQuery & Events
  • Event Delegation
  • Implicit Iteration
  • Template Literals

Materials

Resources

Week 07
CLASS 11 (10/16/17)

Asynchronous JavaScript & Callbacks:

  • Passing and accepting functions as callbacks
  • Promises & Fetch

Materials

Resources

Unit 3: Persisting Data + Advanced Topics

Week 08
CLASS 13 (10/23/17)

In-class lab: Feedr:

  • Project 2 overview
  • ES6 Template Literals

Materials

Resources

CLASS 14 (10/25/17)

Closures & the module pattern:

  • Object oriented code
  • Closures
  • IIFEs
  • Module pattern

Materials

Resources

Additional practice (optional)

  • starter-code > 7-person-module folder: Build a module that creates a person by following the steps in the app.js file.
  • starter-code > 8-iife-exercise folder: Build a function that logs the value of a counter variable, using both the let and var keywords. A classic JavaScript brain teaser.

Unit 4: Building + Deploying Your App

Week 10
CLASS 17 (11/06/17)

React:

  • Model-View-Controller
  • Components & component hierarchies

Materials

Resources