Section 1. Getting started
- Meet the Console Tab of Web Development Tools – provide you with a basic introduction to the Console window on the web browsers.
Section 2. Fundamentals
- Variables – show you how to declare variables.
Numbertype to represent the integer and floating-point numbers.
- Numeric Separator– show you how to make the numbers more readable by using underscores as numeric separators.
- Octal & binary literals – provide support for binary literals and change the way to represent octal literals.
- Boolean – introduce you to the
- String – learn about string primitive type and some basic string operations.
- Object – introduce you to the object type.
- Array – introduce you to the
Arraytype and how to manipulate array elements.
Section 3. Operators
- Arithmetic operators – introduce to you the arithmetic operators including addition (
+), subtraction (
-), multiplication (
*), and division (
- Remainder operator – show you how to use the remainder operator (
%) to get the remainder left over when one value is divided by another value.
- Assignment operators – guide you on how to use assignment operators (
=) to assign a value or an expression to a variable.
- Unary operators – learn how to use unary operators.
- Comparison operators – show you how to use comparison operators to compare two values.
- Logical operators – learn how to use the logical operators: NOT (
!), AND (
&&), and OR (
- Logical assignment operators – introduce to you the logical assignment operators, including
- Nullish coalescing operator (
??) – accept two values and return the second value if the first one is
- Exponentiation operator – introduce you to the exponentiation operator (
**) that calculates a base to the exponent power, which is similar to
Section 4. Control flow Statements
- if – show you how use the
ifstatement to execute a block if a condition is true.
- if…else – learn how to execute a block of code based on a specified condition.
- if…else…if – check multiple conditions and execute a block.
- Ternary operators – show you how to make a shortcut for the
- switch – show you how to replace multiple
ifstatements when comparing a value with multiple variants by using the
- while – learn how to perform a pre-test loop that repeatedly executes a block of code as long as a specified condition is
- do…while – show you how to carry a post-test loop that executes a block of code repeatedly until a specified condition is
- for loop – learn how to repeatedly execute a block of code based on various options.
- break – learn how to prematurely terminate a loop.
- continue – show you how to skip the current iteration of a loop and jump to the next one.
- Comma operator – guide you on how to use the comma operator in a
forloop to update multiple variables at once.
Section 5. Functions
- Functions are the first-class citizens – learn how to store functions in the variables, pass functions into other functions as arguments, and return functions as values.
- Anonymous Functions – learn about anonymous functions which are the functions without names.
- Recursive function – learn how to define recursive functions.
- Default Parameters – show you how to define default parameters for functions.
Section 6. Objects & Prototypes
- Object Methods – introduce you to the methods of an object.
- Constructor/Prototype pattern – show you how to combine the constructor function and prototype pattern to define custom types.
- globalThis – provide a standard way to access the global object across environments.
- Object Properties – dive into the object’s properties and their attributes.
- for…in loop – learn how to iterate over properties of an object using the
- Enumerable Properties – learn more about the enumerable properties.
- Own Properties – understand the own and inherited properties.
- Object.values() – return own enumerable property’s values of an object as an array.
- Object.entries() – return own enumerable string-keyed property
[key, value]pairs of an object.
- Object.assign() – copy an object or merge objects.
- Object.is() – check if two values are the same value.
- Factory functions – learn about the factory functions which are functions that return objects.
- Object Destructuring – learn how to assign properties of an object to variables.
- Optional chaining operator (
?.) – simplify the way to access a property located deep within a chain of connected objects without having to check if each reference in the chain is
- Object literal syntax extensions – provide a new way to define object literal.
Section 7. Classes
- Class – introduce you to the ES6 class syntax and how to declare a class.
- Getters and Setters – define the getters and setters for a class using the get and set keywords.
- Class Expression – learn an alternative way to define a new class using a class expression.
- Computed property – explain the computed property and its practical application.
- Inheritance – show you how to extend a class using the
- new.target – introduce you to the
- Static methods – guide you on how to define methods associated with a class, not instances of that class.
- Static Properties – show you how to define static properties shared by all instances of a class.
- Private Fields – learn how to define private fields in a class.
- Private Methods – show you how to define private methods in a class.
Section 8. Advanced Functions
- Function type – introduce you to the
Functiontype and its properties and methods.
- call()– understand the
call()method and learn how to use it effectively.
- apply() – learn how to use the
- bind() – understand the
bind()method and how to apply it effectively.
- Immediately Invoked Function Expression (IIFE) – learn about immediately invoked function expressions (IIFE).
- Returning multiple values – guide you on how to return multiple values from a function.
- Arrow functions – introduce you to the arrow functions (
- Arrow functions: when you should not use – learn when not to use the arrow functions.
- Rest parameter – introduce you to the rest parameter and how to use them effectively.
- Callback functions – introduce you to the callback functions and learn how to use the callbacks to handle asynchronous operations.
Section 9. Promises & Async/Await
- Promise chaining – show you how to execute multiple asynchronous operations in sequence.
- Promise composition:
Promise.race()– learn how to compose a new promise out of several promises.
Promise.any()method to return the first
- Promise.allSettled() – accept a list of promises and returns a new promise that resolves to an array of values, which were settled (either resolved or rejected) by the input promises.
- Promise.prototype.finally() – execute a piece of code when the promise is settled, regardless of its outcome.
- Promise error handling – guide you on how to handle errors in promises.
- async / await – write asynchronous code in a clearer syntax.
Section 10. Iterators & Generators
- Iterators – introduce you to the iteration and iterator protocols.
- Generators – develop functions that can pause midway and then continue from where they paused.
- yield – dive into how to use the
yieldkeyword in generators.
- for…of – learn how to use the
for...ofloop to iterate over elements of an iterable object.
- Asynchronous iterators – learn how to use async iterators to access asynchronous data sources sequentially.
- Async generators – show you how to create an async generator.
Section 11. Modules
- Dynamic import – show you how to import a module dynamically via the function-like object
- Top-level await – explain the top-level await module and its use cases.
Section 12. Symbol
- Symbol – introduce you to a new primitive type called
Section 14. Error handling
- try…catch – show you how to handle exceptions gracefully.
- try…catch…finally – learn how to catch exceptions and execute a block whether the exceptions occur or not.
- throw – show you how to throw an exception.
- Optional catch binding – omit the exception variable in the catch block.
- let – declare block-scoped variables using the
- let vs. var – understand the differences between
- const – define constants using the
Section 16. Proxy & Reflection
- Proxy – learn how to use the proxy object that wraps another object (target) and intercepts the fundamental operations of the target object.
- Reflection – show you how to use ES6 Reflection API to manipulate variables, properties, and methods of objects at runtime.
- Execution Contexts – understand execution contexts including global and function execution contexts.
- Call Stack – understand the call stack.
- Variable scopes – introduce you to the variable scopes.
Section 18. Primitive Wrapper Types
- Boolean – introduce you to the Boolean primitive wrapper type.
- Number – learn about the Number primitive wrapper type.
- BigInt – introduce you to the
BigInttype that represent the big integers.
- String type – introduce you to the String type.