Modern JavaScript Mastery: A Complete Guide

Explore JavaScript data types, including string, number, boolean, array, object, null, and undefined, and learn how quotes, typeof, and key-value pairs distinguish them.

Explore seven JavaScript assignment operators, including =, +=, -=, *=, /=, %=, and **=, and learn how they overwrite x with y through shorthand arithmetic.

Learn to measure code performance with console.time and console.timeEnd, explore the Chrome console and document interactions, including document.getElementById and innerText in the DOM.

Learn how JavaScript if statements and conditional logic control execution with if (condition) { ... } and >, <, ==, and === determine when code runs, data types affect equality.

Explore JavaScript logical operators, including and, or, and not, and their symbols (&&, ||, !). See how two conditions in an if statement yield true or false outcomes.

Learn how to use if else if statements to evaluate multiple conditions with else if and else, using logical operators, and map percentage scores to divisions in JavaScript.

Learn how to implement JavaScript switch case statements, including syntax with switch, case, break, and default; see multiple cases sharing a result and using true for age ranges.

Explore using the JavaScript alert box to display messages and variable values in an HTML page, and apply if-else logic, concatenation, and basic arithmetic to show results.

Learn to use the JavaScript prompt box to collect user input, assign it to a variable, and log results in the console; apply it with if-else to categorize a percentage.

Learn how to define JavaScript functions with parameters, pass arguments, use default values, and call functions to perform operations like addition and string concatenation, with practical examples.

Explain global versus local variables in JavaScript through practical examples, showing how a global variable is accessible inside and outside a function, while a local variable remains confined.

Learn how to implement a JavaScript do while loop, including initialization, the post-check condition, and increment, and compare it with a while loop while printing hello world.

Master JavaScript break and continue statements for controlling loops, printing numbers, and replacing specific iterations with hello inside a for loop using if conditions.

Learn how to implement nested loops in JavaScript by placing one loop inside another, using outer and inner loops, and printing with document.write to build rows and columns.

Learn to declare and use JavaScript arrays, access zero-based elements by index, loop with a for loop, and display results in the browser.

Explore multidimensional arrays in JavaScript by turning related student data into outer and inner arrays, then access and print specific fields by index.

Learn to use multidimensional arrays with nested loops in JavaScript, implementing outer and inner loops to print arrays and format output for clean, comma-free results.

Learn how to use JavaScript array pop and push methods to remove the last element and append new values to an array, with practical examples and live coding.

Explore array manipulation with slice and splice in JavaScript, extracting subarrays with start and end indices, using negative indices, and inserting or deleting elements.

Learn to use indexOf and lastIndexOf in JavaScript to find values in an array, returning the first or last index, with an optional start index and -1 when not found.

Master the JavaScript array includes method by learning how to search for values, understand case sensitivity, and return booleans to drive conditional logic in arrays.

Discover how to apply the JavaScript array filter method to extract values meeting a condition, returning a new array of ages greater than 18.

Learn how to use the for-in loop in JavaScript to iterate over object properties, print keys and values, and access each property with a loop variable.

Explore the JavaScript map method for arrays, returning a new array without mutating the original, multiplying values by ten and extracting first or last names from objects.

Explore essential JavaScript string methods, including length, toLowerCase, toUpperCase, includes, startsWith, endsWith, search, and match with regular expressions, to perform effective string manipulation.

Explore JavaScript string methods, including concat, split, repeat, slice, substr, substring, toString, and valueOf, with practical examples for joining, splitting, slicing, and converting values.

Explore JavaScript dom targeting methods using document.getElementById, document.getElementsByClassName, and document.getElementsByTagName to access and manipulate elements such as head, title, body, links, and images, and learn about document.all and doctype.

Learn to use dom targeting methods such as url, domain, and base uri, then target elements by id, class name, and tag name to inspect and select them.

Learn how to update DOM values with five methods, including changing innerHTML, setting and removing attributes, and reading attributes via getAttribute, using getElementById to target elements.

Apply document.querySelector and document.querySelectorAll to target id, class, and tag selectors with CSS syntax. Compare selecting the first element versus all elements using practical examples.

Learn to use addEventListener with inner and outer divs, understand the useCapture parameter for click event propagation, and apply removeEventListener to manage events.

Explore focus and blur events in JavaScript forms, learn to apply onfocus and onblur to inputs and selects, and see how on input adjusts backgrounds in real time.

Master JavaScript form events by implementing onchange for inputs and selects, handling onselect, onsubmit, and oninvalid with custom alerts and validation messages.

Learn to animate a DOM element with JavaScript using setInterval and clearInterval, moving a square by updating margin left every second and stopping at a threshold.

Discover how to access window inner height and width, and outer height and width, distinguishing viewport from browser size, and update them in real time with a resize event.

Learn to open and close browser windows with JavaScript using window.open and window.close. Explore parameters like URL, name, and width, height, left, and top.

Learn how ES6 template strings replace concatenation, using backticks and interpolation to build dynamic strings with variables. See how to print results in the browser and handle multiple variables.

Explore how the spread operator turns an array into multiple function arguments, contrast it with the rest operator, and apply both to arrays and objects for concatenation and merging.