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

Imports & Exports

In this lesson, you'll learn about imports and exports in JavaScript, which are essential for organizing and managing code, especially in larger applications like those built with React. These features allow you to split your code into modules, making it more maintainable and reusable. ### Understanding Imports and Exports JavaScript modules allow you to break up your code into separate files, each responsible for a specific piece of functionality. This modular approach is particularly useful in frameworks like React, where components and utilities are often separated into different files. ## Exporting from a Module In JavaScript, you can export variables, functions, or objects from a module so that they can be used in other files. There are two main types of exports: named exports and default exports.