https://github.com/absphreak/wesbosjs30
🐳 Wesbos' JavaScript30 course codes, for JS practice.
https://github.com/absphreak/wesbosjs30
css html js unicorns
Last synced: 4 months ago
JSON representation
🐳 Wesbos' JavaScript30 course codes, for JS practice.
- Host: GitHub
- URL: https://github.com/absphreak/wesbosjs30
- Owner: ABSphreak
- License: mit
- Created: 2019-08-25T16:26:29.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2021-06-18T17:03:41.000Z (over 4 years ago)
- Last Synced: 2025-04-08T20:48:08.605Z (7 months ago)
- Topics: css, html, js, unicorns
- Language: HTML
- Homepage: https://absphreak.github.io/wesbosJS30/
- Size: 46.3 MB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
🦄Wesbos JS 30 Projects
All JavaScript challenges in Wesbos' JS30 series.
(check this out for working demos)
1. [Drum Kit](https://absphreak.github.io/wesbosJS30/01drumKit) → Explained about how to manipulate CSS properties through events
2. [CSS Clock](https://absphreak.github.io/wesbosJS30/02cssClock) → Explained about how to make working transformations in CSS using JS
3. [CSS Variables](https://absphreak.github.io/wesbosJS30/03cssVars) → Explained about how to manipulate CSS variables through JS
4. [JS Arrays](https://absphreak.github.io/wesbosJS30/04JSarrays) → Array weight-lifting using JS's `map()`, `reduce()`, `filter()` & `sort()`
5. [Image Gallery](https://absphreak.github.io/wesbosJS30/05imageGallery) → Explained how Flexbox works and how to manipulate it
6. [Type Ahead](https://absphreak.github.io/wesbosJS30/06typeAhead) → AJAX calls through JS and live search
7. [JS Arrays 2](https://absphreak.github.io/wesbosJS30/07JSarrays2) → Array massaging with `some()`, `every()`, `find()`, `findIndex()`
8. [Canvas Fun](https://absphreak.github.io/wesbosJS30/08Canvas) → Working with `` and learning the basics of it
9. [DevTools](https://absphreak.github.io/wesbosJS30/09devTools) → Working with `console` and learning different methods of it
10. [`Shift` + Checkboxes](https://absphreak.github.io/wesbosJS30/10checkboxes) → Selecting multiple checkboxes while pressing shift key
11. [HTML5 Video Player](https://absphreak.github.io/wesbosJS30/11htmlVideoPlayer) → Creating a video player with JS that has custom controls
12. [Key Sequence Detection](https://absphreak.github.io/wesbosJS30/12keySeq) → Detecting Key sequences using JS
13. [Slide Scroll](https://absphreak.github.io/wesbosJS30/13slideScroll) → Making images slide in and out according to the scroll
14. [Reference & Copying](https://absphreak.github.io/wesbosJS30/14references) → Getting values of Array and Objects copied/referenced
15. [Local Storage](https://absphreak.github.io/wesbosJS30/15localStore) → Using Local Storage and demonstrating Event Delegation
16. [Mouse Shadow](https://absphreak.github.io/wesbosJS30/16mouseShadow) → Using JS for making awesome shadow mouse interactions
17. [Sort Without Articles](https://absphreak.github.io/wesbosJS30/17sortWOArticles) → Sorting using JS without using Article methods
18. [Array Reduce](https://absphreak.github.io/wesbosJS30/18arrayReduce) → Reducing the Array
19. [WebCam Fun](https://absphreak.github.io/wesbosJS30/19webcamFun) → Using JS for some Webcam Fun
20. [Speech Recognition](https://absphreak.github.io/wesbosJS30/20speechRecog) → Using JS for some Speech Recognition
21. [Geolocation & Compass](https://absphreak.github.io/wesbosJS30/21geoLoc) → Using JS for some Geolocation and Compass
22. [Focus Following Links](https://absphreak.github.io/wesbosJS30/22followAlong) → Using JS for creating fluid transition of focus following links
23. [Text-to-Speech](https://absphreak.github.io/wesbosJS30/23tts) → Using JS for text to speech task
24. [Sticky Navigation bar](https://absphreak.github.io/wesbosJS30/24stickyNav) → Using JS for creating Sticky navigation bar
25. [Event Propagation](https://absphreak.github.io/wesbosJS30/25eventProp) → Demonstration of Event Propagation and Bubling
26. [Follow Along Nav](https://absphreak.github.io/wesbosJS30/26followAlongNav) → Using JS to create a follow along Navigation bar
27. [Draggable Scroll](https://absphreak.github.io/wesbosJS30/27draggableScroll) → Using JS to create a Draggable Scroll List
28. [Video Speed Scrubber](https://absphreak.github.io/wesbosJS30/28videoSpeed) → Using JS to create a Video Speed Scrubber
29. [Simple Timer](https://absphreak.github.io/wesbosJS30/29timer) → Using JS to create a Clock Timer
30. [Whack-A-Mole Game](https://absphreak.github.io/wesbosJS30/30whackAMole) → 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