Skip to content

🍦 Vanilla JavaScript - 30 Days of Coding Challenge. Demo and Documentation Included.

Notifications You must be signed in to change notification settings

Mitzelldone/JavaScript30

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 

Repository files navigation

🍦 JavaScript30 Coding Challenge Tweet

JavaScript30

Who is this For?

  • Beginner to Intermediate developers and designers who want to become comfortable with both JavaScript fundamentals and working in the DOM without a library.
  • You should already know some JavaScript to start - This isn't a JavaScript 101 course.

About

I created this respitory to keep track of my progress and documentation in the JavaScript 30 Day Challenge and commiting & logging what I have learnt on daily basis.

Javascript30 Demo

🟥DEMO: HERE

https://mitzelldone.github.io/Javascript30-Demo/index.html

Table of Content

  1. JavaScript Drum Kit 🥁
  2. JS and CSS Clock 🕑
  3. CSS Variables
  4. Array Cardio Day 1 💪
  5. Flex Panels Image Gallery 🖼️
  6. Type Ahead AJAX
  7. Array Cardio Day 2 💪
  8. Fun with HTML5 Canvas
  9. Dev Tools Domination
  10. Hold Shift and Check JS Checkboxes
  11. HTML5 Custome Video Player 🐰
  12. Key Sequence Detection 🦄
  13. Slide in on scroll
  14. JavaScripts Reference vs Copying
  15. LocalStorage and Event Delegation
  16. Mouse move based text shadow animation🖱️
  17. Sort without articles
  18. Adding Up Times with Reduce
  19. Webcam fun
  20. Native Speech Recognition 🎤
  21. Geolocation based Speedometer and Compass 🧭
  22. Follow along link highlight
  23. Speech Synthesis (Text-to-Speech) 💻🗣️
  24. Sticky Nav
  25. Event Capture, Propagation, Bubbling and Once
  26. Stripe dropdown follow-along navigation
  27. Click and Drag to Scroll
  28. Video Speed Controller UI 🎚️
  29. Countdown timer
  30. Whack a mole 🕹️

Credits

Documentation source : Amelie, discoverdev.io and Nitish Dayal.