Intro

What is JavaScript?

Environment Setup

Running JS In The Browser

Using The Sandbox

The Browser Console

Comments & Shortcuts

Variables & Constants

Data Types

Primitive vs Reference Types

Type Conversion

Arithmetic & Comparison Operators

Type Coercion

Strings

Capitalize Challenge

Numbers

Math Object

Number Challenge

Date Object

Date Object Methods

Section 2 Intro - Arrays & Objects

Array Basics

Array Methods

Nesting, Concat & Spread

Array Challenges

Object Literals

Object Spread Operator

Destructuring & Naming

JSON Intro

Object Challenge

Section 3 Intro - Functions, Scope & Execution Context

Function Basics

Parameters & Arguments

Global & Function Scope

Block Scope

Nested Scope

Declaration vs Expression

Arrow Functions

IFFE

Function Challenges

Execution Context

Execution Context In Action

The Call Stack

Section 4 Intro - Logic & Contol Flow

If Statements

If-Else & Nesting

Switch Statements

Calculator Challenge

Truthy & Falsy Values

Logical Operators

Logical Assignment

Ternary Operator

Section 5 Intro - Loops & High Order Array Functions

For Loop

Break & Continue

While & Do...While Loops

FizzBuzz Challenge

For...Of Loop

For...In Loop

Array.forEach

Array.filter

Array.map

Array.reduce

Array Method Challenges

Section 6 Intro - The DOM

Intro To The DOM

Document Element Properties

DOM Selectors - Single Elements

DOM Selectors - Multiple Elements

Traversing The DOM - Elements

Traversing The DOM - Nodes

Create & Append Elements

innerHTML vs CreateElement

Refactor To Multiple Functions

Insert Elements, Text & HTML

Custom insertAfter() Challenge

Replacing Elements

Removing Elements

Working With Styles & Classes

Section 7 Intro - Events

Event Listeners

Mouse Events

The Event Object

Keyboard Events & Key Properties

KeyCode Mini-Project

Input Events

Form Submission & Form Object

Event Bubbling

Event Delegation & Muiltiple Events

Page Loading & Window Events

Traversy Media

This is the first 12 hours of my 37-hour JavaScript course. In thes video we will go over the fundamentals in-depth.

Get The Full Course For $15! 
PROMO CODE: YOUTUBEJAVASCRIPT
https://www.traversymedia.com/modern-javascript-2-0

JAVASCRIPT SANDBOX REPO:
https://github.com/bradtraversy/javascript-sandbox

SHOPPING LIST PROJECT:
https://github.com/bradtraversy/shopping-list

Timestamps:
0:00 - Intro
1:00 - What is JavaScript?
8:43 - Environment Setup
14:10 - Running JS In The Browser
21:14 - Using The Sandbox
24:15 - The Browser Console
34:22 - Comments & Shortcuts
41:26 - Variables & Constants
52:56 - Data Types
1:05:52 - Primitive vs Reference Types
1:13:02 - Type Conversion
1:23:10 - Arithmetic & Comparison Operators
1:32:51 - Type Coercion
1:36:54 - Strings
1:52:55 - Capitalize Challenge
1:59:46 - Numbers
2:05:34 - Math Object
2:11:33 -Number Challenge
2:20:05 - Date Object
2:28:20 -  Date Object Methods
2:37:20 - Section 2 Intro - Arrays & Objects
2:38:02 - Array Basics
2:45:27 - Array Methods
2:55:56 - Nesting, Concat & Spread
3:06:06 - Array Challenges
3:13:16 - Object Literals
3:21:24 - Object Spread Operator
3:33:25 - Destructuring & Naming
3:40:24 - JSON Intro
3:49:27 - Object Challenge
3:55:50 - Section 3 Intro - Functions, Scope & Execution Context
3:57:22 -  Function Basics
4:03:32 - Parameters & Arguments
4:13:55 - Global & Function Scope
4:19:23 - Block Scope
4:24:42 - Nested Scope
4:27:38 - Declaration vs Expression
4:31:56 - Arrow Functions
4:39:35 - IFFE
4:44:39 - Function Challenges
4:57:00 - Execution Context
5:06:20 - Execution Context In Action
5:10:21 - The Call Stack
5:15:14 - Section 4  Intro - Logic & Contol Flow
5:16:25 - If Statements
5:23:18 - If-Else & Nesting
5:30:29 - Switch Statements
5:35:29 - Calculator Challenge
5:38:52 - Truthy & Falsy Values
5:51:10 - Logical Operators
5:59:19 - Logical Assignment
6:05:33 - Ternary Operator
6:15:52 - Section 5 Intro - Loops & High Order Array Functions
6:16:49 - For Loop
6:28:16 - Break & Continue
6:31:09 - While & Do...While Loops
6:38:10 - FizzBuzz Challenge
6:46:14 - For...Of Loop
6:51:18 - For...In Loop
6:54:28 - Array.forEach
7:03:03 - Array.filter
7:14:38 - Array.map
7:30:10 - Array.reduce
7:39:01 - Array Method Challenges
7:49:33 - Section 6 Intro - The DOM
7:50:46 - Intro To The  DOM
8:01:52 - Document Element Properties
8:16:14 - DOM Selectors - Single Elements
8:30:29 - DOM Selectors - Multiple Elements
8:39:49 - Traversing The DOM - Elements
8:51:16 - Traversing The DOM - Nodes
9:05:07 - Create & Append Elements
9:11:25 - innerHTML vs CreateElement
9:20:20 - Refactor To Multiple Functions
9:24:32 - Insert Elements, Text  & HTML
9:33:59 - Custom insertAfter() Challenge
9:38:49 - Replacing Elements
9:48:38 - Removing Elements
9:56:28 - Working With Styles & Classes
10:06:09 - Section 7 Intro - Events
10:07:00 - Event Listeners
10:20:03 - Mouse Events
10:30:47 - The Event Object
10:43:49 - Keyboard Events & Key Properties
10:54:21 - KeyCode Mini-Project
11:09:14 - Input Events
11:21:05 - Form Submission & Form Object
11:31:52 - Event Bubbling
11:37:33 - Event Delegation & Muiltiple Events
11:43:21 - Page Loading & Window Events

Modern JavaScript From The Beginning | First 12 Hours

Modern JavaScript From The Beginning | First 12 Hours

Get Full Course Access

Highly Recommended Courses

Explore top skills

In-demand Careers

Popular Topics

Creative Skills

Business Skills

Choose your learning path