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

JAVASCRIPT SANDBOX REPO:

SHOPPING LIST PROJECT:

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
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

[TraversyMedia]

Hope you guys enjoy. Remember, even though this is 12 hours, it is still a small portion of the course. It is aimed toward beginners, but there is still stuff to learn even if you are an experienced developer. At least, that is how it is for me.

I have added timestamps for all of the videos in the description as well as the sandbox github repo. You can clone or just download the zip. The starter folder doesn't have any JS in it yet.

On a personal note, I have a lot going on in life right now. Some good, some bad. I will be back to regular videos soon. Love you all ❤

[mugilankathavarayan]

6 years ago I sow one of your tutorial as a beginner and jobless it changed my life Guru, Now I am a senior software engineer in MNC Thanks a lot Guru keep posting tutorials and motivate the peoples following you.

[simoncordova]

I make 95k a year and owe this man so much. I've no idea how I'll ever pay him back.

Thank you Brad, I truly mean it, thank you.

[ezboujx]

Hands down, the best tutorial ever! Clear, consistent, straight to the point.

[eagles-wings]

Nothing inspires me more than this man. Even when i don't feel like coding, i remember him and just start again. God bless you are your family.

[terryshemishere]

I have struggled with JavaScript for years until now. The course has been absolutely helpful to me in my journey as a frontend developer. Thank you sir for putting this on YouTube

[anthonybarnes]

Thank you Brad, you taught me my first full Stack Developer skills way back in 2017.

[MehvishSiddique_]

recently learning javascript and you dropped this wonderful

[dikeobinna]

This is massive, God bless you for what you do Brad!

[indimerz]

I completed this whole course on udemy 2 weeks back, It was an amazing course, now my basics are clear as well as advance concepts. 
Always love your content.

[covarrubiasmerloadrianfeli]

One of the best videos on js I've ever taken. Thanks for all you do.

[andreyokhrimenko]

One of the best courses I have ever seen. Cant buy full course, cause i`m from Ukraine, and have no work for now, try to learn everything from free courses. Thanks a lot!

[Mikael]

May God bless you for your hard work, since I started learning to code, my life has changed in a very positive way that I couldn’t imagine….anyway, thank you for changing many lives around the world keep up the good work my friend.

[ViV.PakPak]

강좌를 보고, 듣는 12시간 동안 많은 지식과 함께 감동을 느꼈습니다! 감사의 말씀을 이곳에 남기며, 하시는 모든 일상에 늘 복이 함께 하시고, 기쁨과 행복이 가득하시길 바랍니다. 멋지고 아름다운 강좌에 다시 한번 더 감사의 인사를 드립니다. 감사합니다..!

[hrvojematosevic]

12 hours of well-made content. Thank you, sir.

[sayedrezaomid]

Salam (Hello) From Afghanistan
I haven't thought that one day i will find such great, comprehensive and complete tutorial related to the JavaScript May almighty God give you happiness and success in return to your all labors.

[shyamsundartiwari]

Finally finished this video! It was hands-on, relevant, and insightful. Thank you.

[clevermissfox]

Holy cow. Thank you for all the effort and energy you put into this.

[cehson]

This is pure gold...awesome for someone starting up or to refresh your memory. Thank you!

[misumartin]

i can't believe it that ive watched and learnt along with your content for seven + years like for refreshers and upskills... just hope you do more of this in the near future.