Lecture Recordings (hosted on YouTube)

You can speed up the video playback… listening to myself at 1x speed is agonizing lmao

Examples

Right-click and save the links, or open the links in your browser and use “View Page Source” or equivalent, or the inspector!

HTML/CSS
1_floats.html Floating and clearing basics.
2_flex1.html Simple flexbox layout example.
3_flex2.html Showing some more complex flexbox stuff.
4_mediaqueries.html Contrived media query examples to show what's going on.
JavaScript
1_hello_world.html alert and document.write.
2_vars_types.html typeof, variables, and equality.
3_functions.html How functions, arguments, and some other things work.
4_arrays.html Arrays and array methods.
5_objects.html Objects, properties, and methods.
6_constructors_protos.html Object constructors and prototypes.
10_fp_sorting.html Showing some FP techniques in the context of sorting an array.
The DOM
7_dom_basics.html Selecting elements and changing their properties.
8_dom_events.html Showing off a number of common events.
9_capturevsbubble.html Two different event listener calling orders, and canceling bubbling.