Course created by Wes Bos. Join the challenge (for free!) here - JavaScript30
Hi there!
I really want to learn JS. I actually want to learn JS very well. While theoretical lectures are providing deep insights, I tend to forget them very quickly, unless I put them in practice right away. That’s why I decided to compliment them with this practical series.
Thanks to combining there two approaches I will (hopefully) understand programming principles and learn to use them effectively.
Thanks!
Project | Demo | Source Code |
---|---|---|
1. JavaScript Drum Kit | Demo | Source Code |
2. JS + CSS Clock | Demo | Source Code |
3. CSS Variables | Demo | Source Code |
4. Array Cardio, Day 1 | Demo | Source Code |
5. Flex Panel Gallery | Demo | Source Code |
6. Type Ahead | Demo | Source Code |
7. Array Cardio, Day 2 | Demo | Source Code |
8. Fun with HTML5 Canvas | Demo | Source Code |
9. Dev Tools Domination | Demo | Source Code |
10. Hold Shift and Check Checkboxes | Demo | Source Code |
11. Custom HTML5 Video Player | Demo | Source Code |
12. Key Sequence Detection | Demo | Source Code |
13. Slide In on Scroll | Demo | Source Code |
14. JS Reference VS Copy | Demo | Source Code |
15. LocalStorage and Event Delegation | Demo | Source Code |
16. CSS Text Shadow Mouse Move Effect | Demo | Source Code |
17. Sort Without Articles | Demo | Source Code |
18. Adding Up Times with Reduce | Demo | Source Code |
19. Webcam Fun | Demo | Source Code |
20. Speech Detection | Demo | Source Code |
21. Geolocation | Demo | Source Code |
22. Follow Along Link Highlighter | Demo | Source Code |
23. Speech Synthesis | Demo | Source Code |
24. Sticky Nav | Demo | Source Code |
25. Event Capture, Propagation, Bubbling and Once | Demo | Source Code |
26. Stripe Follow Along Dropdown | Demo | Source Code |
27 - Click and Drag | Demo | Source Code |
28 - Video Speed Controller | Demo | Source Code |
29 - Countdown Timer | Demo | Source Code |
30 - Whack A mole game | Demo | Source Code |