JavaScript: The Complete Guide
Modern JS (ES2024+), DOM, async and building interactive pages.
Taught by Sagar Khadka · Full-Stack Developer
What you'll learn
- Write modern JavaScript with let and const, template literals, strict equality and clear functions
- Transform data with array methods, destructuring, spread and optional chaining
- Select, create and update DOM elements safely and respond to user events and form input
- Fetch data from web APIs with async/await, handle errors and run requests in parallel
- Organise a project into ES modules and classes using npm, Vite and ESLint
- Build and deploy an interactive task tracker that persists data with localStorage
About this course
JavaScript is the language of the web, and this complete guide teaches it the modern way. It is for beginners who know a little HTML and CSS and want to make pages interactive, and for self-taught developers who want to fill the gaps. You will learn core syntax, functions and closures, arrays and objects with ES2024+ features such as Object.groupBy and toSorted, then move into the DOM, events and forms. You will fetch live data with promises and async/await, organise code into ES modules and classes, and set up a professional workflow with npm, Vite, ESLint and browser DevTools. The course finishes with a complete task tracker app that saves to localStorage and is deployed online. You need a laptop, a modern browser and basic HTML knowledge; no previous programming experience is required.
Course content
8 lessons- 1JavaScript Setup and Core SyntaxRun JavaScript in the browser and Node.js, then learn variables, types, strings and comparisons.Preview
- 2Control Flow, Functions and ScopeMake decisions, repeat work with loops and package logic into functions that close over their scope.
- 3Arrays and Objects the Modern WayTransform data with array methods, destructuring, spread, optional chaining and ES2024+ helpers.
- 4The DOM: Selecting and Changing the PageFind elements, update text and classes, and build new elements safely from data.
- 5Events, Forms and User InteractionRespond to clicks, keys and form submissions with listeners, delegation and FormData.
- 6Asynchronous JavaScript: Promises, async/await and fetchUnderstand the event loop, then fetch real API data with async/await, error handling and cancellation.
- 7Modules, Classes and a Professional WorkflowSplit code into ES modules, model data with classes and set up npm, Vite and ESLint.
- 8Project: Build and Deploy a Task TrackerCombine state, rendering, events, modules and localStorage into one app, then deploy it online.