Javascript Intermediate level 2 - All about functions

Learn function basics in JavaScript, declaring named or anonymous functions, using parameters and arguments, returning values, and invoking functions with examples like adding numbers and logging results.

Explore function literals in JavaScript by comparing traditional declarations with definitional expressions, including anonymous functions stored in variables and immediately invoked calls, with practical browser examples.

Learn how JavaScript objects function as flexible data types that hold strings, numbers, booleans, arrays, and even functions, defined with curly braces and dot notation.

Learn how to create object constructors in JavaScript using function literals and the new keyword, define properties, and understand this refers to the instance versus the global object.

Learn to build an object constructor with a function to instantiate car objects, assign models and years, and define methods with on-the-fly properties and parameters.

discover how to extend a JavaScript object's functionality with a prototype, adding a separate function and applying it to instances like a car to set speed.

Explore call and apply methods in JavaScript to control this and extend function behavior, passing arguments with call and arrays with apply, and avoid accidental global scope.

Explore the arguments object in JavaScript, a flexible, array-like container with a length and numerical indexing, used to sum arbitrary inputs in a loop.

Explore anonymous closures in JavaScript by comparing traditional functions, function literals, and self-executing functions, and learn how to run code without naming the function.

the return statement delivers the function's result and must be in the function body. as the last statement, it ends execution and you can return any value or expression.

Explore variable scope and hoisting in JavaScript, covering function scope, global versus local variables, scope chain across parent and child functions, and how hoisting affects declarations.

Demonstrate local and global scope by declaring a variable with var inside a function, keeping it local, and observe how omitting var exposes global or undefined variable outside the function.

Explore the scope chain in JavaScript, showing how a variable not found in a child function is resolved in its parent, and how inner functions can override values.

Master hoisting in JavaScript, where variable declarations are moved to the top of their function scope. Accessing a hoisted variable before it is assigned yields undefined, illustrating top-to-bottom execution.

Learn how modules provide reusable code across applications and how namespacing protects variables from the global scope, creating safer, more scalable JavaScript projects.

Create a module using an anonymous closure and the module pattern in JavaScript, isolating variables within the module and returning an object with methods for use.

Pass arguments to a module and access them to customize behavior, using an arguments object. Define a defaults object for top speed and use short-circuit evaluation so inputs are optional.

Learn how to change methods inside a module by duplicating methods and adding a horsepower property to enable chaining. Return the object itself with this to support method chaining.

Kick off this module by building a small JavaScript project that outputs images and links, using loops through objects to reinforce techniques learned and help the material stick.

Set up a clean project structure by creating a new folder, an index file, and a scripts directory; link bootstrap and test the markup in the browser.

Create an images module by building a core images object with named entries and a display method. Prepare to replace hard-coded data with api-provided json data.

Create the insert images method to inject JavaScript into HTML and loop through objects to render images. Pass a class and use a selector to target the element.

Create a single output variable and build a dynamic image gallery by looping over an object with a for-in loop and appending image markup with bootstrap markup.

Debug by iterating array with a for loop to insert images, returning an array, updating the output, and noting that querySelectorAll returns an array while querySelector returns a single element.

Conclude your JavaScript intermediate level 2 journey and celebrate finishing the course, then unlock level 3 with a ten dollar coupon while continuing to master JavaScript functions and the DOM.