Chapter 01

Introduction to the Course

Welcome to the world of JavaScript
Meet Adrian, Your Instructor
Get the Most Out of This Course
Where are the projects?
Access to a Private 24/7 Community
Environment Setup
Our Workflow

Chapter 02

Variables and Data Types

Variables and Data types
Comments
Variables Introduction
Variables
Data Types
Strings in JS
Numbers in JS
Booleans
Null and Undefined
Objects in JS
Statically vs Dynamically Typed Languages
Variables and Data Types Interview

Chapter 03

Operators and Equality

Operators Intro
Arithmetic Operators
Comparison Operators and Equality
Strict vs Loose Equality
Logical Operators Part 1
Assignment Operators

Chapter 04

Logic and Control Flow

'if' Statement
Truthy/Falsy Values
Logical Operators Part 2 (&&, ||)
Logical Operators Part 3 (!NOT)
'switch' Statement
Ternary Operator
'for' and 'while' Loops

Chapter 05

Functions

Functions Intro
Declaring and Invoking Functions
Function Return
Arrow Functions
Parameters vs Arguments
Best Practices for Naming Functions in JavaScript

Chapter 06

Strings in detail

Strings Introduction
Length and Basic Properties
Change String Case
Searching for a Substring
Getting a Substring
Split a String
Reverse, Repeat, and Trim a String
Strings Exercise

Chapter 07

Arrays in detail

Arrays Introduction
Array Methods
Array.forEach()
Array.map()
Array.filter()
Array.find()
Array.includes()
Array.sort()
Array.some() & Array.every()
Array.reduce()

Chapter 08

Objects in detail

Objects Introduction
Accessing, Adding, and Updating and Object's Properties
Object Methods
Built in Object Methods

Chapter 09

Tricky Concepts

Tricky Concepts
Scope in JS
Scope Practical Workshop
Hoisting
Closures
Closures Practical Workshop

Chapter 10

Value vs. Reference

Value vs Reference Introduction
Value vs Reference Explanation
Shallow Cloning
Deep Cloning

Chapter 11

Document Object Model - DOM

DOM Introduction
Selecting Elements
Element Properties and Methods
Working with Classes
Creating, Traversing and Removing Nodes

Chapter 12

Classes & "new" / "this" keywords

Classes Introduction
"new" Keyword
"this” Keyword

Chapter 13

Asynchronous JavaScript

Intervals and Timers
Asynchronous JavaScript Introduction
Async JavaScript & Callbacks Part 1
Async JavaScript & Callbacks Part 2
Promises
Async/Await
Bonus: Understanding the Event Loop
Bonus: API Data Fetching Project

Chapter 14

Modern JavaScript from ES6 to ES2020

ES6+ What you already know
Imports & Exports
Rest Parameters
Spread Syntax
Object & Array Destructuring

Chapter 15

Clean Code Practices

Why Clean Code Matters
Naming Conventions
Organizing Code
Writing Small Functions
Avoiding Code Duplication
Commenting and Documentation

Chapter 16

Next steps

Congratulations
Learning Frontend
Learning Backend

Chapter 17

Additional resources

JavaScript Resources
Ultimate JavaScript CheatSheet

Course

Spread Syntax

In this lesson, you'll learn about the spread syntax in JavaScript, a powerful feature introduced in ES6 that allows you to expand elements of an iterable (like an array or string) in places where multiple arguments or elements are expected. This feature is particularly useful for working with arrays and objects, making your code more concise and readable. ### Understanding Spread Syntax The spread syntax ... allows you to expand an iterable into individual elements. It is the opposite of rest syntax, which collects multiple elements into a single array. Spread syntax can be used in function calls, array literals, and object literals.