Starter Files + Completed solutions for the JavaScript 30 Day Challenge.
Grab the course at https://JavaScript30.com
| Title | Solution | Title | Solution |
|---|---|---|---|
| 01 - JavaScript Drum Kit | [here](01 - JavaScript Drum Kit/index-FINISHED.html) | 16 - Mouse Move Shadow | |
| 02 - JS + CSS Clock | here | 17 - Sort Without Articles | |
| 03 - CSS Variables | here | 18 - Adding Up Times with Reduce | |
| 04 - Array Cardio Day 1 | here | 19 - Webcam Fun | |
| 05 - Flex Panel Gallery | here | 20 - Speech Detection | |
| 06 - Type Ahead | here | 21 - Geolocation | |
| 07 - Array Cardio Day 2 | here | 22 - Follow Along Link Highlighter | |
| 08 - Fun with HTML5 Canvas | here | 23 - Speech Synthesis | |
| 09 - Dev Tools Domination | here | 24 - Sticky Nav | |
| 10 - Hold Shift and Check Checkboxes | here | 25 - Event Capture, Propagation, Bubbling and Once | |
| 11 - Custom Video Player | here | 26 - Stripe Follow Along Nav | |
| 12 - Key Sequence Detection | here | 27 - Click and Drag | |
| 13 - Slide in on Scroll | here | 28 - Video Speed Controller | |
| 14 - JavaScript References VS Copying | here | 29 - Countdown Timer | |
| 15 - LocalStorage | here | 30 - Whack A Mole |
Feel free to submit a PR adding a link to your own recaps, guides or reviews!
- Nitish Dayal's Text Guides are great for those who like reading over watching
- Meredith Underell's Quick Lessons Learned
- Rowan Weismiller's Recaps + Lessons Learned
- Thorsten Frommen shares how he solved the exercises before viewing the answers
- Soyaine 写的中文指南包含了过程记录和难点解释
- Ayo Isaiah's Recaps and Lessons Learned
- Adriana Rios shares her alternative solutions
These are meant to be 1:1 copies of what is done in the video. If you found a better / different way to do things, great, but I will be keeping them the same as the videos.
The starter files + solutions will be updated if/when the videos are updated.
Thanks!