Intermediate JavaScript Development

Set up a JavaScript development environment with homebrew, node, and npm. Then use yeoman with the refactor you generator to scaffold a boilerplate project.

Create array literals to store mixed data types, access items by zero-based indices, inspect length, and concatenate values to print hello world in JavaScript.

Explore arrays and the for loop structure to iterate over dynamic items, using initializer, condition, and iterator, access array elements, and print each item with console logs.

Compute a running total by iterating an array with a for loop, initializing a sum at zero and updating it with result += array[i] as you go.

Create and manipulate JavaScript objects with object literals, key-value pairs, arrays, and nested objects, using dot and bracket syntax to access properties.

Use the for...in loop to iterate object properties, accessing key value pairs in an unordered object and printing property names such as name, language, coding stack.

Explore accessing object properties with dot and bracket notation in JavaScript, compare arrays and objects, handle undefined, evaluate variables within bracket syntax, and print with console log keys and values.

Explore how to define reusable functions in JavaScript, pass parameters, handle arguments, and return values to build modular, encapsulated code.

Explore named functions in JavaScript, compare them to anonymous functions, and understand hoisting, declaration syntax, and calling before declaration.

Explore how callbacks treat functions as values by passing references to a logger, invoking them, and using anonymous functions to return results, with notes on asynchronous behavior.

Examine how scope works in JavaScript, from the window global scope to function scope, and how variable hiding and nested scopes affect access and reassignment across parent and child scopes.

Explore pure and impure functions in JavaScript, showing how impure functions modify global variables, while pure functions return new values without altering the global scope.

Discover how this behaves in different contexts in JavaScript: global yields window, object methods bind this to the object, and call, apply, and bind set a chosen context.

Learn how the string indexOf method searches for substrings inside strings, returning the starting index when found (e.g., 'world' in 'hello world') and -1 when not present, with examples.

Master the split method to break a string into an array by a delimiter, such as a space, and see how an empty string splits into characters.

Convert strings to all uppercase or all lowercase in JavaScript, starting with hello world and applying the uppercase and lowercase methods to see the results.

Apply the trim method to a string to remove leading and trailing whitespace and observe the cleaned result.

Use the substring method to extract a specific part of a string by providing a start index and an optional end index, with omitted end using the string's end.

Learn how to use the isArray function to determine whether a variable is an array, by comparing two variables and confirming which one is an array.

Learn how to use the indexOf method to locate a value in an array, see world at index 1, and understand that a missing value returns negative one.

Use the slice method in JavaScript to pull out a copy of an array by specifying a start index and an exclusive end index, or omit the end.

Explore the join method to combine array elements into a final string with a default comma delimiter, or use a space to produce hello world.

Use the array concat method to join multiple arrays into a single array, combining elements from the first array with any number of additional arrays.

Explore how the array reverse method in JavaScript reorders an array from its original order to backwards, demonstrated with the sequence five four three two one.

Explore how default array sorting converts values to strings, causing unexpected order; implement a numerical compare function and use sort with a comparator, then reverse results.

Splice demonstrates destructive array modification by removing elements from a given index and optionally inserting new ones, returning the removed items and updating the array.

Conclude the module by continuing your learning online, building deeper expertise in software development, and exploring the full stack javascript bootcamp at refactor dot com.