← Free Learning Library

Web Development

JavaScript from Beginner to Project Builder

A free learning path that takes you from JavaScript basics to building games, apps, and even a self-driving car simulation.

Learn from: the original creator. Original content published on YouTube. DigitalSkillX organizes these public resources into a structured learning path. DigitalSkillX does not claim ownership or partnership.

Lessons
9
Time
About 48 hr 23 min
Level
beginner

Now playing: JavaScript DOM Manipulation – Full Course for Beginners

About this path

This path uses freeCodeCamp's JavaScript tutorials to guide you through the language step by step. You'll start with core syntax and concepts, then move into DOM manipulation and asynchronous programming. After that, you'll apply your skills by building games and real-world projects, and finally explore advanced topics like neural networks and full-stack development.

What you will learn

  • Understand JavaScript fundamentals: variables, functions, loops, and objects
  • Manipulate the DOM to create interactive web pages
  • Use asynchronous programming with callbacks, promises, and async/await
  • Build complete JavaScript projects from scratch
  • Apply JavaScript to game development and simple machine learning simulations
  • Combine frontend and backend skills for full-stack development

Who this is for

Beginners who want a structured free introduction before deeper practice.

Curriculum

Section 1: JavaScript Fundamentals

  1. Lesson 1: Learn JavaScript - Full Course for Beginners

    This is a 134-part beginner course that covers all the basics of JavaScript, from variables and data types to functions, loops, and objects. It's a solid starting point for anyone new to the language.

    Open on YouTube
  2. Lesson 2: JavaScript Programming - Full Course

    This course teaches JavaScript by solving over a hundred coding challenges. It's a hands-on way to reinforce what you learned in the beginner course and practice writing code on your own.

    Open on YouTube

Section 2: DOM and Asynchronous JavaScript

  1. Lesson 3: JavaScript DOM Manipulation – Full Course for Beginners

    This tutorial focuses on DOM manipulation, which is how JavaScript interacts with the elements on a webpage. You'll learn to select, modify, add, and remove HTML elements to make your site dynamic.

    Open on YouTube
  2. Lesson 4: Asynchronous JavaScript Course (Async/Await, Promises, Callbacks)

    This course explains asynchronous JavaScript, covering callbacks, promises, and async/await. You'll learn how to handle operations that take time, like fetching data from an API.

    Open on YouTube

Section 3: Project-Based Learning

  1. Lesson 5: Build 15 JavaScript Projects - Vanilla JavaScript Course

    Build 15 different projects using plain JavaScript, with no frameworks. Each project is a practical exercise that helps you apply your skills to real-world tasks like a countdown timer, quiz app, and more.

    Open on YouTube
  2. Lesson 6: Learn JavaScript by Building 7 Games - Full Course

    Learn JavaScript by building 7 retro games, including Rock Paper Scissors and a Memory Game. This course is a fun way to practice your skills while creating playable games.

    Open on YouTube
  3. Lesson 7: JavaScript Game Development Course for Beginners

    This course teaches you to create 2D games using HTML, CSS, and vanilla JavaScript. You'll cover sprite animation, state management, and other game development concepts through a series of projects.

    Open on YouTube

Section 4: Advanced Topics and Full Stack

  1. Lesson 8: Self-Driving Car with JavaScript Course – Neural Networks and Machine Learning

    In this advanced project, you'll build a self-driving car simulation using JavaScript and a neural network, all without external libraries. You'll implement car mechanics, environment, and the neural network step by step.

    Open on YouTube
  2. Lesson 9: Full Stack Web Development for Beginners (Full Course on HTML, CSS, JavaScript, Node.js, MongoDB)

    This full-stack course covers HTML, CSS, JavaScript, Node.js, and MongoDB. You'll build a movie search app frontend and a backend API, giving you a complete picture of web development.

    Open on YouTube

Your progress

0 of 9 lessons completed (0%).

Complete this learning path to become eligible for your DigitalSkillX certificate.

Related learning