The Complete Python and JavaScript Course: Build Projects

Learn JavaScript types by exploring numbers and strings, perform arithmetic, use the Math object for random numbers and pi, and manipulate strings with parse, unary plus, length, charAt, and toUpperCase.

Explore booleans in JavaScript, learning how true and false evaluate, variable assignment, if statements, and how different values like empty strings, zero, and undefined affect truthiness.

Explore boolean values in JavaScript, distinguishing truthy and falsy values, including arrays (empty or not) and how automatic boolean conversion drives if statements.

Explore how to create and manipulate objects as name-value collections in JavaScript, using object literal syntax, the new Object() approach, and dot or bracket access for nested data.

Explore how to model data with objects by ensuring unique keys, attaching various value types and functions, and using a constructor pattern to create reusable donut objects.

Explore arrays as collections of data using zero-based indexing and literals. Master length, index access, push and pop, and nested or undefined entries.

Learn to transform arrays with built-in methods like sort, reverse, concat, slice, and join; use length minus one for the last element and note that arrays can contain objects.

Explore variables as placeholders that store data in JavaScript, using algebra-like examples, assignment with the = operator, the var keyword, strings, and console logging to print values.

Explore javascript variables by examining arrays, strings, numbers, and objects, and learn how to inspect types with typeof and print results via the console.

Learn how booleans represent true or false and how flags guide app logic. Understand variable scope, redeclaration risks, and reserved words in JavaScript.

Learn valid variable naming in JavaScript, including reserved words and starting with a letter or underscore, while avoiding leading numbers and exploring value assignment between variables.

Explore how variable scoping works in JavaScript, comparing var and let from ES6, showing function scope versus block scope and how improper scoping leads to errors.

Let behaves more strictly than var and can be declared without an initial value. Use it with if statements to assign values conditionally, benefiting from block scope.

Explore let and const in JavaScript, showing const is block-scoped and cannot be reassigned, while arrays and objects inside can be mutated with operations like push.

Learn the basics of let and const, and when to use each, with var as a last resort. Emphasize block scoping; prefer const for values and let for mutable data.

Learn basics of the if statement in javascript, including how true or false conditions trigger code blocks, the role of comparison operators, and triple vs single equals.

Compare JavaScript equality with double and triple equals. Triple equals checks type and value without conversion, while double equals may coerce types; arrays and objects compare by reference.

Master JavaScript number comparisons using the triple and double equal signs and other operators. Apply if statements to bank balances, cost of items, and tax to decide purchases.

Explore how nested if statements control code flow, using balance and tax checks to decide purchases, with scope considerations for let, var, and const.

Explore how to use logical operators with if statements to require multiple conditions, such as bank balance and spending permission, to decide purchases. See how the and and or operators combine boolean checks like has credit card and cost of item to control purchase logic.

Learn how the not operator negates booleans and clarifies conditional logic in if statements, using credit limit checks and undefined variables as examples.

Explore if statements, else, and else if to model payment logic using cash, credit, and credit limits. Learn to nest conditionals and control flow with logical checks.

Learn how to define and invoke functions in JavaScript, understand scope, parameters, and how functions enable modular, reusable code for building robust programs.

Explore how to define and invoke functions, use parameters for reusability, and manage scope with const and let, while passing strings, numbers, and other data types in JavaScript.

Write a function that doubles a number and returns the result, then log the return value and learn how hoisting enables calling functions before declarations.

Explore how hoisting affects JavaScript variables and why impure functions that access outer scope can cause unexpected behavior; learn to rewrite as pure functions with parameters.

Explore function expressions and hoisting, including anonymous functions assigned to variables and invoked later. Learn to pass functions as parameters, create reusable higher-order functions, and prefer const for references.

Discover how functions change non-primitive properties by illustrating value passing for primitives and mutable objects or arrays, including how const does not prevent internal mutations.

Explore nested functions and closures by building a square function inside a greater function, creating private functions scoped to the containing function, with multiple nesting levels and a reusable factory.

Explore nested functions and closures, showing how inner functions access outer variables and parameters while keeping outer scope safe, via examples like a name formatter and a data formatter.

Explore nesting functions or moving helpers to the top level to declutter the global namespace. Invoke formatters like year format names and data formatter, and return results with clear comments.

Learn function expressions in ES6, including arrow functions (fat arrows), and see how to write concise functions, pass arguments, and use map to extract user names.

Explore fat arrow syntax in function expressions, compare with traditional declarations, and learn implicit returns by skipping curly braces and the return keyword for single-expression functions.

Discover how to simplify JavaScript code with ES6 features like map, filter, and implicit returns, and use the modulo operator to extract even or odd numbers.

Learn to use a forEach loop to double numbers and assemble a new array, using ES6 style with const, push, and a reusable function.

Explore default values in functions by showing traditional undefined checks and modern parameter defaults, including numbers, strings, and objects, with practical examples like a bank account and purchase logic.

Discover rest parameters in JavaScript to handle an indefinite number of arguments, replacing the legacy arguments object and enabling array-like operations such as mapping and multiplying inputs.

Explore how arrow functions differ from traditional functions, focusing on this binding, constructors, and closures using a dog example and setInterval.

Fat arrow functions do not declare or create their own this context; they inherit this from the enclosing context. Inside that block, a setInterval call uses that inherited this.

Explore switch statements as a direct alternative to if-else, evaluating an expression, matching cases with break, and a default block, demonstrated with fruit examples.

Learn how the break statement controls switch flow, why omitting breaks causes fall-through, and when to use return, illustrated with a fruit function that logs outcomes.

Explore using a switch statement to classify a number into low range, mid range, or high range, with a default value and a volume set function.

Explore switch statements in JavaScript, including case logic, breaks, and reassigning values inside cases, with practical examples of triggering functions and testing outcomes.

Demonstrate switch statements with a donut picker function that returns sprinkles, chocolate glaze, or bear claw, including a default, then reuse the result in another function and log it.

Discover how to use loops in JavaScript to repeat actions a set number of times, avoid infinite loops, and compare for, while, and do-while patterns.

Explore while loops in JavaScript, learn to set an exit condition to avoid infinite loops, and increment loop counters using plus equals or the ++ operator with practical examples.

Practice while loops with break, increment, and aggregating sums. Iterate arrays by index until a condition is met.

Explore the do while loop, which executes its code at least once before evaluating the condition, even if the initial test is false.

Demonstrate how a do while loop guarantees at least one execution, contrasting it with a while loop, via a check if can purchase function and a purchase example.

Learn how to use for loops with an init expression, condition, and increment to repeat actions, iterate arrays, and print items by index.

Build a for loop to print numbers 1 to 100 and implement fizz buzz for multiples of three and five using modulo checks and simple if-else logic.

Master loop control by using break and continue to manage iterations, and apply labels to navigate nested for loops and outer versus inner scopes.

Explore a JavaScript gotcha with setTimeout inside a for loop, showing how var and let affect closure and how to capture loop values using a function or ES6 let.

Master the for in loop to iterate object properties in arbitrary order, accessing keys and values. Compare it with for loops for arrays and for each pattern for array traversal.

Explore the for...of loop, an ES6 feature that iterates iterables like arrays, strings, maps, and sets, replacing for in and forEach, with break and continue support.

Explore how for...of works with any iterable, and use a set to remove duplicates from an array; compare original vs. unique sets and review break, continue, and return from loops.

Explore the document object model (DOM) and learn how JavaScript manipulates HTML by traversing the DOM tree, accessing nodes through the document API, and inserting scripts.

Explore the DOM by manipulating the page with JavaScript, accessing the window and document objects, and using onload, alert, innerHTML, and getElementsByTagName to inspect and update HTML collections.

Explore selecting and updating elements with getElementById and getElementsByTagName, using id selectors and span tags, and practice sub querying within a parent div.

Use getElementById to access results and total, count changed words with length, and adjust markup (span vs p) for accurate results.

Learn how to manipulate the DOM with getElementById and getElementsByTagName to access and update list items, change innerText, and dynamically modify content.

Learn to use the query selector, like document.querySelector, to grab divs and apply inline styles while understanding inline vs external styles.

Explore how document.querySelectorAll differs from querySelector, using CSS selectors to target IDs and classes, iterate over node lists with for loops, and apply styles to multiple elements.

Learn how to traverse the DOM to move between parent and child element nodes, use querySelector and getElementById, and style ancestor nodes.

Explore selecting elements by id with getElementById, inspect the DOM, and log results. Reassign an element’s id, such as footer to bottom, and verify the update in the DOM.

Learn to access and manipulate divs without ids using tag name selections, query selector, and class names, then add ids, apply styles, and toggle classes through loops.

Add, remove, and toggle classes on elements using classList in the DOM. See how purple divs gain the foo class and then lose it after a setTimeout.

Explore toggling HTML element classes with JavaScript using classList, setInterval to auto toggle every five seconds, and methods like getElementById and querySelector to inspect and manipulate classes.

Learn to create and append new elements using JavaScript, assign text content, and add classes with classList.add, then attach them as children to existing elements.

Create and append DOM elements, including a div, a ul, and list items, from data, then attach them to render a dynamic list with a for loop.

Learn how to remove elements from the DOM, including created nodes and specific list items, using direct child checks, loops, and reusable functions for clean, maintainable code.

Explore the javascript event interface, the DOM events, and how to respond with addEventListener using a callback to handle clicks and other events.

Learn to target specific elements with querySelector, attach event listeners to a button inside a div, and handle click and focus events, comparing on click attributes with addEventListener.

Learn to attach and manage click and focus events by passing a function reference, log events, and remove listeners after the first activation, using event objects and time stamps.

Explore event propagation and bubbling, and learn to stop propagation and use event targets to toggle background colors on elements. Use document listeners and class list manipulation.

Apply the common design pattern of event delegation by attaching a click handler to the parent element and using the event target to identify items, boosting efficiency over per-child listeners.

Learn to prevent default browser behaviors with event listeners, using preventDefault to stop link navigation or context menus, and why such overrides should be used sparingly for good user experience.

Prevent default stops a form submission from refreshing page, letting you capture input values, append them as list items in DOM, and reset the form in a single-page app.

Explore keyboard events in JavaScript by listening for key down and key up with event listener, checking key codes and Unicode values like 65 for A and 32 for space.

Learn to implement key down and key up events to display a typing indicator in a textarea, and limit updates with a timeout for smoother user experience.

Learn how to use the DOMContentLoaded event to run JavaScript after the initial HTML is loaded and parsed, via an event listener, to safely access elements.

Learn how the load event waits for all resources like images and stylesheets, and how to use window.addEventListener('load', checkImageSize) to get image dimensions reliably after load.

Learn to resize images with javascript using inline styles, setting width and height auto, and apply a 50 percent border radius while leveraging the load event for multiple images.

Explore a range of events, from lifecycle and user generated events to click, keyboard, and touch events, and learn to add and remove event listeners to respond to user actions.