Basics

Introduction to JavaScript

Variables and data types

Operators and expressions

Control flow (if-else, switch, loops)

Functions

Arrays

Objects

Modifying styles

element.style.property

element.classList.add()

element.classList.remove()

element.classList.toggle()

element.classList.contains()

OOP

Objects

Prototypes and inheritance

Classes (ES6 syntax)

Encapsulation and abstraction

Error Handling

try...catch blocks

Custom errors and exceptions

ES6 and Beyond

Let and const

Arrow functions

Template literals

Destructuring

Classes

Modules

DOM Manipulation

document.getElementById()

document.getElementsByTagName()

document.getElementsByClassName()

document.querySelector()

document.querySelectorAll()

element.textContent

element.innerHTML

element.setAttribute()

element.getAttribute()

Traversing the
DOM

element.parentNode

element.childNodes

element.firstChild

element.lastChild

element.nextSibling

element.previousSibling

Asynchronous
Patterns

Callbacks

Generators

Observables (RxJS)

Functions and Scope

Function declaration

Arrow functions

Closures

Scope

this keyword

Call, apply, and bind

Performance
Optimization

Code minification and bundling

Lazy loading

Memoization

Web Workers

Service Workers

Handling events

element.addEventListener()

element.removeEventListener()

event.target

event.preventDefault()

event.stopPropagation()

Creating and
removing element

document.createElement()

element.appendChild()

element.removeChild()

element.replaceChild()

element.insertBefore()

Asynchronous
JavaScript

Callbacks

Promises

Async/Await

AJAX and XMLHttpRequest

Fetch API

Testing & Debugging

Unit testing

Integration testing

End-to-end testing

Debugging techniques

Linting and code quality

Web APIs

DOM API

Fetch API

WebSockets

Web Storage

Geolocation API

Canvas API