Programming · Beginner

JavaScript From Zero

The language the whole web runs on, from first variable to asynchronous code that actually works.

Lessons
27 lessons
Total runtime
64 hours of video
Modules
8 modules
Optional lessons
14 optional
Start course

Free. No account.

About this course

JavaScript is the only language that runs in every browser on earth, which is why almost nobody chooses it deliberately and almost everybody ends up writing it. That history shows: the language has three ways to do most things, two of which you should ignore, and tutorials written five years apart teach visibly different languages. This course is sequenced to teach the current one and to name the old parts when you meet them, rather than pretending they do not exist.

The first module is deliberately repetitive. Mosh's hour and Traversy's crash course cover much the same ground at different speeds, and watching both is a better use of an evening than watching either twice. The freeCodeCamp course after them is the long reference version — genuinely optional, and better dipped into than sat through.

The middle of the course is where JavaScript stops being a generic programming tutorial. The DOM module is the point of the language: reading and changing a live page is the thing JavaScript does that other languages do not. Then objects and classes, and then the module that most people skip and then regret.

That module is asynchronous JavaScript, and it gets four teachers on purpose. Callbacks, promises and async/await are one idea explained three ways, and the reason so much JavaScript code is frightening is that people learned the third without ever understanding the first. Roughly eight hours of required video, and close to sixty-five in the pool as a whole — three alternative full courses account for most of that, and none of them are meant to be taken alongside the rest. Keep a browser console open throughout — this is a language you can experiment with in the same window you are learning it in.

What you'll be able to do

  • Write modern JavaScript: let and const, arrow functions, destructuring, modules
  • Use map, filter and reduce instead of writing loops by hand
  • Read and change a live page through the DOM, and respond to what the user does
  • Explain what a promise is, and write async/await code that handles its own failures
  • Fetch data from an API and put it on the page
  • Recognise older JavaScript when you meet it, and know what it has been replaced by

Curriculum

27 lessons · 64 hours

The Language

7 lessons · 36h 45m

  1. 01CompletedJavaScript in 100 SecondsFireshipVideoWhere JavaScript came from and why it is shaped the way it is. Two minutes of history that explain several of the language's odder decisions.2m
  2. 02CompletedJavaScript Course for BeginnersProgramming with MoshVideoVariables, types, conditionals, loops and functions, taught cleanly and without detours. The fastest route to writing something that runs.48m
  3. 03CompletedJavaScript Crash Course For BeginnersTraversy MediaVideoThe same ground again, slower and with more of it. The repetition is the point — a second teacher on the basics costs ninety minutes and saves weeks of half-understanding.1h 40m
  4. 04CompletedLearn JavaScript - Full Course for BeginnersOptionalfreeCodeCamp.orgVideoOptional. The exhaustive version, useful as something to search through later rather than to watch end to end.3h 24m
  5. 05CompletedJavaScript Full CourseOptionalBro CodeVideoTwelve hours in short chapters. An alternative to this whole course rather than an addition to it — take it if you would rather have one voice throughout.12h
  6. 06CompletedModern JavaScript From The BeginningOptionalTraversy MediaVideoTwelve hours from the same teacher as the crash course above, with the projects and the tooling included. The most complete single treatment here from a working developer.11h 54m
  7. 07CompletedJavaScript — The Complete Crash CourseOptionalBoot devVideoSeven hours built around exercises rather than demonstrations, from a team who teach backend development for a living. The most demanding of the long courses here and the one that leaves you having written the most.6h 57m

Modern JavaScript

3 lessons · 1h 57m

  1. 08CompletedES6 Tutorial: Learn Modern JavaScript in 1 HourProgramming with MoshVideoThe 2015 rewrite that turned JavaScript into a language people choose. let and const, arrow functions, destructuring, spread — the syntax all current code is written in.1h 2m
  2. 09CompletedJavaScript Higher Order Functions & ArraysTraversy MediaVideomap, filter, reduce and friends. Once these land you stop writing for-loops almost entirely, and other people's code becomes far easier to read.43m
  3. 10CompletedJavaScript Pro Tips - Code This, NOT ThatOptionalFireshipVideoOptional. Habits worth forming before the bad ones set, shown as before-and-after pairs. Best watched once now and again in a month.12m

The Hard Parts

3 lessons · 6h 58m

  1. 11CompletedJavaScript the Hard Parts — Closures, Scope and Execution ContextOptionalCodesmithVideoClosures are the concept that separates people who can use JavaScript from people who can debug it. This is a live workshop rather than a lecture, worked through on a whiteboard, and it is the best explanation of scope on YouTube.1h 54m
  2. 12CompletedClosures in JS — Namaste JavaScriptOptionalAkshay SainiVideoThe same idea in twenty minutes instead of two hours. Good as a second pass, or as a first one if the workshop format is not for you.23m
  3. 13CompletedLearn How to Think in Code — The Hard and Conceptual PartsOptionalfreeCodeCamp.orgVideoNearly five hours on the mental models underneath the syntax — the call stack, the event loop, prototypes. Take it after you have written some JavaScript and been surprised by it.4h 41m

Talking to the Page

3 lessons · 3h 41m

  1. 14CompletedJavaScript DOM Crash CourseTraversy MediaVideoThe reason the language exists. Selecting elements, changing them, and understanding that the page in the browser is a live object you can reach into.42m
  2. 15CompletedLearn JavaScript Event Listeners In 18 MinutesWeb Dev SimplifiedVideoHow a page responds to a person. Bubbling is the part worth watching twice — it explains a whole category of bug where the wrong element handles the click.18m
  3. 16CompletedJavaScript DOM Manipulation — Full CourseOptionalfreeCodeCamp.orgVideoNearly three hours on the DOM alone, with several small builds. The crash course above is enough to start; this is the version that leaves nothing unexplained.2h 41m

Objects and Classes

1 lesson · 1h 5m

  1. 17CompletedJavaScript OOP Crash Course (ES5 & ES6)Traversy MediaVideoBoth spellings, which matters here more than elsewhere: prototypes are what JavaScript actually does, and classes are a friendlier surface over the same machinery. Seeing both is what stops `this` being a mystery.1h 5m

Asynchronous JavaScript

5 lessons · 1h 36m

  1. 18CompletedAsynchronous JavaScript in ~10 MinutesJames Q QuickVideoCallbacks, promises and async/await side by side, briefly. Start here for the map of the territory before anyone teaches you one route through it.11m
  2. 19CompletedAsync JS Crash Course - Callbacks, Promises, Async AwaitTraversy MediaVideoThe same three ideas at proper length, in the order they were invented. Watching callbacks first is what makes async/await feel like a relief rather than magic.57m
  3. 20CompletedThe Async Await Episode I PromisedFireshipVideoDense and fast, and the best explanation of what await is really doing to your function. Watch after Traversy, not before.13m
  4. 21CompletedJavaScript Async AwaitOptionalWeb Dev SimplifiedVideoOptional fourth pass. Cheap insurance if the previous three left you able to copy the pattern but not to debug it.9m
  5. 22CompletedLearn Fetch API In 6 MinutesWeb Dev SimplifiedVideoWhere the theory pays off: real data from a real API onto a real page. Six minutes, and the first genuinely useful thing you can build.6m

Organising a Program

2 lessons · 36m

  1. 23CompletedJavaScript ES6 ModulesWeb Dev SimplifiedVideoHow a project stops being one enormous file. import and export are also the vocabulary every framework tutorial assumes you already have.16m
  2. 24CompletedLearn Regular Expressions In 20 MinutesOptionalWeb Dev SimplifiedVideoOptional, and not really JavaScript — regular expressions work almost identically in every language you will ever use. Twenty minutes here pays off for the rest of your career.20m

Building Things

3 lessons · 11h 19m

  1. 25Completed5 Mini JavaScript Projects for BeginnersOptionalTech With TimVideoFive small finished things in under two hours. The first point in this course where you write code without being told every line, which is the only part that actually teaches.1h 45m
  2. 26CompletedLearn JavaScript With This One ProjectOptionalTech With TimVideoOne larger build instead of five small ones, if you would rather go deep than wide.1h 10m
  3. 27CompletedBuild 15 JavaScript Projects — Vanilla JavaScript CourseOptionalfreeCodeCamp.orgVideoEight hours of projects with no framework anywhere. Repetitive by design — fifteen passes over the same fundamentals is what makes them automatic.8h 24m

Credits

Every lesson in this course was made by one of these channels. Tubeversity sequenced them; it did not make them. If a course is useful to you, the people below are the ones who earned it.