javascript30

Build 30 things in 30 days with no frameworks, no compilers, no libraries, and no boilerplate.

Use Chrome for the best user experience:

• Day 01: 🥁 JavaScript Drum Kit
• Day 02: 🕒 CSS + JS Clock
• Day 03: 🖼 CSS Variables and JS
• Day 04: 🏃‍ Array Cardio Day 1
• Day 05: 🏞️ Flex Panels Image Gallery
• Day 06: 📍 Ajax Current Location & Nearest Distance
• Day 07: 🏃‍ Array Cardio Day 2
• Day 08: 🎨 Fun with HTML5 Canvas
• Day 09: 🛠️ 14 Must Know Dev Tools Tricks
• Day 10: ☑️ Hold Shift to Check Multiple Checkboxes
• Day 11: 📽️ Custom HTML5 Video Player
• Day 12: 🕹️ Key Sequence Detection (KONAMI Code)
• Day 13: 📜 Slide In on Scroll
• Day 14: 🤼 Objects and Arrays - Reference 🆚 Copy
• Day 15: 👨‍👧‍👦 Local Storage and Event Delegation
• Day 16: 🖱️ CSS Text Shadow Mouse Move Effect
• Day 17: 📃 Sorting Band Names without Articles
• Day 18: 🕰️ Tally String Times with Reduce
• Day 19: 📸 Browser Native Webcam Fun
• Day 20: 🎙️ Browser Native Speech Detection
• Day 21: 📌 Geolocation based Speedometer and Compass
• Day 22: 🌟 Follow Along Link Highlighter
• Day 23: 🗣️ Browser Native Speech Synthesis
• Day 24: 🔖 Sticky Navbar
• Day 25: 💫 Event Capture, Propagation, and Once
• Day 26: 🗂️ Stripe Follow Along Dropdown
• Day 27: 🗺️ Click and Drag to Scroll
• Day 28: 🎚️ Video Speed Slider
• Day 29: ⏲ Countdown Timer
• Day 30: 🐻 Whack a Mole Game

Thanks Anastasia for pushing me to do this together.