JavaScript30 - 30 Day JavaScript Challenge

Nitish Dayal, Software & Applications Developer
Last Commit Date: Dec 12, 2016

Course created by Wes Bos
Join the challenge (for free!) here - JavaScript30

About

Build 30 things in 30 days with vanilla JavaScript; no frameworks, libraries, etc. Pacing is totally up to the individual; if you feel like knocking out 30 challenges in 30 minutes, hey, more power to you, but that would miss the point of this course (IMO). The idea behind these exercises is to utilize small amounts of what would regularly be 'downtime' as moments in which we can build on our knowledge through some simple exercises. My goal is to participate in 3 challenges per day (watch the videos, take some notes, etc.) and to complete one challenge per day.

The starter files (available here) include solutions to most challenges, so this isn't really meant to be taken as some kind of competition or something. JavaScript30 appears to be focused more on helping developers enhance their current skillset and reducing developer reliance on external JS libraries; if it can be done with a JS library, it can (probably) be done with vanilla JS.

UPDATE: If you're here for written guides, please be patient with me! I've made it a priority to get as many of these done as possible, as quickly as possible. Thank youuu. ❤️

Completed written guides can be found in the corresponding challenge directory (click the links below, folks).

Table Of Contents

1. [JavaScript Drum Kit](./exercises/01\ -\ JavaScript\ Drum\ Kit/)
2. [JS + CSS Clock](./exercises/02\ -\ JS\ +\ CSS\ Clock/)
3. [CSS Variables](./exercises/03\ -\ CSS\ Variables/)
4. [Array Cardio, Day 1](./exercises/04\ -\ Array\ Cardio\ Day\ 1/)
5. [Flex Panel Gallery](./exercises/05\ -\ Flex\ Panel\ Gallery/)
6. [Type Ahead](./exercises/06\ -\ Type\ Ahead/)
7. [Array Cardio, Day 2](./exercises/07\ -\ Array\ Cardio\ Day\ 2/)
8. Fun with HTML5 Canvas
9. 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