Skip to content

ABSphreak/wesbosJS30

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🦄Wesbos JS 30 Projects

All JavaScript challenges in Wesbos' JS30 series.

(check this out for working demos)

  1. Drum Kit → Explained about how to manipulate CSS properties through events
  2. CSS Clock → Explained about how to make working transformations in CSS using JS
  3. CSS Variables → Explained about how to manipulate CSS variables through JS
  4. JS Arrays → Array weight-lifting using JS's map(), reduce(), filter() & sort()
  5. Image Gallery → Explained how Flexbox works and how to manipulate it
  6. Type Ahead → AJAX calls through JS and live search
  7. JS Arrays 2 → Array massaging with some(), every(), find(), findIndex()
  8. Canvas Fun → Working with <canvas> and learning the basics of it
  9. DevTools → Working with console and learning different methods of it
  10. Shift + Checkboxes → Selecting multiple checkboxes while pressing shift key
  11. HTML5 Video Player → Creating a video player with JS that has custom controls
  12. Key Sequence Detection → Detecting Key sequences using JS
  13. Slide Scroll → Making images slide in and out according to the scroll
  14. Reference & Copying → Getting values of Array and Objects copied/referenced
  15. Local Storage → Using Local Storage and demonstrating Event Delegation
  16. Mouse Shadow → Using JS for making awesome shadow mouse interactions
  17. Sort Without Articles → Sorting using JS without using Article methods
  18. Array Reduce → Reducing the Array
  19. WebCam Fun → Using JS for some Webcam Fun
  20. Speech Recognition → Using JS for some Speech Recognition
  21. Geolocation & Compass → Using JS for some Geolocation and Compass
  22. Focus Following Links → Using JS for creating fluid transition of focus following links
  23. Text-to-Speech → Using JS for text to speech task
  24. Sticky Navigation bar → Using JS for creating Sticky navigation bar
  25. Event Propagation → Demonstration of Event Propagation and Bubling
  26. Follow Along Nav → Using JS to create a follow along Navigation bar
  27. Draggable Scroll → Using JS to create a Draggable Scroll List
  28. Video Speed Scrubber → Using JS to create a Video Speed Scrubber
  29. Simple Timer → Using JS to create a Clock Timer
  30. Whack-A-Mole Game → Using JS to create a Whack-A-Mole Game

Made with ❤ by Abhinav Sharma

Please check the commit history for this repository to see changelog.

Licensed under MIT License

About

🐳 Wesbos' JavaScript30 course codes, for JS practice.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published