JavaScript Mastery From Basics to Advanced 2026

Create your first JavaScript program and run it in html or with custom.js. Explore folders in VS Code, use Emmet for html scaffolding, and test with console.log and alerts.

Explore how JavaScript runs with runtime engines like V8 and NodeJS. Download NodeJS, verify the installation, and run code in both the browser and a terminal using node.

Master declaring and using variables in JavaScript with var, let, or automatic declarations, defining constants with const, and exploring data types and console.log.

Learn how to use JavaScript operators to perform addition, subtraction, multiplication, and division, compute a percentage from obtain marks and total marks, and round and display the results.

Learn how to use typeof to check a variable's data type and how operator precedence affects expressions, showing how brackets change results like 23 and 35.

Explore conditional statements in JavaScript, including if, else, elseif, and switch statements, to execute code based on conditions. Use practical examples like temperature-based messages to illustrate decision making.

Explore if else statements in JavaScript through an e-commerce example, checking login, email verification, and valid card info, and using and/or operators to control whether a purchase proceeds.

Explore conditional statements and if-else logic to control login access, showing how any of email, Facebook, Google, or Apple login grants dashboard access.

Master the ternary operator, a compact conditional expression in JavaScript, replacing if-else to toggle sign in or sign out based on a condition using ? and :.

Explore the switch case statement as an alternative to if-else, using break and a default case to manage roles such as superadmin, admin, data entry operator, and user.

Explore coercion and falsy values in JavaScript by examining undefined, null, empty strings, and non-numeric values, and learn how these affect conditional logic.

Define and call a JavaScript function using the function keyword, creating a named declaration with a body. Explore parameterized functions and backtick string interpolation for dynamic outputs.

learn how to assign a function to a variable in JavaScript, use a switch statement to handle user roles, and call the function through the variable for dynamic behavior.

Explore arrays in JavaScript by defining them with variables and square brackets, accessing and updating elements by index, and using length, pop, shift, and unshift to manage mixed data types.

Learn to use JavaScript array fill and filter methods to manipulate data, including starting from an index, inclusive ranges, and predicate-based selections.

Explore JavaScript slice and splice techniques to extract and modify arrays, demonstrate index-based selection, deletion, and insertion with practical console logs.

Learn JavaScript objects as the king of JavaScript, using key-value pairs to define properties and access them with dot notation, illustrated by a user object with name and skill.

Explore methods in objects by declaring functions inside objects, calling them with dot notation, and using template literals with this, to return user info and roles such as superadmin.

Learn to use for loops in JavaScript with initialization, condition, and increment to repeat code, iterate arrays, and control flow with break and continue.

Explore how the while loop works in JavaScript by building a simple example that iterates over a students array and prints each value, then increments the value.

Master the do while loop in JavaScript, compare it with the while loop, and learn how the loop body may execute at least once before the condition is checked.

Master the for each loop in JavaScript as it iterates over arrays using an arrow function to print each element with console.log.

Explore the for-of and for-in loops to iterate over arrays, apply a singular array name, and run node scripts to see live outputs.

Learn how to use the for in loop with objects to print keys and values, convert them with string interpolation using backticks, and output via console.log.

Discover the Document Object Model (DOM) and how the browser builds a tree of HTML elements, enabling JavaScript to access, modify attributes, CSS styles, add or remove elements and events.

Learn how to grab HTML elements with JavaScript using document methods such as getElementById, getElementsByClassName, and innerHTML, including handling HTML collections.

Learn to manipulate HTML elements with JavaScript by changing properties, selecting elements with query selectors, and updating innerHTML, including using setInterval and setTimeout to create dynamic counters and title updates.

Learn to retrieve computed properties from the DOM using window.getComputedStyle with querySelector, reading background color and margins of rainbow blocks and the wallet element.

Explore dom events by using addEventListener with click and mouse enter, and update a box's background color via its style property in an arrow function callback.

Learn how prototyping in JavaScript enables adding methods to objects via the prototype, creating instances with new, and extending behavior with injected functions like get first name.

Improve JavaScript code quality with better code practices, using conditional programming and has own property checks to avoid undefined values.

Discover how to create a self-executing anonymous function in JavaScript, wrap it in parentheses, and run it without a name using console logs.

Master template literals in JavaScript to interpolate variables and expressions with backticks, explore string quoting with single, double, and backticks, and use methods like charAt, endsWith, and includes.

Discover how to use maps in JavaScript to store key-value pairs, set items, and iterate with for-of and a for-each style loop to print keys and values with console.log.

Create and manipulate JavaScript objects by defining an employee with name, age, and salary, and a get employee info method; build instances using Object.create and access properties and prototype methods.

Master destructuring in JavaScript to extract values from arrays and objects, shown through practical examples of names, positions, and salaries.

Learn how to define JavaScript classes as templates for objects, implement a constructor, add methods like get employee info and get job description, and export modules for reuse.

Explore getters and setters in JavaScript, learn how private class fields (using hash) protect data, and access them via get and set methods through a practical employee example.

Explore inheritance in JavaScript to reuse properties and methods from a parent class in a child class using extends and super, with constructors.

Create cards dynamically with JavaScript and Bootstrap by rendering HTML content from a data array. Assemble DOM elements, set classes, and append headings and descriptions to each card.