← Free Learning Library

Web Development

JavaScript Full Course: From Basics to Projects

A free, project-based JavaScript course covering fundamentals, DOM manipulation, async programming, and building games.

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
14
Time
About 13 hr 56 min
Level
beginner

Now playing: Lecture 6 : DOM - Document Object Model | JavaScript Full Course | Part 1

About this path

This learning path is built from the JavaScript Full Course playlist by Shradha Khapra on the Apna College channel. It starts with the absolute basics of JavaScript, including variables, data types, operators, and control flow. Then it moves into arrays, functions, and the DOM, which lets you interact with web pages. You will build two complete games (Tic Tac Toe and Stone Paper Scissors) to practice what you learn. Later, you will cover classes, objects, callbacks, promises, async/await, and the Fetch API, finishing with a final project. The course also includes practice questions and notes. It is designed for beginners, but even if you have some experience, the projects and advanced topics will be useful.

What you will learn

  • Understand JavaScript syntax, variables, data types, and operators
  • Use conditional statements, loops, arrays, and functions
  • Manipulate web pages using the Document Object Model (DOM)
  • Handle events and build interactive web applications
  • Create two complete games: Tic Tac Toe and Stone Paper Scissors
  • Work with classes, objects, callbacks, promises, async/await, and the Fetch API

Who this is for

Beginners who want a structured free introduction before deeper practice.

Curriculum

Section 1: JavaScript Fundamentals

  1. Lesson 1: JavaScript Full Course ❤️ | Variables & Data Types | Lecture 1

    This is the first lecture of the JavaScript course. It introduces JavaScript, explains what it is and why it is used, and covers variables and data types. The video includes slides and notes, and sets the foundation for the rest of the course.

    Open on YouTube
  2. Lesson 2: Lecture 2 : Operators and Conditional Statements | JavaScript Full Course

    This lecture covers operators and conditional statements in JavaScript. It starts with comments in JS, then explains arithmetic, comparison, and logical operators. It also covers if, else if, and else statements to control the flow of your code.

    Open on YouTube
  3. Lesson 3: Lecture 3: Loops and Strings | JavaScript Full Course

    This lecture focuses on loops and strings. It explains for loops and while loops, and how to use them to repeat code. It also covers string methods and properties, such as length, indexing, and common operations.

    Open on YouTube
  4. Lesson 4: Lecture 4: Arrays | JavaScript Full Course

    This lecture introduces arrays. It explains how to create arrays, access elements by index, and use loops to iterate over arrays. It also covers common array methods and how to manipulate array data.

    Open on YouTube
  5. Lesson 5: Lecture 5: Functions & Methods | JavaScript Full Course

    This lecture covers functions and methods. It explains how to define and call functions, pass parameters, and return values. It also discusses function expressions and arrow functions, and how to use methods on objects.

    Open on YouTube

Section 2: DOM and Events

  1. Lesson 6: Lecture 6 : DOM - Document Object Model | JavaScript Full Course | Part 1

    This is the first part of the DOM (Document Object Model) lecture. It explains what the DOM is and how JavaScript can interact with HTML elements. It covers selecting elements, changing content, and modifying styles.

    Open on YouTube
  2. Lesson 7: Lecture 7 : DOM (Part 2) | Document Object Model | JavaScript Full Course

    This is the second part of the DOM lecture. It continues with DOM manipulation, focusing on attributes, classes, and event listeners. It shows how to add or remove attributes and classes, and how to respond to user actions.

    Open on YouTube
  3. Lesson 8: Lecture 8 : Events in JavaScript | JavaScript Full Course

    This lecture is about events in JavaScript. It explains what events are, how to handle them using event listeners, and how to use event objects. It covers common events like click, mouseover, and keyboard events.

    Open on YouTube

Section 3: Projects and Advanced Topics

  1. Lesson 9: Imp Update : JavaScript YouTube Course | Shradha Ma'am

    This is a short update video from the instructor about the course. It is not a lesson but provides important information about the course structure or upcoming content.

    Open on YouTube
  2. Lesson 10: Lecture 9 : Tic Tac Toe Game in JavaScript | JS Project | JavaScript Full Course

    This lecture is a project: building a Tic Tac Toe game. It walks through creating the game logic, handling player moves, checking for wins, and resetting the game. The code is available on GitHub.

    Open on YouTube
  3. Lesson 11: Lecture 10 : MiniProject - Stone, Paper & Scissors Game | JavaScript Full Course

    This lecture is a mini project: building a Stone, Paper, Scissors game. It covers generating random choices, comparing results, and updating the UI. Code and images are provided on GitHub.

    Open on YouTube
  4. Lesson 12: Lecture 11 : Classes & Objects | JavaScript Full Course

    This lecture covers classes and objects in JavaScript. It explains how to define classes, create objects, use constructors, and add methods. It also introduces inheritance and the 'this' keyword.

    Open on YouTube
  5. Lesson 13: Lecture 12 : Callbacks, Promises & Async Await | JavaScript Full Course

    This lecture covers callbacks, promises, and async/await. It explains how to handle asynchronous operations, avoid callback hell, and write cleaner asynchronous code using promises and async/await.

    Open on YouTube
  6. Lesson 14: Last Lecture : Fetch API with Project | JavaScript Full Course

    This is the last lecture, covering the Fetch API with a project. It shows how to make network requests, handle responses, and display data. The project demonstrates fetching data from an API and rendering it on a page.

    Open on YouTube

Your progress

0 of 14 lessons completed (0%).

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

Related learning