Learn JavaScript in 2 Weeks (Complete JavaScript Bootcamp)

Set up Visual Studio Code, create a JS basics project, add index.html, and enable Live Server to auto-refresh the browser for seamless client-side JavaScript development.

Create your first JavaScript program in a browser using index.html and a script tag, learn alert messages, strings, semicolons, and how JavaScript can modify HTML and CSS.

Move JavaScript into an external app.js file to improve readability and reuse across pages, then reference it with a script tag and the source attribute.

Learn to use the browser console in Chrome to execute JavaScript, log output with console.log, and read error messages to quickly fix issues while building real projects.

Master the fundamentals of JavaScript and its core building blocks, using Runjs or VSCode to follow along with code examples and see console output.

Learn how to create and use variables in JavaScript with let and const, including declaration, initialization, assignment, and camelCase naming.

Explore data types in JavaScript, focusing on primitive types like string, number, and boolean, and learn how quotes, backticks, and type differences affect operations.

Learn how the typeof keyword checks a variable's data type, displays it in the console, and handles strings, undefined, and null, including why typeof null returns object despite being primitive.

Recognize operators as symbols that perform actions on values. Learn about binary and unary operators, a brief intro to ternary operators and operands, and four categories: assignment, arithmetic, comparison, logical.

Master arithmetic operators in JavaScript, including addition, subtraction, multiplication, division, modulo, and exponentiation, and learn operator precedence, assignment shorthands, and increment/decrement techniques.

Explore how JavaScript handles data types, coercion, and implicit vs explicit type conversion, including how addition, subtraction, and booleans affect results and why explicit conversion matters.

Explore how JavaScript comparison operators return booleans as they compare values, with examples like greater than, less than, and equal to. Learn why strict equality avoids loose typing pitfalls.

Master how to use if statements to control program flow with comparisons and booleans, and implement else and else if for multiple conditions in JavaScript.

Explore nested if statements in JavaScript, use an outer and inner condition to control access to admin panel or user dashboard based on login and admin status.

Explore and, or, and not in JavaScript to combine boolean values and build complex conditions in if statements, with age and license checks as examples.

Learn how to replace simple if else statements with the ternary operator in JavaScript. Write concise one-line expressions that return values based on a condition, improving readability for beginners.

Master the while loop in JavaScript by using a counter and condition to repeat actions, while noting the for loop and do while loop are also covered.

Explore for loops and how they count iterations using initialization, condition, and increment inside parentheses. Understand how the counter i updates each iteration to avoid infinite loops and stay organized.

Master break and continue in JavaScript loops, stopping a loop with break or skipping an iteration with continue, and see practical examples that show how these controls improve loop flow.

Learn what a function is in JavaScript and how to create and call your own reusable functions, using built-in helpers when needed.

Learn to define and call functions in JavaScript, including function declaration, naming with camelCase, and the function body for reusable code.

Explore global, function, and block scope in JavaScript, see how var differs from let and const, and learn why ES6 made block scope standard.

Explore how parameters and arguments let functions accept values, enabling greetings like hello Tom and multi-parameter arithmetic with proper argument order.

Explore how return statements let functions send results back and be used in variables or expressions. See how they control function flow, return booleans, and check numbers with modulo.

Hoisting moves function declarations to the top of the scope, enabling calls before they appear. Let and const are not hoisted; var is, but only the declaration, not the assignment.

Explore how JavaScript callbacks are passed as arguments and invoked later, using a countdown example and start race function, and see how event listeners rely on callbacks.

Explore JavaScript function creation with function declarations, anonymous function expressions, and arrow functions, learn how hoisting differs and how to use callbacks with function values.

Master template literals with backticks for string interpolation in JavaScript, enabling embedded variables and expressions. Compare using single or double quotes for inside strings, and leverage multi-line strings without escapes.

Explore string manipulation in JavaScript by using length, toUpperCase, toLowerCase, charAt or bracket indexing, indexOf, replace, replaceAll, and trim; learn that strings are immutable and methods return new values.

Practice cleaning a login email by applying string methods—trim, to lowercase, and replace—using method chaining to produce a clean, corrected email such as tom@hotmail.com.

Explore string methods in JavaScript, including includes, startsWith, and endsWith, and learn their boolean results, case sensitivity, and uses for validating emails, at symbol, country codes, and file extensions.

Learn how arrays hold multiple values with square brackets and commas, and access items by zero-based indices. Mix data types and nested arrays, and print results to the console.

Learn to add and remove values in arrays with push, unshift, pop, and shift; apply to a to-do list by inserting at ends and returning removed items.

Compare primitive and reference types in JavaScript, noting immutability of primitives and mutability of arrays, with stack and heap storage shaping copies and references.

Learn how to convert a string into an array using split with a comma or space as the delimiter, and how to join an array into a string with join.

Learn to iterate every array item with a for loop and the length property to avoid hardcoding. Explore processing items and the for each loop as an alternative.

Discover how the for each loop runs a callback for every array element, accessing the current item, index, and array to iterate and optionally modify the original data.

Explore how JavaScript objects group related data into key-value properties, reveal how the window object provides built-in features, and show objects as representations of real-world entities like cars and clubs.

Create a student object using curly braces and key value pairs, then access properties with dot notation or bracket notation, as demonstrated with name, age, and email, and console.log.

Learn to iterate over objects in JavaScript using for in and bracket notation, then use Object.keys, Object.values, and Object.entries to access keys, values, and key-value pairs.

Learn how to represent complex data by storing objects inside arrays, access product details with dot notation, and apply a scalable 50% discount using a for each loop.

Explore advanced array methods like map, filter, and reduce to write shorter, faster JavaScript, and tackle algorithmic challenges that mirror real job interviews.

Master the map method to create a new array from data without mutating the original, using callbacks and spread to update object prices.

Learn how the filter method returns a new array by testing each element with a callback, keeping items that pass the condition, like price less than $200 or white products.

Master the reduce method, turning a list into a single value using an accumulator and current value with a starting value, demonstrated through sums, strings, and objects.