JavaScript Developer Bootcamp - Beginner to Expert

Create a JavaScript file and link it to an HTML page, using internal and external scripts, and learn a button-driven background change with hello world console logging.

Explore JavaScript data types, including numbers, strings, booleans, undefined, null, symbol, and bigint, and learn how primitive and reference types store and reference data.

Explore JavaScript variable declarations—var, let, and const—along with camel case naming, readability, and when to reassign versus keep constants, using a box analogy.

Learn to work with JavaScript strings by finding indices with length and negative indices, and master trim, indexOf, charAt, slice, split, includes, and replace.

Master JavaScript comparison operators, including greater than, less than, and the role of type coercion. Contrast double equals with strict equality to ensure value and type match.

Learn how for loops in JavaScript use an initial expression, a condition, and an increment to repeat code, print sequences (evens, odds, every third), and explore infinite loop risks.

Explore function declarations (function statements) in JavaScript, and learn to define, call, and pass parameters and arguments through practical examples like logging messages, color hex values, and arithmetic.

Learn how function scope and block scope govern variable access in JavaScript, comparing let, const, and var, and why var can cause conflicts.

Master higher order functions, callbacks, and factory functions, with lexical scope enabling returned functions to access parent variables. See setTimeout and DOM examples using a read more button.

Explore essential DOM properties and methods, including innerText, textContent, innerHTML, and createElement, and use getAttribute and setAttribute to read and assign element attributes.

Examine DOM properties and methods, using classList to add classes and getComputedStyle to read browser and applied styles for dynamic styling.

Create new DOM elements with document.createElement and append or prepend them. Remove elements using removeChild or the remove method after selecting the parent and child.

Explore dom events and event listeners to make websites interactive, handling clicks and other user actions to change the body background color and log events.