I am working my way through @wesbos JavaScript30 course.
Below you can see my progression along with some notes.
- [01 - JavaScript Drum Kit](01 - JavaScript Drum Kit)
- Changed background image
- Added mouse interaction
- [02 - JS and CSS Clock](02 - JS and CSS Clock)
- Made more reusable code
- Orange background of course
- Flatter design
- More accurate minutes and hour hand
- 03 - CSS Variables
- 04 - Array Cardio Day 1
- No visual, but great exercise.
- [05 - Flex Panel Gallery](05 - Flex Panel Gallery)
- Shows the power of CSS + a tiny bit of JS
- Added functionality
- Close the open panel when selecting a new panel
- [06 - Type Ahead](06 - Type Ahead)
- A little regex fun
- 07 - Array Cardio Day 2
- [08 - Fun with HTML5 Canvas](08 - Fun with HTML5 Canvas)
- Did parts of it
- Made orangy candycone stroke
- 09 - Dev Tools Domination
- [10 - Hold Shift and Check Checkboxes](10 - Hold Shift and Check Checkboxes)
- Useful example
- 11 - Custom Video Player
- 12 - Key Sequence Detection
- 13 - Slide in on Scroll
- 14 - JavaScript References VS Copying
- 15 - LocalStorage
- 16 - Mouse Move Shadow
- 17 - Sort Without Articles
- 18 - Adding Up Times with Reduce
- 19 - Webcam Fun
- 20 - Speech Detection
- 21 - Geolocation
- 22 - Follow Along Link Highlighter
- 23 - Speech Synthesis
- 24 - Sticky Nav
- 25 - Event Capture, Propagation, Bubbling and Once
- 26 - Stripe Follow Along Nav
- 27 - Click and Drag
- 28 - Video Speed Controller
- 29 - Countdown Timer
- 30 - Whack A Mole