javascript30

Course: 30 Day Vanilla JS Coding Challenge. Build 30 Things in 30 Days with 30 Tutorials

• JS Drum Kit
• JS + CSS Clock
• CSS Variables
• Array cardio day1
• Flex Panels
• Type Ahead
• Array cardio day2
• Fun with HTML5 Canvas
• Dev tools domination
• Hold SHIFT and check checkboxes
• Custom Video Player
• Secret Code
• Slide in on scroll
• JavaScript references vs Copying
• Local Storage
• Mouse move shadow
• Sort without articles
• Adding up times with reduce
• Webcam fun
• Speech detection
• Geolocation
• Follow along link highlighter
• Speech synthesis
• Sticky nav
• Event capture, propagation, bubbling and once
• Stripe follow along nav
• Click and Drag
• Video speed controller
• Countdown timer
• Whack a mole

1. JS Drum Kit

Демо: Drum Kit

---

2. JS + CSS Clock

Демо: JS + CSS Clock

---

3. CSS Variables

Демо: CSS Variables

---

5. Flex Panels

Демо: Flex Panels

---

6. Type Ahead

Демо: Type Ahead

---

8. Fun with HTML5 Canvas

Демо: Canvas

---

10. Hold SHIFT and check checkboxes

Демо: Checkboxes

---

11. Custom Video Player

Демо: Video Player

---

12. Secret Code

Демо: Secret Code

---

13. Slide in on scroll

Демо: Slide in on scroll

---

15. Local Storage

Демо: Local Storage

---

16. Mouse move shadow

Демо: Mouse move shadow

---

17. Sort without articles

Демо: Sort without articles

---

19. Webcam fun

Демо: Webcam fun

---

20. Speech detection

Демо: Speech detection

---

21. Geolocation

Демо: Geolocation

---

22. Follow along link highlighter

Демо: Link highlighter

---

23. Speech synthesis

Демо: Speech synthesis

---

24. Sticky nav

Демо: Sticky nav

26. Stripe follow along nav

Демо: Stripe

---

27. Click and Drag

Демо: Click and Drag

---

28. Video speed controller

Демо: Video speed controller

---

29. Countdown timer

Демо: Countdown timer

---

30. Whack a mole

Демо: Whack a mole