Preps

This class is flipped, it’s vital that you prepare for the in-class activities by completing these preparations.

Prep 01: 1.3, 2

Section 1.3 - The Client-Server Model
Chapter 2 - How the Web Works

Prep 02: 3.2, 3.4, and 3.5 & 8.2-8.5

3.2 - HTML Syntax
3.4 - Structure of HTML Documents
3.5 - Quick Tour of HTML Elements
8.2 - Where Does JavaScript Go?
8.3 - Variables and Data Types
8.4 - Conditionals
8.5 - Loops

Prep 03: 3.3, 3.6, and 5.1 & 8.6-8.7-8.8.1

3.3 - Semantic Markup
3.6 - HTML5 Semantic Structure Elements
5.1 - HTML Tables
5.3 - Introducing Forms
5.4 - Form Control Elements
5.5 - Table and Form Accessibility
8.6 - Arrays
8.7 - Objects
8.8 - Functions
8.8.1 - Function Declarations vs. Function Expressions

Prep 04: 4.1-4.4, and 4.6-4.7 & 9.1

4.1 - What Is CSS?
4.2 - CSS Syntax
4.3 - Location of Styles
4.4 - Selectors
4.6 - The Box Model
4.7 - CSS Text Styling
9.1 - The Document Object Model (DOM)

Prep 05: 4.5, 4.8.2, 7.1, 7.2, and 9.2, 9.3.1, 9.3.2

4.5 - The Cascade: How Styles Interact
4.8.2 - CSS Variables
7 - CSS 2: Layout
7.1 - Older Approaches to CSS Layout
9.2 - Modifying the DOM
9.3.1 - Implementing an Event Handler
9.3.2 - Page Loading and the DOM

Prep 06: 7.3-7.4

7.2 - Flexbox Layout
7.3 - Grid Layout
7.4 - Responsive Design

Prep 07: 5.6-5.7, 8.8.2-8.8.7 & 9.5

5.6 - Styling and Designing Forms
5.7 - Validating User Input
8.8.2 - Nested Functions
8.8.7 - Arrow Syntax
9.5 - Forms in JavaScript RegEx

Prep 08: 10.1, 10.4.1, and localStorage

10.1 - Array Functions
10.4.1 - Webstorage API
localStorage HTML Template Tag

Prep 09: Events and Asynchronicity - 9.3.3-9.4, 10.3

9.3.3 - Event Object
9.4 - Event Types
10.3.0 - Asynchronous Coding with JavaScript

Prep 10: Location interface, URL API, and the File API's Blobs

Browser Location API URLSearchParams
Writing and Reading Blobs

Last modified October 15, 2025: updates from brief sync-up (91b2c39)