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