Search videos
Search across video titles, descriptions, and transcripts
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:
- 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
1:38:36
1:40
7:18
43:53