Curriculum

  • 1

    Week 1

    • Week 1 Intro

    • Lecture: Fizzbuzz, VS Code Shortcuts, & Pseudo-Selectors

    • Example Code for FizzBuzz

    • Project: Update Your Personal Website (Finish by next class)

    • Flexbox Tower Defense

    • RWDA #4: Common Responsive Patterns

    • Lecture: More flexbox practice

    • Download: Example personal site

    • Project: Create a responsive product landing page (Finish by week 3)

    • CSS Diner

    • RWDA #5: Optimizations

    • CSS Specificity Article

    • Signup for Udacity: Intro to Javascript

    • ITJ #1: What is Javascript?

    • ITJ #2: Data Types & Variables

    • ITJ #3: Conditionals
  • 2

    Week 2

    • Lecture: Fonts & Icons

    • VIDEO: Navigating the Command Line

    • VIDEO: Intro to JavaScript Functions

    • VIDEO: WTA Exercises

    • VIDEO: Debugging WTA Exercises

    • GitHub Crash Course

    • Github Tutorial

    • Signup for Netlify

    • Lecture: Source Control & Deployment

    • Activity: Deploy Github site via Netlify

    • Lecture: WTA Exercises

    • WTA Exercises 0-8

    • HTML/CSS Quiz

    • CSS Selector/Specificity Quiz

    • Terminal Navigation Quiz

    • Conditionals Quiz

    • ITJ #4

    • REVIEW: Re-do CSS Diner (again) & Flexbox Froggy

    • OPTIONAL: CSS Grid Example
  • 3

    Week 3

    • Lecture: Loops

    • WTA Exercises 9-11

    • ITJ #5

    • ITJ #6

    • Lecture: Arrays

    • WTA Exercises 12-16

    • DOM, Part 1

    • DOM, Part 2
  • 4

    Week 4

    • Lecture: DOM Manip with Pokemon

    • Pokemon Sample Code

    • Project: Fizzbuzz (Finish by next class)

    • VIDEO: Random Numbers

    • Lecture: Random #'s

    • WTA Exercises #17-18

    • WTA Exercises #19-20

    • DOM, part 3

    • VIDEO: Events

    • VIDEO: Event Listeners

    • Lecture: DOM Events

    • DOM Events Example

    • Project: Color Changer (Finish before week 5)

    • VIDEO: scope

    • VIDEO: IIFE's

    • ITJ #7
  • 5

    Week 5

    • Lecture: Random Pokemon

    • Example Pokemon Code

    • Project: Baby Name Generator (Finish by week 6)

    • VIDEO: String Methods

    • Lecture: Manipulating Strings

    • WTA Exercises #21-28

    • Sam's Cardinal Sins
  • 6

    Week 6

    • Lecture: Complex Input Validation

    • Project: Mad Lib Generator (Finish by week 7)

    • VIDEO: Input Validation

    • WTA Exercises #29-30

    • WTA Exercise #31-33
  • 7

    Week 7

    • Project #6: Calculator (Finish by end of week 8)

    • Calculator Project Notes

    • WTA Exercises #37-40
  • 8

    Week 8

    • Lecture: Calculator Problems

    • Lecture: Calculator AGAIN!!!

    • Register for Udacity's "Object-Oriented Javascript" Course

    • OOJ #1

    • OOJ #2

    • OOJ #3

    • OOJ #4
  • 9

    Week 9

    • Lecture: Prototypes

    • Prototype Lecture Notes

    • WTA Exercises #41-44

    • Read: ES 2015 Classes

    • Lecture: ES2015 Classes

    • WTA Exercises #45-47

    • Lecture: 2D Arrays

    • WTA Exercises #49-50

    • WTA Exercise #48

    • Register for ES6 Course

    • Complete ES6 Lessons 1 & 2
  • 10

    Week 10

    • Lecture: Scope & Variables

    • Lecture: Templating, arrow functions, spread operator, decomposition

    • Lecture Notes: String templates, arrow functions, spread operator, decomposition

    • WTA Exercises 51-54

    • Read: forEach

    • Read: Array Higher-Order Methods

    • Lecture: Higher-Order Array Methods

    • Lecture Notes: Higher-Order Array Methods

    • Lecture: Parcel, ESLint, & Gnome Garden Project Intro

    • Project: Digital Gnomes (Due by beginning of week 12)

    • Gnome Garden Starter Code

    • Gnome Project Guide

    • Gnome Garden Project, Part 1 (Due by next class)
  • 11

    Week 11

    • Lecture: ES2015 Import, setTimeout(), clearInterval()

    • Gnome Garden Project, Part 2 (DUE by next class)

    • Read: HTTP Requests & Install Postman

    • Lecture: HTTP, Async, Postman, Promises

    • Connect to Gnome API

    • Gnome Garden Project, Part 3 (DUE by next class)
  • 12

    Week 12

    • Lecture: Gnome State Mgmt

    • Lecture: Fetch

    • Gnome Garden Project, Part 4 (DUE by next week)

    • Lecture: Gnome API Integration

    • React Intro
  • 13

    Week 13

    • Lecture: Intro to React/Components

    • Stopwatch Sample

    • Project: Create pretty multi-stopwatch site

    • Lecture: Axios & Lists with React

    • Project: Consume API with React/Axios

    • Watch Intro to Redux Videos
  • 14

    Week 14

    • Lecture: Passing props & state

    • Lecture: Intro to Redux

    • Lecture: Handle API Calls with Redux Thunk

    • Project: Create basic Redux Application

    • Read: React Router

    • Read: JWT Authentication

    • Redux, Thunk, & Router Examples
  • 15

    Week 15

    • Lecture: Using React Router v4

    • Project: Router Project

    • Lecture: Authentication

    • Project: Put it all together (Finish before Thursday Week 16)

    • The Purrfect Gentleman Starter

    • The Purrfect Gentleman Starter Walkthrough