|
1 | | -# JavaScript30 |
| 1 | +# JavaScript30 - 30 Day JavaScript Challenge |
| 2 | +Course created by @wesbos |
| 3 | +Join the challenge (for free!) here - [JavaScript30](https://javascript30.com/account) |
2 | 4 |
|
3 | | -Starter Files + Completed solutions for the JavaScript 30 Day Challenge. |
| 5 | +## About |
| 6 | + |
| 7 | +Build 30 things in 30 days with vanilla JavaScript; no frameworks, libraries, etc. |
| 8 | + Pacing is totally up to the individual; if you feel like knocking out 30 challenges |
| 9 | + in 30 minutes, hey, more power to you, but that would miss the point of this challenge. |
| 10 | + The idea behind these exercises is to utilize small amounts of what would regularly be |
| 11 | + 'downtime' as moments in which we can build on our knowledge through some simple |
| 12 | + 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. |
| 13 | + |
| 14 | +The starter files include solutions to most challenges, so this isn't really meant to be |
| 15 | + taken as some kind of competition or something. JavaScript30 appears to be more focused on |
| 16 | + helping developers enhance their current skillset by eliminating the want to grab |
| 17 | + a JS library and focus on doing things programatically; **if it can be done with a JS |
| 18 | + library, it should be able to be done with vanilla JS.** |
| 19 | + |
| 20 | +## Table Of Contents |
| 21 | + |
| 22 | +1. [ ] JavaScript Drum Kit |
| 23 | +2. [ ] JS + CSS Clock |
| 24 | +3. [ ] CSS Variables |
| 25 | +4. [ ] Array Cardio, Day 1 |
| 26 | +5. [ ] Flex Panel Gallery |
| 27 | +6. [ ] Type Ahead |
| 28 | +7. [ ] Array Cardio, Day 2 |
| 29 | +8. [ ] Fun with HTML5 Canvas |
| 30 | +9. [ ] Dev Tools Domination |
| 31 | +10. [ ] Hold Shift and Check Checkboxes |
| 32 | +11. [ ] Custom Video Player |
| 33 | +12. [ ] Key Sequence Detection |
| 34 | +13. [ ] Slide in on Scroll |
| 35 | +14. [ ] JavaScript References vs. Copying |
| 36 | +15. [ ] LocalStorate |
| 37 | +16. [ ] Mouse Move Shadow |
| 38 | +17. [ ] Sort Without Articles |
| 39 | +18. [ ] Adding Up Times with Reduce |
| 40 | +19. [ ] Webcam Fun |
| 41 | +20. [ ] Speech Detection |
| 42 | +21. [ ] Geolocation |
| 43 | +22. [ ] Follow Along Link Highlighter |
| 44 | +23. [ ] Speech Synthesis |
| 45 | +24. [ ] Sticky Nav |
| 46 | +25. [ ] Event Capture, Propagation, Bubbling, and Once |
| 47 | +26. [ ] Stripe Follow Along Nav |
| 48 | +27. [ ] Click and Drag |
| 49 | +28. [ ] Video Speed Controller |
| 50 | +29. [ ] Countdown Timer |
| 51 | +30. [ ] Whack A Mole |
4 | 52 |
|
5 | | -(it's not up yet - soon though!) |
|
0 commit comments