All JavaScript challenges in Wesbos' JS30 series.
(check this out for working demos)
- Drum Kit → Explained about how to manipulate CSS properties through events
- CSS Clock → Explained about how to make working transformations in CSS using JS
- CSS Variables → Explained about how to manipulate CSS variables through JS
- JS Arrays → Array weight-lifting using JS's
map(),reduce(),filter()&sort() - Image Gallery → Explained how Flexbox works and how to manipulate it
- Type Ahead → AJAX calls through JS and live search
- JS Arrays 2 → Array massaging with
some(),every(),find(),findIndex() - Canvas Fun → Working with
<canvas>and learning the basics of it - DevTools → Working with
consoleand learning different methods of it Shift+ Checkboxes → Selecting multiple checkboxes while pressing shift key- HTML5 Video Player → Creating a video player with JS that has custom controls
- Key Sequence Detection → Detecting Key sequences using JS
- Slide Scroll → Making images slide in and out according to the scroll
- Reference & Copying → Getting values of Array and Objects copied/referenced
- Local Storage → Using Local Storage and demonstrating Event Delegation
- Mouse Shadow → Using JS for making awesome shadow mouse interactions
- Sort Without Articles → Sorting using JS without using Article methods
- Array Reduce → Reducing the Array
- WebCam Fun → Using JS for some Webcam Fun
- Speech Recognition → Using JS for some Speech Recognition
- Geolocation & Compass → Using JS for some Geolocation and Compass
- Focus Following Links → Using JS for creating fluid transition of focus following links
- Text-to-Speech → Using JS for text to speech task
- Sticky Navigation bar → Using JS for creating Sticky navigation bar
- Event Propagation → Demonstration of Event Propagation and Bubling
- Follow Along Nav → Using JS to create a follow along Navigation bar
- Draggable Scroll → Using JS to create a Draggable Scroll List
- Video Speed Scrubber → Using JS to create a Video Speed Scrubber
- Simple Timer → Using JS to create a Clock Timer
- 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