Table of Contents
- Unit 0 - Command Line, Git, Github
- Unit 1 - HTML & CSS
- Unit 2 - JavaScript
- Unit 3 - Structured Problem Solving
- Unit 4 - Object-Oriented Programming
- Unit 5 - The Document Object Model (DOM)
- Unit 6 - Asynchronous JavaScript
- Unit 7 - Server-side Web Development with Node.js
- Unit 8 - React
- Unit 9 - Capstone
Important Links to Bookmark
- Canvas: https://canvas.instructure.com/
- Github: https://github.com/
- Cloud9: https://us-east-2.console.aws.amazon.com/cloud9/home
Slides
- 9/26/22 - Intro to Command Line Interfaces | Slides | Lecture Notes | Lecture Recording
- 9/26/22 - CLI Practice | Lab Review Recording
- 9/27/22 - Intro to Git & Github | Slides | Lecture Notes | Lecture Recording | Lecture Recording pt.2 | Updating Lecture Links Demo (Using the CLI) (Using Github)
- 9/28/22 - Collaborative Git | Slides | Lecture Recording pt 1 | Lecture Recording pt 2 (merge conflicts)
- 9/29/22 - Pair Programming | Ben + Carmen Lab Demo Recording
- 9/30/22 - Review | Slides | Lecture Recording
Download the following chrome extensions tools
- Eye Dropper | used to get the exact color of certain pixels.
- Page Ruler | used to get the exact pixel dimensions for something.
Additional Resources
- CSS Tricks Flexbox Guide
- CSS Tricks Grid Guide
- What is the difference between flexbox and grid?
- Josh Comeau's CSS Reset | Normalize.css | CSS Remedy
- Mozilla Tips for Organizing CSS and Debugging CSS
- 10/3/22 - HTML Semantics & CSS | Intro Slides | Lecture Notes | Lecture Recording | Lab Review Recording (Finishing Tribute Page)
- 10/4/22 - Box Model Layout | Lecture Notes | Lecture Recording (CSS Review, Box Model, & Display)
- 10/5/22 - Box Model Review | Box Model Review + Floats Lecture Notes | Lecture Recording (Box Model Review) | Centering a div and using floats to create a grid recording | Lab Review Example Solution
- 10/6/22 - Positioning & Review | Positioning Lecture Notes | Lecture Recording
- 10/7/22 - Tables & Lists | Table Code Along Lecture Notes | Lecture Recording | Table Example Solution
- 10/11/22 - Forms | Lecture Notes | Form Example | Lecture Recording
- 10/12/22 - Flexbox | Lecture Slides | Lecture Recording | Flexbox Lab Review Code | Flexbox Lab Review Recording
- 10/13/22 - Flexbox pt. 2 | Lecture Slides | Lecture Recording
- 10/14/22 - Form + Flexbox Review | Lecture Recording
- 10/17/22 - Grid | Lecture Slides | Lecture Recording
- 10/18/22 - Grid (cont.) | Lecture Slides | Lecture Recording
- 10/19/22 - Responsive Design | Lecture Slides | Lecture Recording | Combining it all lab review recording | Combining It All Code
- 10/20/22 - Flex / Grid / Responsive Revew + Bootstrap Intro | Lecture Recording
- 10/21/22 - Review | Kahoot Review Recording
- 10/24/22 | Kickoff Slides | Proposals & Wireframes Presentations
- 10/25/22 | Bootstrap Demo Recording
- 10/27/22 | Github Pages Demo
- 10/31/22 | Project Presentations (Part 1) | Project Presentations (Part 2)
Additional Resources
Unit 2 Assessment Resources:
- Ben's JavaScript Basics | Recording
- Mike Cronin's Unit 2 Study Guide
- Strategies for Exam Questions
- Unit 2 Practice Assessment
- Who's That Function?!
- 11/1/22 — What is JavaScript | JS in the Browser Notes | JS in the Browser Recording |
- 11/1/22 — Data Types & Type Coercion | Data & Type Coercion Notes | Problem Set 2.1 | Data Types & Coercion Recording
- 11/2/22 — Variables & Control Flow | Coin Flip Example | Lecture Recording
- 11/3/22 — Functions | Lecture Recording | Notes
- 11/4/22 — Review | Review Problems | Review Code | Review Recording
- 11/7/22 — Scope | Slides | Code Example | Recording | Call Stack + Array Basics Recording
- 11/8/22 — Arrays | Slides | Code Example | Recording
- 11/9/22 - Copy by Reference, Spread, and Rest | Recording | Destructuring Recording
- 11/10/22 — Objects | Slides | Recording
- 11/14/22 - Objects (pt. 2) | Recording | Practice Assessment Review Recording
wordToDigitReviewcharacterGeneratorReview
Additional Resources
- 11/28/22 - PEDAC | Slides | Practice | Recording | Lab Review Recording | Phone Number Solution | Longest String Solution
- 11/30/22 - Regex | Slides | Examples | Practice
- 12/1/22 - Regex Day 2 | Lecture Recording
- 12/1/22 - Review | Recording | Practice Solutions
- 12/5/22 - Functional Abstraction | Notes | Lecture Recording | Technical Writing Exercise | Lab Review: forEach and technical writing recording
- 12/6/22 - Functional Abstraction | Notes | Practice | Lecture Recording
- 12/7/22 - Review | forEach, map, filter practice | Scripts Example | Lecture Recording
- 12/8/22 - Understanding Objects | Notes | Lecture Recording
- 12/9/22 - Understanding Objects | Shopping Cart Practice (Solution) | Lecture Recording
- 12/12/22 - Execution Context | Notes | Lecture Recording | Practice (solution) | Lab Review
- 12/13/22 - Closures | Notes | Practice | Lecture Recording
- 12/14/22 - Review |
- 12/15/22 - Constructors & Prototypes | Notes | Lecture Recording
- 12/16/22 - Constructors & Prototypes |
__proto__andprototype| Lecture Recording
Looking Ahead: Classes Preview — Car and RaceCar Example
- 1/9/23 - Classes
- 1/10/23 - Classes
- 1/11/23 - Inheritance
- 1/12/23 - OO Design
- 1/13/23 - OO Design
- 1/17/23 - OO Design
- 1/18/23 - Review
- 1/19/23 - Unit 4 Assessment
- 1/20/23 - Review