JavaScript tutorial for beginners

Accept user input

Counter program

If statements

Switches

Method chaining

While loops

Functions

Arrays

Dice Roller program

forEach()

reduce()

What is THIS

STATIC keyword

Getters & Setters

Arrays of objects

Dates

Digital Clock program

Asynchronous code

What is the DOM?

Add & change HTML 🛠️

Hide/show HTML

Rock Paper Scissors

Promises

Weather App project ☀️

Intro

Loading a JS file

Introduction

Storing Values with the Assignment Operator

Basic Math

Divide Decimals

Escaping Literal Quotes

Plus Equals Operator

Bracket Notation

Arrays

push()

Shopping List

Local Scope

Assignment with a Returned Value

Equality Operators

Logical Order in If Else Statements

Returning Boolean Values from Functions

Dot Notation

Delete Properties from Object

Nested Objects

For Loops

Nesting For Loops

parseInt Function

const Keyword

Default Parameters

Template Literals

import and export

Intro and Course Overview

How websites are built (What is HTML, CSS and JavaScript)

Introduction to JavaScript (What is JS)

Datatypes and Variables

Datatypes

Working with Numbers

What is a Variable, Why they are useful

Where to write and execute JS

Download Webstorm IDE and create new Project

Create index.html file

var vs let vs const

Execute HTML file in Browser

Console.log

JavaScript in a separate File (Project Structure)

Conditionals and Operators

Comparison Operator

Conditionals (if / else statement)

Logical Operator (AND, OR operator)

Functions in JavaScript

Function Parameters

Const Use Cases

Naming Conventions

Next Steps in your Learning Journey

Introduction

Variables

Dynamic Typing

Functions

Intro to Operators

Comparison Operators

Logical Operators

Summary of Operator

While Loops

For-in Loops

Exercise: Max of two numbers

Summary of Control Flow

Constructor Functions

Functions are Objects

Cloning an Object

String Methods

Introduction to Arrays

Finding Elements (Reference Types)

Emptying an Array

Iterating an Array

Testing the Elements of an Array

Reducing an Array

Arguments

Getters and Setters

The ‘this’ keyword

JavaScript tutorial for beginners

user input

hypotenuse calc practice program

useful string methods

checked property ✔️

while loops

break and continue statements

ternary operator

number guessing game

loop through an array

rest parameters

array.map() ⚙️

function expressions

maps 🗺️

classes 👨‍

super keyword 🦸‍♂️

anonymous objects

setInterval() ⏲️

console.time()

await

DOM traversal

addEventListener()

animations 🎞️

stopwatch program ⏱️

pong game

Reasons for Having Javascript

Hardware Optimizing for the Hardware

How Browsers Work

Optimizing for the Network

Compression Trade-Offs

Javascript Bundles

Importing on Visibility

Partial Hydration

Push and Pull Systems

Free Book

Set up Your Environment as a JavaScript Developer

JavaScript 101

Build Your First App with JavaScript (Beginner Weather App)

Build a Basic Tip Calculator App (For Beginners)

What are Arrays in JavaScript? (Understanding Arrays | Arrays 101)

What are Objects in JavaScript? (Understanding Objects | Objects 101)

Understanding For Loops in JavaScript (Getting Started with Loops)

Practice Arrays and Objects with these Exercises (For Beginners)

Array Methods (mapping, filtering, reducing | Understanding Array Methods)

Understanding the DOM (DOM Manipulation for Beginners)

Build the Advanced Tip Calculator Project (For Beginners & Intermediate)

Build a Rock Paper Scissors App (Part 1)

Building the Rock Paper Scissors App with JavaScript (Portfolio Project!)

What are APIs in JavaScript? (Understanding APIs)

Build the Superhero App (For Beginners & Intermediate)

Understanding Async Programming (Promises, Async, Await, Fetch, Then)

Building the Weather App with JavaScript (Portfolio Project for Entry Level Developers)

What are Classes in JavaScript? (Object Oriented Programming | OOP)

Advanced Web Development (Loops, Listeners, Audio | For Beginners & Intermediate)

Building the Fighting Game with JavaScript (Portfolio Project!)

Building the Netflix Clone with JavaScript (Portfolio Project!)

Intro

Mathematical operations

Using functions to write less code

Increment on clicks

Create save button

Strings vs. Numbers

if...else statement

isAlive variable

Add basic styling

Display cards

Solving our cards problem w/ array

Adding & removing items from arrays

For loops & arrays

Avoid hard-coding values

Math.random() * 6

Make getRandomCard() work

Logical AND operator

Build Chrome Extension

Refactor to addEventListener

Using let & const

Create unordered list

More innerHTML practice

Create render function

Write template string

Preparing deployment