Beginner JavaScript

Enjoy these notes? Want to Slam Dunk JavaScript?

These are notes based on my Beginner JavaScript Video Course. It's a fun, exercise heavy approach to learning Modern JavaScript from scratch.

Use the code BEGINNERJS for an extra $10 off.


This course is all the stuff Wes wishes he had known over the last 10 years of him doing JavaScript. It is a big course but it does a good job of distilling the information down into the things you need to know, and making it easy and fun!

House Keeping

This video is for housekeeping items that need to be addressed before we can get into writing code.

Starter Files

First one is the starter files for this course can be found at http://courses.wesbos.com/. Click through to My Account and there will be a link to the starter files.

The starter files link will bring you over to Github which has all of the starter files as well as all of the solutions for this course.

Please star the Beginner JavaScript Github repo to help Wes up!

Slack Channel

If you are also taking the video version of this course. On the course platform there is also a link to the Slack channel, where you can jump in and get help, maybe join up with a buddy and do a course together with someone.

Structure of Starter files

There are 3 folders in the Beginner-JavaScript repo.

  1. snippets
  2. exercises
  3. playground

beginner javascript github repo

The snippets folder that has some base HTML snippets in there with instructions on how to get them into your HTML editor (we will talk about the editor in the next video).

There is also a /playground folder, which has some HTML files Wes uses to explain concepts throughout the course. He will often provide a -FINISHED.html file, which will include what Wes has written in the video, whereas the starter file itself, Wes will either ask you to create it yourself or he will provide an empty state.

The /exercises folder contains all the proper, full blown exercises that we will be doing throughout the course.

Note: Sometimes the numbers of the exercise folders are going to be a little off from the video number is, so just make sure to line up the file with the name of the video, not necessarily the number.

How to Do the Course

Another thing is how should you do this course? Should you watch it, should you code, should you code while you watch?

About half the people prefer to watch it and then do it after, and the other half prefer to do it as they watch.

Try both methods and see what best works for you! You'll fall into whatever feels best for you pretty quickly.

Last thing is grab a buddy if you can.

Jump into the Slack chatroom and see if there is anyone willing to do it with you, you can team up, or team up with someone in person. It's always better if there is someone to hold you accountable.

It's a long course, 28 hours long, you can jump around.

If you understand certain concepts, such as what functions or parameters are, feel free to skip those videos.

The whole idea is that it is reference-able.

We are not building a huge app here that be build on in every video, instead, every video pretty much stands on it's own and if we reference something from a previous video, Wes will mention it.

Find an issue with this post? Think you could clarify, update or add something?

All my posts are available to edit on Github. Any fix, little or small, is appreciated!

Edit on Github

Syntax Podcast

Hold on β€” I'm grabbin' the last one.

Listen Now β†’
Syntax Podcast

@wesbos Instant Grams

Master Gatsby

Master Gatsby

Building modern websites is tough. Preloading, routing, compression, critical CSS, caching, scaling and bundlers all make for blazing fast websites, but extra development and tooling get in the way.

Gatsby is a React.js framework that does it all for you. This course will teach you how to build your websites and let Gatsby take care of all the Hard Stuffβ„’.

I post videos on and code on

Wes Bos Β© 1999 β€” 2021