JavaScript 30 — Build 30 things with vanilla JS in 30 days with 30 tutorials

Beginner to Intermediate developers and designers who want to become comfortable with both JavaScript fundamentals and working in the DOM without a library.

You should already know some JavaScript to start - This isn't a JavaScript 101 course. If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend you take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off.

We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

We steer clear of opinionated design patterns, frameworks, libraries and any type of abstraction. These things are great and often needed, but can obstruct learning and constrain initial understanding.

These tutorials rely heavily upon browser APIs, most of which involve interaction with the page. If you are stuck in console.log() land, these videos are your next step. Oh, the stuff we build is really fun!

• JavaScript Drum Kit
• CSS + JS Clock
• Playing with CSS Variables and JS
• Array Cardio Day 1
• Flex Panels Image Gallery
• Ajax Type Ahead
• Array Cardio Day 2
• Fun with HTML5 Canvas
• 14 Must Know Dev Tools Tricks
• Hold Shift to Check Multiple Checkboxes
• Custom HTML5 Video Player
• Key Sequence Detection (KONAMI CODE)
• Slide In on Scroll
• Object and Arrays - Reference VS Copy
• LocalStorage and Event Delegation
• CSS Text Shadow Mouse Move Effect
• Sorting Band Names without articles
• Tally String Times with Reduce
• Unreal Webcam Fun
• Native Speech Recognition
• Geolocation based Speedometer and Compass
• Follow Along Links
• Speech Synthesis
• Sticky Nav
• Event Capture, Propagation, Bubbling and Once
• Stripe Follow Along Dropdown
• Click and Drag to Scroll
• Video Speed Controller UI
• Countdown Clock
• Whack A Mole Game