MOOC Report

100+ Free Courses to Learn JavaScript, React, Node

JavaScript is one of the three core technologies powering the web, working alongside HTML and CSS to create interactive and dynamic websites. As the web continues to evolve and demand for interactivity increases, the importance of JavaScript has skyrocketed.

To streamline and simplify the development of web applications, numerous JavaScript frameworks have emerged, each with its unique strengths and quirks. Notable examples include React and Angular.

In this article, we have compiled a selection of free online courses, catered to both beginners and advanced learners. These courses are designed to provide a comprehensive understanding of JavaScript and some of its most popular frameworks.

 

Subjects

 

Basic JavaScript Online Courses

JavaScript Algorithms and Data Structures
via freeCodeCamp
In this course, you’ll learn the fundamentals of JavaScript including variables, arrays, objects, loops, and functions. Once you have the fundamentals down, you’ll apply that knowledge by creating algorithms to manipulate strings, factorialize numbers, and even calculate the orbit of the International Space Station.
★★★★★ (35 ratings)

JavaScript Basics
via Udacity
Learn JavaScript syntax and coding conventions that web developers use to create interactive and dynamic websites while you create an online résumé for your portfolio.

Programming Foundations with JavaScript, HTML and CSS
Duke University via Coursera
Learn foundational programming concepts (e.g., functions, for loops, conditional statements) and how to solve problems like a programmer. In addition, learn basic web development as you build web pages using HTML, CSS, JavaScript.
★★★★☆ (14 ratings)

Learn JavaScript – Full Course for Beginners
via freeCodeCamp
This complete 134-part JavaScript tutorial for beginners will teach you everything you need to know to get started with the JavaScript programming language.
★★★★★ (12 ratings)

Interactivity with JavaScript
University of Michigan via Coursera
If you want to take your website to the next level, the ability to incorporate interactivity is a must. But adding some of these types of capabilities requires a stronger programming language than HTML5 or CSS3, and JavaScript can provide just what you need.
★★★★☆ (11 ratings)

Intro to JavaScript
via Udacity
Learn the fundamentals of JavaScript, the most popular programming language in web development.
★★★★★ (6 ratings)

JavaScript Crash Course 2021 – Master JavaScript in One Video!
JavaScript Mastery via YouTube
★★★★★ (2 ratings)

Javascript Essentials
via Udemy
Learn how Javascript works, some basic API’s and finally create a mini project.
★★★★★ (1 rating)

ES6 – JavaScript Improved
via Udacity
Learn about the changes made to the JavaScript programming language in ECMAScript 6 and how to use these new improvements to write better cleaner code.
★★★★★ (1 rating)

JavaScript Introduction
World Wide Web Consortium (W3C) via edX
Learn JavaScript, a Web development programming language, to add interactivity to your Web pages, and become an expert Web developer.

JavaScript Essentials 1 (JSE)
Cisco via Cisco Networking Academy
Learn the essentials of JavaScript and computer programming from scratch!

Full Stack JavaScript
via The Odin Project
This path takes you through our entire JavaScript curriculum. The courses should be taken in the order that they are displayed. You’ll learn everything you need to know to create beautiful responsive websites from scratch using JavaScript and NodeJs.

JavaScript Basics
University of California, Davis via Coursera
This course introduces the programming language JavaScript and shows the websites that include the type of interactions students will eventually be able to develop. Learners will understand the importance of how JavaScript was developed and why such history impacts the way JavaScript is currently written and in future releases.

Programming with JavaScript
Meta via Coursera
JavaScript is the programming language that powers the modern web. In this course, you will learn the basic concepts of web development with JavaScript. You will work with functions, objects, arrays, variables, data types, the HTML DOM, and much more. You will learn how to use JavaScript within the React framework.

Microsoft Future Ready: Developing Applications Using Javascript
Cloudswyft via FutureLearn
Gain hands-on web development experience as you learn the skills for using JavaScript and complete practical exercises.

JavaScript Tutorials
via freeCodeCamp
This is a collection of JavaScript tutorials where you will learn how to build different games and apps using JavaScript. You will learn how to build games like Rock Papers Scissors, Snake game, Tic Tac Toe, Platformer game, Simon game, Memory Card game, 1979 Atari game, and much more!

Introdução ao JavaScript
via Udemy
Curso para inicantes que desejam aprender os fundamentos da programação JavaScript

JavaScript Basics
via Udacity
Learn the basics of JavaScript, including primary data types, conditionals and loops, and more.

JavaScript Basics Course
via freeCodeCamp
Learn the basics of JavaScript with Beau! In this course, you will learn about variables, data types, numbers, strings, functions, hoisting, operators, if-else, arrays, random numbers, loops, array iterations, objects, AJAX, JSON, closures, THIS keyword, promises, desktop notifications, immediately invoked function expression, strict mode, timing events, error handling, dates, and much more.

The Modern JavaScript Tutorial
via Independent
How it’s done now. From the basics to advanced topics with simple, but detailed explanations.

Learn to Work with JavaScript
Salesforce via Trailhead
Understand modern JavaScript development and how it fits in the Lightning Component Framework.

JavaScript, jQuery, and JSON
University of Michigan via Coursera
In this course, we’ll look at the JavaScript language, and how it supports the Object-Oriented pattern, with a focus on the unique aspect of how JavaScript approaches OO. We’ll explore a brief introduction to the jQuery library, which is widely used to do in-browser manipulation of the Document Object Model (DOM) and event handling.

Learn JavaScript
Scrimba via Coursera
This is perhaps the most interactive JavaScript course ever recorded. It contains 140+ coding challenges, meaning that you will finally build that ever-so-important JavaScript muscle memory.

Guided Project: Learn JavaScript with Rock-Paper-Scissors
IBM via edX
Online gaming activities are in demand as part of the education and entertainment industries. In one hour, gain in-demand gaming skills and learn how to easily create an online game such as Rock-Paper-Scissors.

Learn JavaScript for free
via Scrimba
Learn the basics of JavaScript by solving 140+ interactive coding challenges and building three fun projects.

Introduction to JavaScript
via Test Automation University
Learn to program in JavaScript

Advanced JavaScript Online Course

Object-Oriented JavaScript
Hack Reactor via Udacity
Build a variety of JavaScript objects and explore how their inheritance models affect your app’s in-memory model. Gain simplicity and modularity in your own code.
★★★★★ (10 ratings)

JavaScript Promises
Google via Udacity
Learn how to simplify asynchronous work with Native JavaScript Promises!
★★★★★ (5 ratings)

JavaScript Design Patterns
via Udacity
Learn the importance of code organization and how to implement it with either vanilla JavaScript or an organizational library or framework.
★★★★★ (5 ratings)

JavaScript Testing
via Udacity
Learn how to iterate on your web applications with confidence using the red-green-refactor workflow cycle and automated testing frameworks.
★★★★★ (5 ratings)

JavaScript Security Refreshers
Infosec via Coursera
This course is a Secure Javascript Programming Overview. It gives the student an introduction to JavaScript security and covers important topics like authentication best practices and refreshers on JavaScript, Web browsers and Node.js.

Animation with JavaScript and jQuery
University of California, Davis via Coursera
With the general introduction of JavaScript in the first course, this course will focus on JavaScript libraries, specifically jQuery. The scripts will be geared toward Document Object Model (DOM) manipulation. Learners will describe the top JavaScript libraries and differentiate which would work best to implement and accelerate development of web page animation.

Build and Deploy 5 JavaScript & React API Projects in 10 Hours – Full Course | RapidAPI
JavaScript Mastery via YouTube

JavaScript and the DOM
via Udacity
JavaScript is an extremely powerful programming language. One place where its power truly shines is using it to control a web page. Through this course, you’ll learn about the Document Object Model (DOM), how it’s created, and what capabilities it provides.

JavaScript and the HTML DOM
via freeCodeCamp
Learn JavaScript and the HTML DOM with Beau! In this course, you will learn about selecting and changing website elements, CSS styles and JavaScript, DOM events, DOM nodes, animation in the DOM, window object, pop-up boxes, storage, and much more.

Advanced Logging with the JavaScript Console
via egghead.io
If you are developing JavaScript applications you are likely using logging as an integral part of your development process. Did you know that you aren’t limited to simple console.log statements? Modern browsers give you a lot more logging options to work with!This course will explore those options and give you some new logging tools for your professional toolbox.

Object-Oriented JavaScript
via Udacity
This course is designed to teach web developers how to utilize the various object-oriented programming features within JavaScript. Object-oriented programming allows developers to build applications with reusable and maintainable blocks of code, which leads to efficiency and simplified software design.

JavaScript Deep Dive
Scrimba via Coursera
If you want to be a developer, the language to learn is JavaScript. It’s the engine of the web and if you know JavaScript, you can make software usable by everybody on any possible device. However, navigating the JavaScript ecosystem today is harder than ever before. What exactly do you need to learn? And how do you learn it all? Where do you even begin?

Computational Thinking with Javascript 1: Draw & Animate
University of Glasgow via Coursera
At the end of this first course you will: know a framework for CT to help you learn about it and work with others; be developing your CT skills so that you can more easily work with digital technology of all kinds; be able to read and write programs in JavaScript that involve drawing and animation, using a specialised library.

Computational Thinking with JavaScript 2: Model & Analyse
University of Glasgow via Coursera
At the end of this second course you will: know a framework for CT to help you model the real world using abstract data structures; have developing CT skills so that you can perform comon data analytics tasks; be able to read and write programs in JavaScript that involve processing, analysing and visualizing data, using a specialised library.

Interactivity with JavaScript and jQuery
University of California, Davis via Coursera
The scripts will become more complex and introduce more complex jQuery plugins. You will have several challenges to practice your skills throughout the course.

Using JavaScript, JQuery, and JSON in Django
University of Michigan via Coursera
In this final course, we’ll look at the JavaScript language and how it supports the Object-Oriented pattern, with a focus on the unique aspects of JavaScript’s approach to OO. We’ll provide an introduction to the jQuery library, which is widely used for in-browser manipulation of the Document Object Model (DOM) and event handling.

Data Manipulation in JavaScript
University of California, Davis via Coursera
This course builds on the skills from the previous course and goes further into managing and manipulating data with JavaScript. You will learn methods for validating and handling data provided by users or coming from an external data source.

Data Structures and Algorithms – Beau teaches JavaScript
via freeCodeCamp
Learn Data Structures and Algorithms with Beau! In this course, you will learn about stacks, sets, queues and priority queues, binary search tree, traversal and height, map data structure and ES6 map object, hash tables, linked list, trie data structure, heap data structure, graph data structure, breadth-first search, and much more.

Build JavaScript applications using TypeScript
Microsoft via Microsoft Learn
Learn how using TypeScript for JavaScript development can help you build more robust code, reduce runtime type errors, take advantage of modern features before they are available in JavaScript, and work better with development teams.

JavaScript Game Development Course for Beginners
via freeCodeCamp

Node Online Courses

Introduction to Node.js
Linux Foundation via edX
Get started with Node.js, the most popular open source JavaScript runtime. Discover the ways in which Node.js helps in everyday computing scenarios, from service-mocking, rapid-prototyping and real-time applications, to Command Line Interfaces (CLI).
★★★★☆ (2 ratings)

Node.js and Express.js – Full Course
via freeCodeCamp
Learn how to use Node and Express in this comprehensive course. First, you will learn the fundamentals of Node and Express. Then, you will learn to build a complex Rest API. Finally, you will build a MERN app and other Node projects.
★★★★★ (1 rating)

Server side JavaScript with Node.js
NIIT StackRoute via Coursera
Have you ever wondered how you are able to do net banking or book a ticket online? Which technology is adopted for applications used in different businesses? Backend technology acts as a backbone to every web application.

Node JS Tutorial for Beginners
via YouTube
Yo ninjas, in this Node JS tutorial series for beginners, we’ll be walking step by step through what Node JS is, and how it all works. We’ll also be creating a Node JS application from scratch using express, and hook it up to MongoDB – a noSQL database perfect for using with Node.
★★★★☆ (1 rating)

Building Modern Node.js Applications on AWS
Amazon Web Services via Coursera
In this course, we will be covering how to build a modern, greenfield serverless backend on AWS. Building brand new applications on AWS is a different task than lifting and shifting existing applications into AWS.

Developing Cloud Apps with Node.js and React
IBM via Coursera
In this course, you will focus on server-side JavaScript and frameworks. You will discover ways to make development faster and easier in web browsers and embedded systems.

Web App Development with the Power of Node.js
Technische Universität München (Technical University of Munich) via edX
Learn to use the powerful Node.js framework to bring your web application to life and develop end-to-end applications in JavaScript.

Node js Tutorials
via YouTube

Build JavaScript applications with Node.js
Microsoft via Microsoft Learn
Node.js provides a large set of built-in APIs that help you build various types of applications, command-line apps, web apps, servers, and more. It also offers testing and debugging capabilities and a rich ecosystem of third-party packages that you can easily add to your application.

Node.js Tutorials
via freeCodeCamp
In this tutorial, you will learn about Node.js.

Get Started Building CLI Tools with Node.js
via egghead.io
As a developer, you have many tasks that you repeat on a day to day or project to project basis whether that’s setting up boilerplate, configuring projects just right, or… [insert your own joyless repetitive task here].There’s that saying about how if you do something more than twice you should automate it.

Guided Project: Build your first Node.js app
IBM via edX
Use your current JavaScript knowledge to gain Node.js skills valued by employers. In under an hour develop front end and back end Node.js skills, practice front end styling with CSS and HTML, and learn how to use npm, a JavaScript package manager.

Learn the Fundamentals of Node.js for Beginners
via egghead.io
Understanding Node.js can have a significant positive impact on your career as a Javascript developer.

Developing Back-End Apps with Node.js and Express
IBM via Coursera
In a recent Stack Overflow survey, Node.js was used by about 50% of the developers who answered the survey, making it the most used server-side technology. Express ranked as the fourth most popular web technology overall, making it the most popular server-side web framework.

Learn Node.js – Full Tutorial for Beginners
via freeCodeCamp

Node.js Crash Course Tutorial
Net Ninja via YouTube
Hey gang, in this Node.js tutorial series you’ll learn node from the ground up – what it is, how to use it and how to make dynamic websites powered by it. You’ll learn about requests and responses, npm, Express apps, view engines (ejs), middleware, mongodb, MVC and much more.

Getting Started with Node.js – Full Tutorial
via freeCodeCamp
Learn the fundamentals of the very popular Node.js runtime and get comfortable writing JavaScirpt code for Node.js.

React Online Courses

Learn React for free
via Scrimba
The ultimate React 101 – the perfect starting point for any React beginner. Learn the basics of modern React by solving 140+ interactive coding challenges and building eight fun projects.
★★★★★ (1 rating)

CS50’s Mobile App Development with React Native
Harvard University via edX
Learn about mobile app development with React Native, a popular framework maintained by Facebook that enables cross-platform native apps using JavaScript without Java or Swift.
★★★★☆ (1 rating)

The Beginner’s Guide to React
via egghead.io
This course is for React newbies and anyone looking to build a solid foundation. It’s designed to teach you everything you need to start building web applications in React right away.
★★★☆☆ (1 rating)

React Basics
Meta via Coursera
React is a powerful front-end JavaScript library that you can use to build user interfaces for web and mobile applications. In this course, you will explore the fundamental concepts that underpin the React framework and learn the basic skills required to build a simple, fast, and scalable web application.

React JS For Beginners 2023
via Udemy
A brief introduction to ReactJS for beginners, learn React from scratch.

Building Interactive User Interfaces Using React Library
NIIT StackRoute via Coursera
A frontend application is expected to have an attractive, responsive UI and a seamless UX with swift navigable views. Single Page Applications (SPAs) fulfill these expectations as they are lighter and efficient.

React JavaScript Framework for Beginners – Project-Based Course
via freeCodeCamp

Advanced React
Meta via Coursera
In this course, you will learn advanced React concepts. You’ll examine different types of React components, learn various characteristics and when to use them. You’ll start working with hooks, effects and other functional components. You’ll find out how routing is used in React to customize the users’ experience.

React Native Web – Live Coding with Jesse
via freeCodeCamp
In this course, you will learn about React Native Web with Jesse. See a professional software engineer at work. Unscripted. Mistakes included.

Creating your first web apps with React
Microsoft via Microsoft Learn
Get started with your first React project using JavaScript, create custom components, and manage state and events.

Developing Front End Apps with React
IBM via edX
Develop hands-on skills with front-end applications using the React web framework user interface library.

Building User Interfaces Using Functional React Components
NIIT StackRoute via Coursera
React Components are generally implemented using Classes. Although they work well, they have their own set of limitations. The stateful logic provided by the class components lack reusability. To enhance the productivity, codes developers are expected to develop codes with reusability.

Developing Front-End Apps with React
IBM via Coursera
React is one of the most popular frameworks in the Web and Front-end application Development category. In this course, you will – build rich Front-End applications with React and ES6 – connect React components using data and state – write rich React components with advanced features like Hooks and Redux.

React Native
Meta via Coursera
React Native is an open source framework for building cross-platform applications (apps) using React and the platform’s native capabilities. In this course, you will move from the basics of React through a more advanced implementation using React Native.

Angular Online Courses

Single Page Web Applications with AngularJS
Johns Hopkins University via Coursera
Do you want to write powerful, maintainable, and testable front end applications faster and with less code? Then consider joining this course to gain skills in one of the most popular Single Page Application (SPA) frameworks today, AngularJS.
★★★★★ (5 ratings)

Angular for Beginners Course (includes FREE E-Book)
via Udemy
Updated to Angular 14: A quick introduction to the Angular framework, focusing on its most commonly used parts

Angular Tutorials
via YouTube

Angular Fast Crash Course
via Udemy
Learn to use Angular 2, 4, 5 and beyond!

Getting Started with Angular Elements
via egghead.io
Angular elements are one of the major innovations in Angular 6+. Elements allow us to develop Angular components like we always have through Angular’s powerful API, and then compile them into browser-native custom elements.

Angular for Front End Engineers
Codio via Coursera
Explore HTML, CSS, and VueJS basics without installing anything! This course is designed for intermediate learners who already have a solid foundation of basic skills in HTML, CSS, and JavaScript.

Angular Basics
via egghead.io
Angular is a robust, powerful framework for building applications at scale, but it can be really intimidating to beginners!

Desarrollo de páginas con Angular
Universidad Austral via Coursera
En la actualidad las páginas web se han transformado en aplicaciones en sí mismas, con más cantidad de componentes que nunca antes, y con más exigencia de parte de sus consumidores y clientes.

Learn Angular – Full Tutorial Course
via freeCodeCamp

Advanced Angular Component Patterns
via egghead.io
Components are all about encapsulating decisions. The perfect component makes good decisions for you without making you think about it. Of course, no one knows what decisions you’re going to want. To make components reusable, we set reasonable defaults, then allow you to override them when you don’t like the decisions made for you.

Angular for Beginners Course [Full Front End Tutorial with TypeScript]
via freeCodeCamp

Angular Fundamentals
Microsoft via edX
Learn the fundamentals of implementing Angular in your web applications.

Learn Angular Material – Full Tutorial
via freeCodeCamp

Fundamentos de Angular
via Udemy
¿Acabas de llegar a Angular? Este es el curso que necesitas para perderle el miedo y empezar a trabajar con Angular.

Vue Online Courses

Vue.js 3 Tutorial
Net Ninja via YouTube
In this course, you will learn about Vue.js 3. You will learn about Vue.js basics, Vue CLI and bigger projects, build a reaction timer game, forms and input, Vue router, fetching data, composition API, and much more.

Create a tiny web App with VUE 3
via Udemy
Get started with VUE V3 by creating a tiny app

Vue js Tutorial for Beginners
via YouTube

The Beginner’s Guide to Vue 3
via egghead.io
Vue is a progressive framework for building UIs that allows you to incrementally integrate the technology into any existing project that you’re working on. This makes it a great tool for you to learn as you can bring it anywhere..

Vue js 3 tutorial for Beginners
via YouTube

Vue JS Crash Course
via YouTube
Learn Vue JS with Hitesh Choudhary! In this crash course, you will learn about VueJS project structure, adding data and methods, passing data to prop in Veu, adding editable form in todo, passing methods in Vue, and adding info to list.

Vue 3 Animations & Transitions Tutorial
Net Ninja via YouTube
In this course, you will learn Vue 3 Animations and Transitions. You will learn about setup, starter project walkthrough, transition component, animated toast notification, adding CSS keyframes, group transitions, initial and move transitions!

Vue 3 with TypeScript Jump Start
Net Ninja via YouTube
In this course, you will learn about Vue 3 with TypeScript Jump Start. You will learn about setup, Vue 3 components using TypeScript, composition API and TypeScript, types and props, functions, computed values, and Hylia font and final styles.

Junaid Khan

Junaid Khan

Junaid Khan is the founder of Moocable - the platform to help learner find their next MOOC, and study partners. A passionate learner, he struggled with self-learning.