Finished your course and now what?π€
You are in the job interview process and would like to have more projects to show on your GitHub?
Then I leave you here the awesome 30 Day Vanilla JS Coding Challenge by Wes Bos
Projects that you will build:
π Day 1: JavaScript Drum Kit
Build a drum kit using JavaScript and HTML5 audio.
π Day 2: CSS + JS Clock
Build a CSS and JavaScript clock that shows the current time.
π Day 3: Playing with CSS Variables and JS
Explore CSS variables and how you can use them with JavaScript.
π Day 4: Array Cardio Day 1
Practice your array skills by solving an array-related challenge.
π
Day 5: Flex Panels Image Gallery
Create an image gallery using Flexbox and JavaScript.
π Day 6: Ajax Type Ahead
Build a type-ahead search feature using Ajax and JavaScript.
π Day 7: Array Cardio Day 2
Continue practicing your array skills by solving another array-related challenge.
π Day 8: Fun with HTML5 Canvas
Learn how to use HTML5 Canvas to create a simple drawing app.
π Day 9: 14 Must Know Dev Tools Tricks
Discover 14 essential developer tools tricks that can save you a lot of time.
π Day 10: Hold Shift to Check Multiple Checkboxes
Enable the "Hold Shift to Check Multiple Checkboxes" feature using JavaScript.
π Day 11: Custom HTML5 Video Player
Build a custom HTML5 video player with various features.
π Day 12: Key Sequence Detection (KONAMI CODE)
Detect key sequences using JavaScript, including the Konami Code.
π Day 13: Slide In on Scroll
Make elements slide in smoothly as the user scrolls down the page.
π Day 14: Object and Arrays - Reference VS Copy
Learn the difference between reference and copy when working with objects and arrays.
π Day 15: LocalStorage and Event Delegation
Store data in LocalStorage and learn about event delegation.
π Day 16: CSS Text Shadow Mouse Move Effect
Create a CSS text shadow that follows the mouse as it moves across the page.
π Day 17: Sorting Band Names without articles
Sort an array of band names, removing articles like "a" and "the".
π Day 18: Tally String Times with Reduce
Count the occurrences of each letter in a string using the reduce() method.
π Day 19: Unreal Webcam Fun
Use the webcam to create fun effects, such as a mirror effect.
π Day 20: Native Speech Recognition
Use the native speech recognition API to recognize speech and convert it to text.
π Day 21: Geolocation based Speedometer and Compass
Create a speedometer and compass based on the user's geolocation data.
π Day 22: Follow Along Links
Create a page with links that smoothly follow the user's mouse as they move.
π
Day 23: Speech Synthesis
Learn how to make a speech synthesis app that converts a written text to digital voice.
π
Day 24: Sticky Nav
Create a sticky navigation bar that stays fixed at the top of the page as the user scrolls down.
π
Day 25: Event Capture, Propagation, Bubbling and Once
Understand the different event flow mechanisms, including capture, propagation, bubbling and once.
π
Day 26: Strip follow along Dropdown
Create a follow-along dropdown
π
Day 27: Click and drag to scroll
Implement drag-to-scroll functionality that allows users to scroll through a page by dragging their mouse.
π
Day 28: Video Speed Controller UI
Build a video speed controller that allows users to adjust the playback speed of a video.
π Day 29: Countdown Clock
Create a countdown clock that displays a timer and indicates how much time is left until a specific event occurs.
π
Day 30: Whack a Mole Game
Have fun developing a simple whack-a-mole game while getting familiar with setTimeout.
If you liked my post, please consider to Buy me a coffee β€οΈ
I will be truly happy to continue posting with your support
Top comments (1)
cool
Some comments may only be visible to logged-in visitors. Sign in to view all comments.