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: KZbinJAVASCRIPT
www.traversymedia.com/modern-javascript-2-0
JAVASCRIPT SANDBOX REPO:
github.com/bradtraversy/javascript-sandbox
SHOPPING LIST PROJECT:
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

[@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 ❤

[@prashlovessamosa]

God bless you Brad.

[@MaheshwaranVelusamy]

Hope you will back as old days

[@MichaelMantion]

I love svelte

[@dakoderii4221]

Just noticed you have over 2 million subs now. Congrats!

[@heis_olajide]

God bless you Brad! Stay strong ❤

[@simoncordova5655]

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.

[@Jsx798]

Any tips for a js developer.

[@mugilankathavarayan8168]

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.

[@MehvishSiddique_]

recently learning javascript and you dropped this wonderful

[@user-ez9bo7uj4x]

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

[@fondusportfolio]

Incredible tutorial, clear, concise, deep, and straight to the point!

[@covarrubiasmerloadrianfeli9294]

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

[@anthonybarnes]

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

[@dikeobinna3359]

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

[@rhonda5780]

Thank you for this video! Amazing how some people are so generous about sharing knowledge. This video is excellent and works great as a refresher also, if you've been away for a while. It isn't rushed, the normal pauses between sentences aren't cut out, so it gives the brain a little time to process the information. I've noticed some have started jamming sentences together (editing) to make videos shorter, but it's so annoying to have to rewind or slow it down to grasp it. Thank you again. Perfect pace to listen, watch, and learn.

[@VinothKumar-qv9zo]

Impressive JavaScript content! Each section demonstrates a well-structured progression from fundamental to advanced concepts. Sincere gratitude for your efforts.

[@hrvojematosevic8769]

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

[@NidhiPankajSharma]

Your content is amazing. Last year was hard and I had to take a break from work and coding in general but when I decided to hop back I couldn't wait to get started with your tutorials... God bless you and I wish life rewards you in most wonderful ways...

[@majestif]

Pure gold! God bless you Brad!

[@biggand8520]

I do like your lessons a lot! Thank you. You were the first one I actually got HOAM “reduce” with. Cool approach - so simple, however it is so full of content and explanations in the same time.

[@shyamsundartiwari7671]

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

[@arshiasaleem5005]

have not even half an hour of watching this video and already have so much knowledge. Excited for the course ahead. Thank you soo much for this wonderful course 🤩🤩🤩

[@velialbeniz596]

Thank you for explaining the execution context in action topic so well. I heard it from three different people and it couldn't have been explained any better. I hope you will add advanced javascript content in the future.

[@cehson]

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

[@clevermissfox]

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

[@viallymboma9874]

Definitely brad...been following you since 2019, and I always learn something new or reinforce a knowledge I already have. So these high class content are always useful to the top

[@astroflexx82]

Was looking for a good tutorial for JS and you uploaded at the best time!

[@oldgamer1299]

Awesome stuff as ever Brad, thank you buddy

[@hafsiahmedo]

Absolutly great course . ❤ thank you Brad .

[@AlwaysConspiringEveryone]

I am so thrilled that this type of video still exists on youtube..

[@johnmarkmaglonzo2463]

I just finished this 12 hours course and i learn about javascript. Thanks to this video and to your channel always giving me answers when i need one!

[@Anukamchidalu]

hi Brad , your videos have saved me more times than i can count. i hope to meet you someday . You are an amazing tutor. Thanks for all you do.

[@paulthomas1052]

Nice work mate ! Much appreciated - looks great x

[@wuriebah2708]

Thank you , Brad🙏🙏. For this amazing tutorial made easy for absolute beginners like us.

[@allancac]

Thanks, dude! You're an amazing instructor!

[@odebroqueville]

What a fantastic clearly explained tutorial. Many thanks!

[@MBSbSS]

I have watched many tutorials, but you make it very easy and very understandable, thank you

[@AndreGMendes]

Best JS tutorial I've seen so far. Thank you!

[@vunguyentamphuong1043]

Thank you so much Traversy for making this amazing course for beginners. With love.

[@donovan8031]

Bought your Modern JavaScript Course day one as a refresher for me. 👍

[@eleah2665]

The KING checks in and goes big. Thanks Brad.

[@arturivan.]

i cant wait to complete the full course this year. Thank you! 🤓

[@zahidulislam2068]

Your tutorials are always beautiful surprises; this one is no exception. Respect!!

[@mtrclips5879]

Hey Brad, I’ve been watching your videos for close to a year now, and I just wanted to say that you look great! You lost a lot of weight and you look awesome now from when I last saw you on your tutorials. Thank you so much for your tutorials and I hope you take more breaks from work when you need them you deserve it.

[@agpcreation]

wow, just wow! hoping for some updated tutorials of some framework like React and Svelte, thank you so much!

[@ViV.PakPak]

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

[@Alphadec]

wish I had something like this when I was learning. Great job.

[@quachaihiep3251]

Haven't working in programing industry anymore but i have to open this up and put a LIKE for Brad. Man is amazing

[@ChristiaanHunter]

thank you, getting back to js after 10 years and you have helped. Logical assignment we very well explained.

[@terryshemishere7715]

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 KZbin

[@Games_with_Aryan365]

@terryshemishere7715 hii bdy

[@devintayn]

did you get a job yet ?

[@denniszenanywhere]

Me too as as hobbyist but you say you’re a front end developer. Does this mean you still struggled with it working as front end developer.

[@cabrian1]

I'm so excited for this. I know what I will be doing for the next few days.

[@user-yg8xj8oq9b]

Hi Traversy Media! It's an amazing journey to follow this course. I have learnt well through your guidance. Please post remaining next hours video.

[@user-to4oq5mt8n]

the best javascript course i have ever seen thank you for your effort man

[@rakibahmed3018]

I was waiting for this crush course from you. Thank you so much.❤️

[@3polygons]

Thanks a lot!!! Purchased the full course. :)

[@johnmahugu]

awesome, great to have you back

[@Codeeee]

You’re impossible brad! Great work!🔥

[@jondo-vh8tx]

i had to wait till the end fo the course. so im watrching the last seconds of the course and i must say you did an amazing job with this course. thanks

[@blackdemon1717]

Thank you for this awesome course Brad❤🎉

[@tejasness]

Thanks traversy for this content!

[@shareperday500rs]

Hi Brad, your time and efforts are valuable for entire world and are recognising.🎉🎉🎉

[@fyardlest1]

You are back, and I am so happy!💯

[@boubacarsidybah3555]

Great course! Thank you very much ❤

[@Abu_Hudhayfah]

Thanks a lot sir. ❤ This will go a long way

[@ogajisunday7234]

Just learning Javascript for the first time,thanks for this tutorial

[@Mikael97]

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.

[@awakenwithoutcoffee]

great to hear my friend. Live your best life!

[@Amar11115]

You did something Amazing here!!!! Thank you very much!!

[@shohruxsultonmurodov4570]

One of the best and greatest tutorials, thank you bro for a such content!

[@abdultawwabifeoluwa0902]

Thank you Boss ❤ you've always been there

[@vikisneakers]

Best JS tutorial on youtube. Thank you very much for this resource🙏🏾

[@asthasingh7063]

Literally, needed thiss!

[@stephenadeoye8370]

This is awesome! Thanks for sharing this.

[@claudiarook9635]

Thank you so much for your hard work!!! Keep going, please!!!

[@user-vk9dw3yy7d]

Thank you brother, you give us great course for free and you are the best teacher

[@bonchan4404]

Hello brad I'm forever grateful to you. You helped me land a job as a react dev. Love from PH ❤️🇵🇭

[@CyranicalGoated]

Hello mate I am also from PH and am a aspiring web developer as well, I used to be a flutter dev but want to pursue front-end with React and Svelte, I hope to connect with you sir and know about your developer journey.

[@WilliamShrek]

Great video for beginners. I wish I watched this 10 years ago.

[@banderamusical]

Hey Brad, I think its awesome that you came at us with this course! I'll be pulling thru and purchasing it in order to follow on your guidance!, and not too mention you look real thin , So you are probably working out and it 's very noticeable! TAKE CARE!

[@GhostOfTchernobyl6996]

Thanks alot Brad,i hope you and your family are doing good

[@TheMetalMag]

Thx again brad, been a while but always great one thank you

[@victoreleanya4375]

Thanks for this. It was quite insightful.

[@kskfernando2945]

I look up to you Brad. ❤

[@sayedrezaomid1305]

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.

[@lakshaybhatia9691]

Great course for beginners , can be considered as one of the best on youtube

[@sugoigaming896]

Completed, now waiting for next part

[@judevector]

Wow this is going to be beautiful 🎉🎉, am here for it

[@liismith9009]

Thanks Brad 🎉it’s amazing

[@ewaevva4375]

🤩🎉 Thanks so much for this 🎁, great refresher for me, by the Best Teacher ❤

[@Code-Patis]

As a JavaScript beginner, I cannot thank you enough for this course, Brad. 😊👍👏🙏

[@chaudhrymuttaqeen1207]

Tsm for this amazing video Brad, there were alot of things I couldn’t get my head around in js, but this helped me out alot, thanks again for your efforts love you man 👍

[@juiceearthhh7225]

This is good. Anyone with the second part of the video to help out. dont have money for the second part

[@TheSpecialOne7]

Incredible work

[@ashokasamrat8375]

Entire content is extremely good 👍. I am a beginner and i learn a lot thanks 👍🙏🙏.you deserve a lot of views ❤️ bro.

[@clinswift]

Brad is such a great teacher👏

[@djfago6240]

I always like your videos before watching them because you are a very good instructor. Thank you sir

[@richthekid7522]

Needed this Thank you king

[@alsmayna3295]

thank you Brad this is really helpful

[@IgorOdaryuk]

Wow, that's heavy! Thanks for sharing

[@andreyokhrimenko2271]

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!

[@NattzChukwumela]

Wow, thanks for this video. It's really helpful

[@muhammadasim5532]

Your story is very inspirational. Love you Brad from Pakistan. God bless you more and give you right path

[@Joseph.Ashenafi]

I have at last finished the video and have gained much from it. Thank you, Brad.

[@imran_ashraf]

Brad is an Amazing teacher! Period

[@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.

[@TraversyMedia]

Awesome! Thanks

[@rahulxdd]

@@TraversyMedia link to this course on udemy please?

[@okibasamuel]

Nice course

[@pantho_6899]

thanks a lot brad!!❤❤❤

[@brainstormingsharing1309]

🔴 Absolutely keep it up! Especially when it begins from beginners level! 👍👏👍👏👍