JavaScript30 logo

JavaScript30

30 vanilla JS projects in 30 days

Build 30 things in 30 days with 30 vanilla JS tutorials by Wes Bos. No frameworks, no libraries, no compilers, no boilerplate. Covers DOM manipulation, audio/video, canvas, speech recognition, geolocation, and more.

Front EndFreebeginner30 days
Submitted by @kira

Roadmap (4 steps)

1

DOM & Interface

self-paced
#Drum Kit#CSS + JS Clock#Flex Gallery#Sticky Nav#Click & Drag
2

Fundamentals

self-paced
#Array Methods#Sorting#Reduce#Reference vs Copy#LocalStorage
3

Audio, Video & Canvas

self-paced
#Custom Video Player#Canvas Fun#Speech Synthesis#Speech Recognition#Speed Controller
4

Fun & Experimental

self-paced
#Webcam Fun#Geolocation#Whack-a-Mole#Konami Code#Countdown Clock

AI Hub Tools is 100% free

No ads · No tracking · No data collection, ever.

Donate & Support

Even one share makes a difference 🧡