Modern JavaScript From The Beginning | First 12 Hours



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

source