JavaScript Crash Course For Beginners 

TIMESTAMPS: Script Tags - 6:46 Console Output - 8:20 Variables - 11:15 Data Types - 14:18 Strings & String Methods - 18:38 Arrays - 23:53 Object Literals - 30:09 Arrays Of Objects & JSON - 34:20 Loops - 37:40 High Order Array Methods - 42:24 Conditionals - 46:30 Functions - 53:23 Arrow Functions - 56:22 Constructor Functions & Prototypes - 59:25 ES6 Classes - 1:07:21 Window Object & DOM - 1:10:30 DOM Selection - 1:14:50 Manipulating The DOM - 1:20:05 Events - 1:24:40 Form Script - 1:30:39

I am 46 years old. Starting to learn programming. Do not come from IT background. Thank you for these RU-vid videos. And I wanted to support everyone who is starting a new career after 40. ❤

God bless this man for providing such quality education at no cost at all

Here are the time codes :) 1:05 What is JS? 3:19 Why learn JS? 4:37 What u will learn in this course? 6:10 Let's Jump In! 6:45 Add JS to HTML 9:38 Basic syntax 11:14 Variables 14:17 Data types 18:33 Strings 18:44 Concatenation 19:44 Template String ES6 (2015) 20:38 String properties and methods 23:52 Arrays 30:07 Object literals 34:19 Array of todos 35:58 JSON 37:42 Loops 40:30 Loop through arrays 42:24 High order array methods 46:30 Conditionals 51:24 Ternary operator 52:48 Switches 54:23 Functions 59:25 Object-oriented programming OOP 1:05:02 Prototypes 1:10:30 DOM Document Object Model 1:14:45 Single element 1:17:00 Multiple element 1:19:25 Loop through 1:20:05 Manipulating the DOM or Changing things in the DOM 1:30:35 Making a tiny little app

I'm so excited to start learning to code with this channel. Tired of being an electrician, time for a career change. Thanks for all you do!

My advice: For people might struggle to understand the first 20 minutes of the subject, I would suggest to keep on watching the video and you will finally get the picture, also this does not mean the content is bad, the content is amazing.

I have been programming in a variety of languages for 30 years. It's quite relaxing hearing another person just talk about it.

After 5 years away from code, this course has helped get back on my feet. God bless Traversy Media

Just wanted to say, I'm a beginner with Javascript and I've been watching videos for a while now, but when I stumbled onto yours things are finally making sense. I just really appreciate the way you explain things. I'm going to be looking more into your other videos as well. But just wanted to say thank you very much. I have a long way to go, but I'm getting more excited about the journey. From one recovered addict to another, keep inspiring!

After struggling for 1 year with complicated tutorials, I finally learned Javascript. I learned with the help of newbie friendly books and with this very video of yours. I had to come back here to say thank you. Edit: For those asking about the books, I learned Javascript with the books named Javascript In Less Than 50 Pages, with Head First Javascript Programming.

Your HTML/CSS crash courses were amazing, helped me a ton. I felt scared about JS at first but after this crash course, I overcame most of that fear. Gotta start doing more projects now. Thank you for the amazing content you provide in here. After I watch the suggested videos, I'm heading straight to udemy for sure.

You're literally one of the best if not the best JS teacher on the internet. My life's gonna change on a large scale just because of you.

I can finally say that i found best beginners JS course on RU-vid, without any doubt!

I watched this video almost two month ago. I did not understand a thing (okay, maybe a thing or two) and felt really lost. Two months later, I'm halfway through the Udemy course, and was starting to struggle seriously. I came back here, watched the whole video speed 2-4 (google chrome extension :D) AND I UNDERSTOOD EVERYTHING. And finally understood prototypes and classes. I'm so elated. To those who are starting/struggling: Don't give up ! Watch the videos again and again, get the big picture and with Repetition and consistency, you will come to understand all the seemingly complicated parts (message of my future self to my current self too). Brad is Awesome ! Don't hesitate to combine Udemy courses with youtube videos for clarifications and books and TAKING NOTES ! That really helps a lot. Keep coding guys !

Though you have paid udemy coursed, you're taking the trouble for making this long videos, much appreciated man:)

Brad I'm sure you know this already, but your work is phenomenal. Clear, relatable, not boring, informative, detailed.

Yesterday I was browsing your channel to learn JavaScript and today I got this notification. God bless Brad..

Brad, I just wanted to, like so many others, thank you personally for all the quality content you provide us so that we can learn this awesome skill. Over the last couple weeks, after deciding that programming was for me, I have been sort of stumbling around, trying different instructors on RU-vid, and beating my head off the wall. With you, the experience has been very different. You speak slow, calm and clearly. You explain everything in great detail, without boring us to death. You are a wonderful instructor and a great human. Thanks buddy.

To the people who are getting "Invalid Date" at 1:02:33 just remove the parameter dob. So your code should look something like "this.dob = new Date();" (without the quotations) and then "console.log(person2.dob);". This has fixed the problem for me. Hope it helps anyone confused or is starting out. Edit: I forgot to put this in but please use "/" for the dates. Instead of "4-3-1980" do this instead "4/3/1980". If you do this you can put back the "dob" in the parameter of "new Date(dob)".

Traversy, is one of the best instructors I have encounter yet. His lessons are well organized and well delivered. Five stars plus.

The timing of this course couldn't be more perfect ! I used your old JS course and found it a bit outdated 3 days ago, and now you release this ! You are the best teacher on YT.

I was about to go learn JavaScript for a school project, then all of a sudden Brad posts this video! Thanks Brad!

Thank you for your content, sir. I've been sifting through tons of JS content on RU-vid and yours is the first that feels like things are actually EXPLAINED to any extent. I'm to the point where I wouldn't be able to learn anything from most other crash courses, but you actually go into enough detail and depth that I'm watching yours all the way through and learning how things actually work. Thank you.

I've watched several tutorials on JS. Your explanations are much more inclusive of basic terminology, concepts, etc. Thank you for that.

Dude, you should be awarded some kind of golden trophy!! Thank you for sharing your knowledge with such a great quality and helping others to get started with programming =)

Brad, you truly put the 'fun' in fundamentals. Your ability to make this scary 'coding' accessible is astonishing. Thank you so much for this course, and all the others.

I am 46 years old. Starting to learn programming. Do not come from IT background. Thank you for these RU-vid videos. And I wanted to support everyone who is starting a new career after 40.

Brad, I've built tons of CSS pages with you on this channel and just now diving into javascript. Milestone, signed up for your 21 hour JavaScript course at Udemy! Stoked, jazzed, and ready to go. Thanks for all the awesome training sesions you've logged. I think, teacher/student effectiveness is at a premium when both understand eachother and styles match. Hands down you've become my favorite out there and I'm thankful for your work sir.

Brad + Bucky Roberts = No need to school

I watched many of tutorials. I didnt satisfy with them. Only you and devEd directly come to the point.

Fantastic and concise explanation with clear reasons given why certain/older ways are less logical/comfortable to use. Thanks so much.

Day 1 : 30:09 Day 2: 42:47 Day 3: 54:27 Day 4: Done - I used a different Method to do the last exercise but I did create an Apple Note that saved all the lessons that you taught me 😄 - Thanks Brad. I think you are the only one who explained the use case for every single thing and not just how we use it but "WHY" we use it. I'm definitely going to make more projects and I'll be watching the rest of your videos. 👍 Code For Exercise: // Functional App - Submitting a Form const myForm = document.querySelector("#my-form"); const names = document.querySelector("#name"); const email = document.querySelector("#email"); const msg = document.querySelector(".msg"); const users = document.querySelector("#users"); // Listen for a Submit Event on a Form instead of the button which is handier myForm.addEventListener("submit", onSubmit); // We listen for the submit and create a variable called onSubmit which will be used later - No need for a Function function onSubmit(e) { e.preventDefault(); let nameArray = []; let emailArray = []; //Pushing the intended Value in the array nameArray.push(names.value); emailArray.push(email.value); // Checking in The Console console.log(nameArray, emailArray); // Validation: Form Must not submit if both fields are not filled if (names.value === "" || email.value === "") { msg.classList.add("error"); msg.textContent = "Please Input In Both Fields"; setTimeout(() => msg.remove(), 3000); } else { // Message Feature msg.textContent = `User has been submitted`; // Create the list Item users.innerHTML += ` Name: ${nameArray[0]} Email: ${emailArray[0]} `; // Clear the Fields names.value = ""; email.value = ""; } }

Brad - I graduated yesterday from a 14 wk FS Bootcamp. Came to get a refresher on JS. I love the way you did this course. Brad Traversy you are the Bob Ross of Coding. Me and my classmates were thrilled to see your new videos on the React/router updates. You are appreciated. I am relieved knowing I can come here to solidify my skills and prepare for those technical interviews.

I love you for this man... I was having some trouble understand some of the syntax in solo learn but this video is helping me learn more. Thank you.

The very best content I've found so far! Have been strugling with the learning path, language structure... The way you teach makes me want to learn more and more!!! Thanks! (:

Brad, thank you for all these videos. The community loves you! God bless

I can't believe I have discovered this channel just now. It should've been the first one showed. You're amazing

I took this mans course in Udemy for HTML & CSS and he's definitely one of the best instructors I have ever had... period. ++plus I love his all his shortcut/keyboard tips.

At 27:00 , Brad says, "Arrays are 0 based; in every language" Me : *Laughs in Matlab*

19:36 : Concatenation 32:45 : Destructuring 35:55 : JSON 41:30 : Loop through array 42:20 : High order array methods (eg. forEach loop etc.) 47:10 : Triple equals 51:22 : Ternary operator 52:48 : Switches 54:22 : Functions 56:20 : Arrow functions 59:23 : OOP 59:30 : User defined objects using Constructive functions 1:02:09 : Dates 1:03:14 : Methods for user defined data objects 1:05:00 : Prototypes 1:07:14 : Classes 1:10:30 : DOM 1:12:37 : DOM Selection 1:20:05 : Manipulating the DOM 1:24:36 : Events 1:30:07 : Other types of events 1:30:39 : Form Script

I started learning JavaScript 2 days ago...What!!!Thank you!!!

This man deserves a gold medal, I only knew JAVA until now, but now I can finally start building web pages without using Wix because of his videos, gotta love this dude. What an awesome guy

I'm 40 and just started learning programming. I don't have IT field experience, but I recently completed an IT diploma and learned Java and web development. These RU-vid videos have been a huge help, and I wanted to support everyone starting a new career after 40. Do you think continuing in this field is a good idea for me? ❤

Your HTML and CSS crash courses helped me a lot, now, im looking forward to this video and hope to watch it very soon! keep up you're awesome

Currently watching this video to refresh my fundamentals because I'm gonna have my first interview in couple days later, it's a front end position. Wish me luck guyss :)

This isn’t for beginners, but thank you for your hard work. Will come back to this later on.

41:28....Many may not realize this but if you are having performance issues and happen to have a loop where you are running through thousands if not hundred of thousands of times. 98-99% of the time your loop will run around on average 25% faster(sometimes much more) if you assign the length of the array to a variable before running your loop "let todosLen = todos.length; for (let i = 0; i < todosLen; i++) {...}". This is the case in most languages.

In one point i hated programming because teachers make it sound hard😢 . But you make it so easy mate . God bless you ❤

Watched ur html and css crash courses and i learned so much, im sure there is no better place to start learning javascript than this video. Thank u!

First! Go buy that JS course on Udemy....well worth it!

You my man, are an absolute legend. God bless you

the way he covered so many topics in such a short time, this guy is an absolute legend 🙌

The way you put the information here is the way I am use to receive the information. I can understand your videos better that any other video here on RU-vid. I also appreciate that you have other videos that goes more in depth for each chapter in this video. I just wrote this comment to say Thank you

Brad, Love your stuff and thank you for being a great teacher. I consider you as my mentor !

100Devs Unite! Leon sent me here

What i love in Traversy's course: clear and slow talking voice because English isnt my native language, large text in editor which easier to read and follow his code in my editor, great demo which make me easier to understand every basic features of any framework or languague

I have to say your teaching skills are just fantastic. If this is the level of all/half your vids I've stumbled on a real treasure.

Just got done learning the basics of HTML and CSS I was thinking to myself huh easy enough now I watch 10 min of this video and now I’m like what did I get myself into lol.

can you please come to my college and start teaching . . . my teachers

ere are the time codes :) 1:05 What is JS? 3:19 Why learn JS? 4:37 What u will learn in this course? 6:10 Let's Jump In! 6:45 Add JS to HTML 9:38 Basic syntax 11:14 Variables 14:17 Data types 18:33 Strings 18:44 Concatenation 19:44 Template String ES6 (2015) 20:38 String properties and methods 23:52 Arrays 30:07 Object literals 34:19 Array of todos 35:58 JSON 37:42 Loops 40:30 Loop through arrays 42:24 High order array methods 46:30 Conditionals 51:24 Ternary operator 52:48 Switches 54:23 Functions 59:25 Object-oriented programming OOP 1:05:02 Prototypes 1:10:30 DOM Document Object Model 1:14:45 Single element 1:17:00 Multiple element 1:19:25 Loop through 1:20:05 Manipulating the DOM or Changing things in the DOM 1:30:35 Making a tiny little app

The best JS Course ever on RU-vid until now. This is a decent trainer and deserve likes and follow.

Nice video to learn basics, but for anyone who really wanna a push, please focus on one or two language at first don't overwhelm yourself by learning multiples languages at the same time, because programming need lot of practice, and I really mean lot of practice like hours per day , and focus too on algorithms it make you have the correct critical thinking, and good luck every body.

Traversy Media is an excellent compilation of concepts to gear up on to a new technology.

I think Brad Sir has superpower to read our mind. Whenever I need any course, he just bring it right there. Thank You Once Again for bringing such an awesome crash course.

thnaks soooooooooooo much before even watching , best channel ever i stop using adblocker so i can watch all your ad's just for you

Hi Brad, just wanted to thank you for all your hard work over the years (your personal story is truly remarkable) and for this crash course. It was very easy to follow you and the examples you provided really help grasp the fundamentals of JS in a very short amount of time. Awesome work from your end. Please keep it up! You are an awesome human being!

Such a relaxed way to teach people, many try to prove they are fast, this man wants to teach, what a saint. Maybe I missed it but the use of, and the meaning of classes eloped me. No harm done, I loved it.

Another 🔥 crash course! Some advice to beginners... Don't feel overwhelmed! 😲 2 hours is a lot to chew on. Just watch Brad straight through once, then go through again and code-along, then go back once again and try to experiment with the code. If you don't have a code editor on your computer, try using codepen.io

I wouldn't say this video is a completely beginner friendly... I am a total beginner and I am honestly so lost most of the time... You do brilliant videos but it would be great to get some basic explanations on what things are and what they do, otherwise I am just copying whatever you do without really understanding what I am doing.

27:05 there's an exception to this rule, ie Oracle PL/SQL, arrays are one-based. (just for information)

Jeez I needed this.. I've tried so much to start learning and nothing seems to stick, this so far has been fantastic. I'll continue to read through. I've given myself 3-6 months to refresh what JS I forgot and get a job, wish me luck!!

plain and simple, Brad is the real deal if you want to learn, awesome content, straight to the point, Clear, not trying to make fun or stupid comments or pictures, Memes in the video and all that stuff, Smooth voice so you dont mind listening for hours , thanks a lot for helping so many people on their journey and His Udemy courses GREAT! Thanks a lot !

Impressive and very accessible to beginners like myself. Found Loops difficult to grasp, and their purpose.

You're one of the best instructors and you should know that, right?

So whenever i wanna sleep tight, i just listen to brad's voice and watch him code and i must admit i am set off in 2-3 minutes.

The tone and pace of this instruction video is excellent. Thank you. Very clear and concise for a beginner!

Give this guy a MEDAL ! Simple explanation with clearity . Thank You!!!

i watched html and css courses just one time . but javascript need a lot of time

Thanks man! Really good explanations of everything. I feel way more confident about learning React now!

The normal people will going to school... BUT the smart people will subscribe and learned from Brad !

This guy is brilliant i have been working through html, css and now javascript, brilliand wee page with the code as well, i did a course online with a lecturer that was constantly making mistakes and correcting himself which really throws you and puts you off. This just highlights how good the guy is. well done Traversy Media 5*****.

This course is amazing, thank you bro! About the form code, into the "if" we could set the msg.innerText = ''; and we could erase the class: "error" bellow the setTimeOut( ) instead msg.remove. In this way the msg will always appear when the user to try submit empty fields, instead to appear just one time.

You are the only person who motivated me to learn JS. Thanks!!!!

Who's Jason? I only know JSON.

Brilliant. Thanks a lot Brad for your great efforts as usual.

An excellent trainer -- so calm -- makes anyone feel they can learn this.

I have never programmed before and this course was just brilliant. I liked that you were fast and you explained things that were easy to understand and you gave real examples. I will defiantly go check your other courses on JavaScript and i don't mind paying for these as you make it quite fun. Thankyou.

Brad, you can record video JavaScript Advanced (ES6 with OOP ) build real application, thanks man!

Anybody else here from 100Devs?

"take out trash is false" *wife watching you* "let's set it to true"

Brad, I'm a grad student studying psychology, and now I need to construct online experiments due to corona virus. It really helped me a lot! Thank you so much.

I hope you live a great life, because if anybody deserves it that's you man!

What's different between this course and your other Javascript course on Udemy?

Winners win and losers lose 👏

who here because they didnt listen in class and now have to do project so they learning everything in 1 day

This crash course is perfect for people with coding backgrounds who want to delve deeper into JavaScript. If you have limited time and have a background in coding in other languages like Python or C++ , this crash course is one of the best ones.

Glad to have signed up as a Patreon. You're making my learning experience so pleasant. Thanks a bunch, and keep up the good work, my dude. Enjoy your day.

Hey man, can you do a video on Algorithms and Data Structures, that shit is monster! I got the cracking the code interview book which is highly recommended but I wanted to know your take on it approaching Algorithms and Data Structures.

A must have course for beginners. Can you make a video on php backend role access management system.

all i can say is "live forever"