30 Day Vanilla JS Coding Challenge
Build 30 things in 30 days with 30 tutorials
No Frameworks × No Compilers × No Libraries × No Boilerplate
Start The Challenge Today!
Sign up to get immediate access to the course dashboard
You'll get all 30 days at once so you can binge watch Netflix style
- What You'll Get
- Instant Access to all 30 videos
- 30 days of Starter Files
- Completed HTML, CSS and JS Solutions for each day
👌 Almost Done â€” you'll get a confirmation email any minute now
This isn't going to be another course you sign up for and never do
Let's see this one through Commit to it publicly and invite some friends to join you
There is no formation without repetition
How do you get better?
Build things Lots of things Build 1,000 things Keep it up and don't stop Seriously
This has always been my advice Just put in the work and you will get better
But Wes, what should I build? I have no ideas! Please don't make me do another todo app
Who is this For?
We steer clear of opinionated design patterns, frameworks, libraries and any type of abstraction These things are great and often needed, but can obstruct learning and constrain initial understanding
These tutorials rely heavily upon browser APIs, most of which involve interaction with the page If you are stuck in consolelog() land, these videos are your next step Oh, the stuff we build is really fun!
Wes, How is this Free?
Hey, I'm Wes Bos
Hey â€” I'm Wes Bos I'm a Full Stack Developer, Speaker and Teacher from Canada I have taught over 500 students in 200+ classes and spoken at dozens of conferences around the world
30 Days × 30 Videos
Accessible and ESL friendly! Closed Captions are provided for every video Captions done by Speechpad
CSS + JS Clock
Playing with CSS Variables and JS
Array Cardio Day 1
Flex Panels Image Gallery
Ajax Type Ahead
Array Cardio Day 2
Fun with HTML5 Canvas
14 Must Know Dev Tools Tricks
Hold Shift to Check Multiple Checkboxes
Custom HTML5 Video Player
Key Sequence Detection (KONAMI CODE)
Slide In on Scroll
Object and Arrays - Reference VS Copy
LocalStorage and Event Delegation
CSS Text Shadow Mouse Move Effect
Sorting Band Names without articles
Tally String Times with Reduce
Unreal Webcam Fun
Native Speech Recognition
Geolocation based Speedometer and Compass
Follow Along Links
Event Capture, Propagation, Bubbling and Once
Stripe Follow Along Dropdown
Click and Drag to Scroll
Video Speed Controller UI
Whack A Mole Game
What font / color scheme / editor / terminal is that?
I answer everything over at wesboscom/uses Feel free to tweet me any more questions!
I have a question, can I email you?
I found another way! Could it be?!
Yes! There are probably 100 different ways to solve each of these exercises, if your answer doesn't line up with mine, it means you did a really good job at trying to figure it out yourself My answers are by no means the best answers - just a single way of doing itAlmost Done youll get a confirmation email any minute now. Instead of emailing me - write a blog post about how you did it Share what you know!
I lost, deleted or never got my welcome email! What do I do?
Log into your account, or create an account with the same email you used to get the series
Can I host a meetup / study group? Can I stream these in my classroom? Can I arrange a playing?
Yep yep yep - as long as you do not redistribute the videos you are welcome and encouraged to do this
Can I re-distribute these and then charge money for them?
I can't believe I have to make this a FAQ No, you silly goose
I found a typo or errata
If it's a typo on the site, please shoot me an email here If it's a correction in the code, you can submit those via GitHub! Please see the above FAQ if you found a better way
What is that GNARLY AF tune at the start? â›“🎸🤘
um, I think you mean I say it the correct way! eh?