Modern JavaScript For Beginners

Table of contents

1. Chapter 1 : Introductions
   1. Introduction
   2. Let's See What JavaScript Can Do
   3. Download Starter Files
2. Chapter 2 : JavaScript Basics
   1. Where to Add JavaScript
   2. Async and Defer
   3. Working with Strings
   4. Storing Data with Variables
   5. Mixing Strings with Variables
   6. Datatypes: Numbers
   7. Datatypes: Boolean, Null, and Undefined
   8. Comments: Semicolons and ASI
   9. Operators: Assignment and Comparison
   10. Operators: Logical and Arithmetic
   11. Introduction to Arrays and Object Types
   12. Introduction to Objects
   13. Introduction to Functions
3. Chapter 3 : Arrays in More Depth
   1. The Array Constructor
   2. Introduction to Properties, Methods, and the Prototype
   3. Modifying Arrays
   4. Returning New Values
   5. Iteration Methods
   6. Reducers
   7. Map and forEach
   8. Array Destructing
   9. Operators: Unique Values with Set
   10. Two-Dimensional Arrays
4. Chapter 4 : Functions
   1. The Global Object and Built-In Functions
   2. Function Expressions
   3. Immediately Invoked Function Expressions
   4. Anonymous or Named
   5. A Function or Method
   6. Arrow Functions
   7. Default Parameter Values and Using Rest
5. Chapter 5 : Events and the DOM
   1. What Is the DOM?
   2. Selecting Elements
   3. Changing Values and Attributes
   4. Changing an Element's CSS
   5. Creating New Elements
   6. Adding Elements to the Page
   7. Cloning and Removing Elements
   8. Mini Challenge: Create a New Section
   9. Looping with DOM Elements
   10. Introduction to Events
   11. Listening to Events
   12. Listening to Multiple Events and Event Data
   13. Event Propagation
   14. Running Events Once
   15. Preventing Default Behavior and the Passive Option
   16. Removing Event Listeners
   17. HTML Collection or NodeList?
   18. Mini Challenge: Create a Dark Mode button
6. Chapter 6 : Time to Practice
   1. Video Player Project: Creating the UI
   2. Events, Properties, and Methods
   3. Shape-Drop Game - Creating the UI
   4. Shape-Drop Game - Drag and Drop Events
   5. Shape-Drop Game - Handling the Score and End of Game
7. Chapter 7 : Loops and Conditionals
   1. For Loops
   2. For-in and For-of Loops
   3. While Loops
   4. if/else Statements
   5. else/if Statements
   6. The Switch Statement
   7. The Conditional Operator (Ternary)
   8. Type Coercion and Conversion
   9. Truthy and Falsey
   10. Optional Chaining
8. Chapter 8 : Objects in More Depth
   1. Creating and Modifying New Objects
   2. Object Constructor Functions
   3. Object Prototypes
   4. Inheriting Object Properties
   5. Copying Object Properties
   6. CSS Style Objects
   7. Looping with Objects
   8. Dynamic Objects
   9. Primitive and Reference Types
   10. Comparing Objects
9. Chapter 9 : Speedy Chef Project
   1. Speedy Chef Project Introduction
   2. Listing Orders
   3. Listing Orders Refractor
   4. Element Helper Function
   5. Selecting the Current Order
   6. Set the Current Pizza
   7. Split and Join Methods
   8. Adding Pizzas to the Oven
   9. Starting and Ending the Game
10. Chapter 10 : Math, Date, and Timers
    1. Introduction to JavaScript Math
    2. Generating New Pizzas and Orders with Math
    3. setInterval()
    4. setTimeout()
    5. Clearing Timers
    6. Introduction to JavaScript Date
    7. Setting the Cooking Time with Date
11. Chapter 11 : Drawing with JavaScript
    1. Introduction to the Canvas and Coordinates
    2. Setting Up the ingredients
    3. Drawing Circular Ingredients
    4. Drawing Multiple Pieces
    5. Clearing the Canvas
12. Chapter 12 : Finishing Touches
    1. Wasting Pizzas
    2. Checking Steps
    3. Completing Orders
    4. Removing Orders from the Array
    5. Updating the UI and Stats
13. Chapter 13 : Scope Hoisting Closures
    1. Introduction to Scope
    2. Nesting Scope
    3. Block and Function Scope
    4. Hoisting
    5. Temporal Dead Zone
    6. Closures
14. Chapter 14 : Async JavaScript
    1. A Little Bit of Background
    2. Callbacks
    3. Promises
    4. The Promise Constructor
    5. Handling Multiple Promises
    6. Async/Await
    7. Handling Multiple Awaits
    8. Error Handling
15. Chapter 15 : More Practice
    1. Leaving So Soon Project
    2. Image Carousel: Setting the Images
    3. Image Carousel: Creating the Arrows
    4. Image Carousel: Reordering the Images