JAVASCRIPT 30

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 console.log () land, these videos are your next step. Oh, the stuff we build is really fun!

JAVASCRIPT 30

If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend toy take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off. We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

JAVASCRIPT 30

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 console.log () land, these videos are your next step. Oh, the stuff we build is really fun!

JAVASCRIPT 30

If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend toy take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off. We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

JAVASCRIPT 30

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 console.log () land, these videos are your next step. Oh, the stuff we build is really fun!

JAVASCRIPT 30

If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend toy take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off. We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

JAVASCRIPT 30

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 console.log () land, these videos are your next step. Oh, the stuff we build is really fun!

JAVASCRIPT 30

If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend toy take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off. We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

JAVASCRIPT 30

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 console.log () land, these videos are your next step. Oh, the stuff we build is really fun!

JAVASCRIPT 30

If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend toy take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off. We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

JAVASCRIPT 30

If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend toy take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off. We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

JAVASCRIPT 30

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 console.log () land, these videos are your next step. Oh, the stuff we build is really fun! WWW.JAVASCRIPT30.COM Click here to continue

JAVASCRIPT 30

If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend toy take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off. We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

JAVASCRIPT 30

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 console.log () land, these videos are your next step. Oh, the stuff we build is really fun!

JAVASCRIPT 30

If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend toy take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off. We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

JAVASCRIPT 30

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 console.log () land, these videos are your next step. Oh, the stuff we build is really fun! WWW.JAVASCRIPT30.COM Click here to continue

JAVASCRIPT 30

If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend toy take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off. We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

JAVASCRIPT 30

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 console.log () land, these videos are your next step. Oh, the stuff we build is really fun! WWW.JAVASCRIPT30.COM Click here to continue

JAVASCRIPT 30

If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend toy take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off. We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

JAVASCRIPT 30

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 console.log () land, these videos are your next step. Oh, the stuff we build is really fun! WWW.JAVASCRIPT30.COM Click here to continue

JAVASCRIPT 30

If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend toy take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off. We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

JAVASCRIPT 30

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 console.log () land, these videos are your next step. Oh, the stuff we build is really fun! WWW.JAVASCRIPT30.COM Click here to continue

JAVASCRIPT 30

If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend toy take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off. We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

JAVASCRIPT 30

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 console.log () land, these videos are your next step. Oh, the stuff we build is really fun! WWW.JAVASCRIPT30.COM Click here to continue

JAVASCRIPT 30

If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend toy take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off. We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

JAVASCRIPT 30

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 console.log () land, these videos are your next step. Oh, the stuff we build is really fun! WWW.JAVASCRIPT30.COM Click here to continue

JAVASCRIPT 30

If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend toy take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off. We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

JAVASCRIPT 30

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 console.log () land, these videos are your next step. Oh, the stuff we build is really fun!

#JAVASCRIPT30

30 Day Vanilla JS Coding Challenge Build 30 things in 30 days with 30 tutorials No Frameworks×No Compilers×No Libraries×No Boilerplate

My Account →

$000FREE

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. MAKE IT HAPPEN - COMMIT TO #JAVASCRIPT30 PUBLICLY 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. So, you've done a few courses and read a few books but still don't feel great about your relationship with JavaScript. 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.

Ideas, Eh? I've got lots! This is JavaScript30 — let's build 30

things together.

WHO IS THIS FOR?

Beginner to Intermediate developers and designers who want to become comfortable with both JavaScript fundamentals and working in the DOM

without a library.

_You should already know some JavaScript to start_ - This isn't a JavaScript 101 course. If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend toy take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off. We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve

them.

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 console.log() land, these videos are your next step. Oh, the stuff we build is really fun! WES, HOW IS THIS FREE? These videos are free as a thank-you to everyone who has supported my premium courses as well as because I believe in giving back to the community. I see a huge need for these videos and I really think it will help many of you become comfortable creating with JavaScript. While I've spent over 300 hours on JavaScript30, enough people find they really click with my teaching style and continue their learning with one of my premium courses . It all

works out!

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. I'm the guy behind React For Beginners , ES6 for Everyone , Learn Node and Sublime Text Power User which together have sold over 40,000 copies. I'm also the author of JavaScript30

, LearnRedux.com ,

Flexbox.io and Command Line Power User , a set of free video series. Over 120,000 people have taken at least one of my free video courses!

30 DAYS×30 VIDEOS

ACCESSIBLE AND ESL FRIENDLY! Closed Captions are provided for every video. Captions done by Speechpad

.

*

JAVASCRIPT DRUM KIT

Day 1

* DOM & Interface

* Friends with CSS

* Audio + Video

*

CSS + JS CLOCK

Day 2

* Fundamentals

* Friends with CSS

*

PLAYING WITH CSS VARIABLES AND JS

Day 3

* Friends with CSS

* Fun + Experimental

*

ARRAY CARDIO DAY 1

Day 4

* Fundamentals

*

FLEX PANELS IMAGE GALLERY

Day 5

* Friends with CSS

* DOM & Interface

*

AJAX TYPE AHEAD

Day 6

* DOM & Interface

*

ARRAY CARDIO DAY 2

Day 7

* Fundamentals

*

FUN WITH HTML5 CANVAS

Day 8

* Fun + Experimental

*

14 MUST KNOW DEV TOOLS TRICKS

Day 9

* Fundamentals

*

HOLD SHIFT TO CHECK MULTIPLE CHECKBOXES

Day 10

* DOM & Interface

*

CUSTOM HTML5 VIDEO PLAYER

Day 11

* Audio + Video

*

KEY SEQUENCE DETECTION (KONAMI CODE)

Day 12

* Fundamentals

*

SLIDE IN ON SCROLL

Day 13

* DOM & Interface

*

OBJECT AND ARRAYS - REFERENCE VS COPY

Day 14

* Fundamentals

*

LOCALSTORAGE AND EVENT DELEGATION

Day 15

* Fundamentals

* DOM & Interface

*

CSS TEXT SHADOW MOUSE MOVE EFFECT

Day 16

* DOM & Interface

* Friends with CSS

*

SORTING BAND NAMES WITHOUT ARTICLES

Day 17

* Fundamentals

*

TALLY STRING TIMES WITH REDUCE

Day 18

* Fundamentals

*

UNREAL WEBCAM FUN

Day 19

* Hardware Access

* Fun + Experimental

* Audio + Video

*

NATIVE SPEECH RECOGNITION

Day 20

* Audio + Video

* Fun + Experimental

*

GEOLOCATION BASED SPEEDOMETER AND COMPASS

Day 21

* Hardware Access

*

FOLLOW ALONG LINKS

Day 22

* DOM & Interface

* Friends with CSS

*

SPEECH SYNTHESIS

Day 23

* Fun + Experimental

* Audio + Video

*

STICKY NAV

Day 24

* DOM & Interface

* Fundamentals

* Friends with CSS

*

EVENT CAPTURE, PROPAGATION, BUBBLING AND ONCE

Day 25

* DOM & Interface

*

STRIPE FOLLOW ALONG DROPDOWN

Day 26

* DOM & Interface

* Fun + Experimental

*

CLICK AND DRAG TO SCROLL

Day 27

* DOM & Interface

* Fundamentals

*

VIDEO SPEED CONTROLLER UI

Day 28

* Audio + Video

* Fun + Experimental

*

COUNTDOWN CLOCK

Day 29

* Fundamentals

* Friends with CSS

*

WHACK A MOLE GAME

Day 30

* DOM & Interface

* Friends with CSS

* Fun + Experimental

*

*

FAQ

WHAT FONT / COLOR SCHEME / EDITOR / TERMINAL IS THAT? I answer everything over at wesbos.com/uses . Feel free to tweet me any more questions! I HAVE A QUESTION, CAN I EMAIL YOU? While I'd absolutely love to help everyone out, there are 426,535 people taking this course. I hope to get a forum setup sometime soon. If you are a member of one of my premium classes, you can jump into the #JavaScript30 room in our Slack channel. 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 it. 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? ⛓🎸🤘 So good! The Divided - For Tonight We're Strangers . Used with permission of

course.

YOU SAY JAVASCRIPT FUNNY um, I think you mean I say it the correct way! eh?