Learn JavaScript for Free: 11 Online Resources

By: Daniel Weiss

JavaScript isn’t necessarily the easiest programming language to learn... But if you’re interested in building web applications or becoming a developer, it’s definitely a great choice. Once considered a strictly client-side language, the implementation of Node.js now allows JavaScript to run on both the front-end and the back-end. That yields a lot of benefits, both for learning and in the job market (read more about why JavaScript is the best programming language to learn).

We’ve compiled a list of the best free JavaScript resources to guide you through your learning journey. These online classes, tutorials and videos will help you learn more about JS, whether you’re a pure beginner or already an intermediate coder.

Pre-Beginner

For those who don’t even know where the curly-bracket is on a keyboard.

JavaScript for Cats

Cats have tiny brains (and apparently a ton of wit) yet even they can learn JavaScript! This tutorial-style lesson will take you no time at all and serve as a great introduction to functions, arrays, and other JavaScript fundamentals.

Beginner

You’ve decided that learning JavaScript will be a beneficial and possibly fun endeavor.

Codecademy’s JavaScript Track

If 0 is a pure beginner and 100 is a professional full-stack developer, 15-20 hours of Codecademy’s JavaScript track will take you all the way to 6.8 -- more or less. In all seriousness, Codecademy’s step-by-step tutorial system is great for an introduction to programming in JavaScript (they also have tracks for many other languages).

Treehouse’s JavaScript Foundations

It’s not technically “free”, but Treehouse offers a multi-platform learning experience that includes videos, coding tutorials, and quizzes. If you’re looking to gain a solid foundation in a short amount of time, the 14-day free trial might be suit your needs.

Udacity’s JavaScript Basics

Udacity uses videos and tutorials like the previous two resources, but also has the advantage of a relevant final project. Udacity users will create an interactive resume using the skills they’ve learned, which not only teaches you how to code, but could land you a job in any field!

MDN JavaScript

Published by Mozilla, this site incorporates tutorials and lessons in addition to a glossary of JavaScript functions. This could be a good tab to have open next time you’re attempting those codewars.com challenges!

Intermediate

You know the basics, and you want to take this programming thing to the next level, maybe even attend an immersive coding school.

Fullstack's Bootcamp Prep (Free Version)

This workshop-based course is free and self-paced. The coding challenges are arranged by level of increasing difficulty, and each is followed by an instructor tutorial. Access to JavaScript Jumpstart, a beginner course, is included with your registration.

Codewars Problems

Codewars challenges are an excellent resource, especially if you’re to apply to a more selective coding bootcamp as part of a career transition. These coding problems are a pretty accurate representation of the challenges on the Fullstack application’s technical coding assessment. Warning: the beginner-level challenges are still pretty hard. If you find these too difficult, you review the earlier resources listed above or consider attending an in-person coding class.

Eloquent JavaScript: Introduction - Chapter 4

Marijn Haverbeke’s book starts slow but picks up speed like a Saturn V rocket. Intermediate level programmers will benefit from the first four chapters’ overview of JavaScript syntax, functionality, loops, and arrays.

Intermediate/Advanced

You are a proficient coder, maybe even a professional. You want to learn more advanced technologies and are looking for in-depth tutorial-projects and videos.

Scotch.io

Scotch.io is a blog that provides educational tutorials for programmers of all levels. However, this is a great resource for intermediate and advanced students who’re looking to increase their knowledge of the MEAN stack and other emerging JavaScript technologies.

Egghead.io

To paraphrase this website’s slogan: Life’s too short for any of those other resources on the internet -- just watch these videos! Egghead offers short videos for proficient JavaScript developers to level-up their skills. Receive access to a decent number of lessons for free, or sign up for a paid subscription and get all the knowledge you can handle.

Douglas Crockford Videos: Learn JavaScript from one of the language’s foremost pioneers. While a Hawaiian-shirted employee at Yahoo!, Douglas Crockford created this lecture series on the creation, rise to popularity, and implementation of JavaScript. These presentations are not only informative, but entertaining and anecdotal too!

Where to go from here?

If you’re a beginner learning to code, working your way through down the list is a great start - We recommend bookmarking this page for future reference. If you already know the fundamentals and are at the intermediate stage, working on the resources above will help you deepen your skills. It’s probably time to start thinking about what interesting projects you can build. The possibilities with full-stack JavaScript are endless - Check out some cool web applications built by Fullstack students here for some inspiration:

10+ Awesome Coding Projects Built at Fullstack

If you’re looking to take the next step towards a career as a developer, check out the immersive courses at Fullstack Academy, which have an award-winning JavaScript curriculum and excellent hiring outcomes for graduates.


Interested in learning more about coding?

Get our free Road to Code Guide & Course Syllabus