/JavaScript30

30 Day Vanilla JS Challenge

Primary LanguageHTML

Table of contents

  1. About
  2. Exercises
  3. License

About

I'm following along with the exercises from Wes Bos' JavaScript30.

As tempting as it is, I'm not going to use any libraries, frameworks or build steps. Just vanilla JavaScript. That means that:

  • the exercises will sometimes only run in a modern browser, (but I've only tested in the latest version of Chrome so YMMV) and
  • my code doesn't always follow the conventions set by some popular frameworks.

While I've aimed to keep my code tidy and readable, I'm not spending a lot of time on refactoring since I don't think it's the point of the exercise.

Exercises

  • 01 - JavaScript Drum Kit
  • 02 - JS + CSS Clock
  • 03 - CSS Variables
  • 04 - Array Cardio Day 1
  • 05 - Flex Panel Gallery
  • 06 - Type Ahead
  • 07 - Array Cardio Day 2
  • 08 - Fun with HTML5 Canvas
  • 09 - Dev Tools Domination
  • 10 - Hold Shift and Check Checkboxes
  • 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