JavaScript Fundamentals For Beginners
ฝัง
- เผยแพร่เมื่อ 23 มี.ค. 2016
- UPDATED COURSE HERE - • JavaScript Crash Cours...
This is a mini-course on the fundamentals of not only JavaScript, but programming in general. We will cover the following...
What is JavaScript?
Variables & Data Types
Loops
Arrays
Objects
Functions
Conditionals - If Statements, switches
Events
Forms & Validation
MODERN JS FROM THE BEGINNING (21.5 HOUR COURSE)
www.udemy.com/modern-javascri... - วิทยาศาสตร์และเทคโนโลยี
![[LIVE] : ONE ลุมพินี 71 วันนี้!! คู่เอก "ทรงชัยน้อย vs รักษ์"](http://i.ytimg.com/vi/_AGPnq2p6Js/mqdefault.jpg)
Choosing a text editor - 6:15
Variables and Data Types - 9:07
Arrays - 17:25
Conditionals - 32:21
Objects - 39:28
Events - 51:14
Forms - 59:08
thx
Thakns bro, saved my tym :D
Loops - 25:15
Rönny kh i knew i missed one
Jacob Broughton thank you
9:00 Variables & Data Types
17:30 Arrays
25:10 Loops
32:20 Conditionals
39:23 Objects
50:59 Events
59:03 Forms & Validation
world needs more people like u
Cheers!
Live Lombs I actually did this as notes because I know I'll be going back quite a few times lol
This saved me so much time. Thank You!
you should share the notes on Google Drive with everyone here!
Bro, I am so amazed at how clear you teach JavaScript, I have been taking other tutorials for the last 7 month, and have not found a course as clear to understand as yours, I just cannot believe that this language is so easy. Thanks to your teachings, I have develop such a hunger for JavaScript that I am literally doing this every single day, just yesterday I practice my coding development for about 8 hours straight, thanks man, you have surely help me see JS from another perspective.
*Time Stamps*
_Intro_
0:00-1:09 ---- Intro
1:09-2:28 ---- What is JavaScript?
2:28-3:06 ---- JavaScript is NOT Java!
3:06-3:55 ---- Programming Fundamentals
3:55-4:42 ---- What Do I Need to Run JavaScript?
4:42-5:23 ---- HTML vs. JavaScript
5:23-6:12 ---- What Can I Do With JavaScript?
6:12-9:00 ---- Choosing A Text Editor
_Java Script_
9:00-17:30 ---- Variables and Data Type
17:30-25:11 ---- Arrays
25:11-32:19 ---- Loops
32:19-39:22 ---- Conditionals
39:22-50:58 ---- Objects
50:58-59:02 ---- Events
59:02-1:08:21 ---- Forms
Hi Brad, thanks for the mini-course, i started learning js, and I'm glad that I found your video. I have prepared the index for your video. Please find it below. Feel free to paste it in the video description if you want. and I have some feedback. from the topics you listed at the beginning of the video, i'm not sure if covered "Prototypes. If you already covered them here, I might have missed them. i'm curious, what are prototypes?
Intro 1:09
Variables & Data Types 9:01
Data Types 11:16
Number
String
Array
Object
Naming Conventions of Variables 13:50
Array 17:30
[...] 17:43
new Array(...) 19:44
.push() 21:15
array of numbers
array of numbers and string
.length
.sort()
.reverse()
.forEach() 29:57
Loops 25:11
For 25:55
While 29:02
forEach() 29:57
Conditionals, Comparisons, Operators 32:20
if 32:38
Comparisons 34:34
== === !=
Operators 35:27
&& ||
switch 36:36
case
break
fallthrough
default
Objects & Functions 39:24
Object Litereal 39:40
function 42:42
Object constructor 43:54
function 44:38
constructor pattern 46:05
Arrays of Objects 49:35
Events 51:00
onclick
onmouseover
onmouseout
onload
Forms 59:02
link events to form fields 59:39
form validation 1:03:07
Thanks , mully.
cheers man
Prototypes are to JS what classes are to intermediate languages like C# and Java.
thanks buddy
Thanks !
I've been learning so much from your videos. I've taken the HTML and CSS crash courses and now this one. Please keep up the awesome work!
This is the most easy to follow Tutorial on JavaScript on the web, easy to follow, brilliant...... I would recommend this to anyone just wanting a recap of JavaScript... Keep up the good work...Can not believe you do this for free....You my man are a Rockstar
Only watched half of the video so far but I've already learned so much. You have a very clear style of teaching, don't miss out important facts and explain things without too much jargon. Thank you!
Midterm on Arrays this week and I wanted to cry! Your vid has helped me so much today!! Thank you for sharing!!
Sarah SweetAndSimple hhyggftthjj🇧🇿🇧🇾🇧🇪🇧🇪🇧🇪🇧🇪🇦🇲🔵🔵🔺🚾🚾🚾🔠🔠🈁📱📱📱📲📲🖲🕹🕹🖲🌅🌅fc
why you cry ? no need to cry only fly
You give me that hope of being a Programmer! Thanks Brad. I am very glad to be your student. #RoleModel #Brad #YesWeCode
Thank you for this video. Out of the 30+ videos I have checked out this is the best so far. I look forward to watching all of your material.
I'm in the process of learning coding and going through youtube, I found your channel to be the best (for me) coz of the simplicity in presentation. Really looks like you put time and effort in your work. Thank you, much appreciated.
this is a great tutorial...well spoken, clear, concise, thank you!
Mr. Brad you are really awesome... seriously hats off to you... Your method of teaching is so smooth and brilliant. Specially your way of talking and explaining.. Great (Y)
Pleasure Mr. Brad
It's been a few years since I've done any programming so this was a great general refresher, as well as a solid intro to js. Thanks for the content.
Brad, you are the best teacher I've found on the internet -- current, engaging, and timely. Thanks much.
Very nice, complete and thorough tutorial. You've done a good job. The content will definitely offset the time. A beginner could spend hours and days trying to accumulate the knowledge you've given in just and an hour or so. Great job.
intro 1:09
Variables & Data Types 9:01
Data Types 11:16
Number
String
Array
Object
Naming Conventions of Variables 13:50
Array 17:30
[...] 17:43
new Array(...) 19:44
.push() 21:15
array of numbers
array of numbers and string
.length
.sort()
.reverse()
.forEach() 29:57
Loops 25:11
For 25:55
While 29:02
forEach() 29:57
Conditionals, Comparisons, Operators 32:20
if 32:38
Comparisons 34:34
== === !=
Operators 35:27
&& ||
switch 36:36
case
break
fallthrough
default
Objects & Functions 39:24
Object Litereal 39:40
function 42:42
Object constructor 43:54
function 44:38
constructor pattern 46:05
Arrays of Objects 49:35
Events 51:00
onclick
onmouseover
onmouseout
onload
Forms 59:02
link events to form fields 59:39
form validation 1:03:07
I'm amazed how you did it: js in one hour and it covered all the basics! You're really talented. Thanks for sharing this with us =)
They way you describe everything and the pace of your voice in this video are both perfect! I didn't feel overloaded with JS jargon and I was able to keep up. Your teaching style is perfect.
Thanks! I needed a refresher. I rely too much on jQuery and other frameworks. This was so helpful. :)
Gaby Campagna jquery is still awesome! It helps you kinda understand vanilla JavaScript in a simpler way
thank you for your lessons. I like your videos, English and looking forward to next episodes :)
I have ended CSS and JS tutorials and happy that encountered your tutorials. I had almost no questions.
My only 1 thing that I would fix is not deleting what we wrote, but to continue and adding new features to our site.
Thanks for your work!
Hey Brad. I have been watching videos from Udemy to Lynda and other paid course websites but you stand out. You have a natural gift as a teacher.
thanks brad, cuz all of the other ones were confusing
i am a visual learner :)
Top notch video. Really nice, great quality and higly usefull. Love it!
This is a very smooth overview of the JS I've come across needing to apply with different technologies. The 3rd part of your DOM manipulations series also gives extra dexterities (I appreciated the first 2 as well, while the 3rd gets into more eventful applications.) The MongoDB session reinforced helpful perspectives, too. Looking forward to your React mini.
Thank you, I liked how fast you went through the basics without complicating the concepts.
Hey boss Brad , Take my cordial Love From Bangladesh , Your lectures are So understanding ! You are a Good Teacher ! What should be a appropriate Word to praise you ? i can't find ! carry on this for the better place of Heaven.
I feel the same way. Thank you!!!
This comment is the best praise Brad can ever get 😂 I will send some money to Brad on your behalf Mahadi!
it will be great job , will be created more BRAD in TH-cam and we poorer people can be learnt much from internet. thanks brother too much !
me from Bangladesh too
Ei madari poorer people ki?
Hi,
While performing sort method at 24:48 the output is 1,5,55,6,77, seven but it is not following the increasing order i.e 55 comes first later 6 ,which is not pretty clear. Could you please say what is the sorting technique by default it is following.
You can pass sorting function to method sort. If none is provided (like in this tutorial) the default behaviour is to convert all elements in array to strings and sort them using their Unicode codes. That's why '6' comes after '55'.
If you want to sort array of numbers you can do it like this:
var arrayOfNumbers = [1, 45, 23, 44, 12, 5, 100];
arrayOfNumbers.sort(function(a, b) {
return a - b;
});
console.log(arrayOfNumbers); // now it's: [ 1, 5, 12, 23, 44, 45, 100 ]
It is passing a function as an argument for another function, so it's a bit complicated as for first lesson and i get why he skipped it here.
Really great primer, especially for an experienced programmer who just started with JS this morning! Thanks.
You Sir, have taught me more in 1 hour that my boot camp has in a week lol. Thanks and keep up the great content!!!
good work..!! well done
Hey Brad,
Really its too good thanks a lot for this basics tutorial.Can you please share advanced tutorials regarding javascript and angular js too..Really your lectures helping me alot.
Thank you so much for the lesson. I started studying JS with the book and it took me much more time to go through all of these things you explained in just one hour. Great job!
I keep revisiting this lecture over and over and every time, I get more out of it. This is an amazing summary of JS. I will probably come back to listen to this clip soon. Happy Thanksgiving to you Brad!
I WAS TAKING A JAVA COURSE ON SOLOLEARN AND I GOT STUCK I COULDN'T UNDERSTAND ANYTHING, I WAS HAVING DIZZY JUST FOR SEEING JAVA'S CODE, I HAD TO COME ACROSS THIS GUY CHANNEL AND HOPED TO GET SOME HELP, EVENTUALLY I NOW UNDERSTAND WHAT IS JAVA NOW IM GOING BACK TO CONTINUE WITH MY COURSE THERE, THANK YOU SO MUCH BROTHER 😎
lol
me too
Good video, enjoyed it!
Hi Brad, This is very straight forward, right to the point JavaScript mini-course that I could manage to find on the internet/ TH-cam channels among too many other available courses/ videos. Thanks very much and congratulation for the great job.
Brad, thank you for all your tutorials !! Big props to your work and effort.
Hey thanks for your videos. got a question. ...at approx. 24:47 you do a sort. I tried plugging in a string with larger numbers (second time watching after a month of deep JS exposure) and I noticed it didn't sort it by number but by alphabet. How do you account for that?
Checkout developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort?v=control for more: If compareFunction is not supplied, elements are sorted by converting them to strings and comparing strings in Unicode code point order. For example, "Banana" comes before "cherry". In a numeric sort, 9 comes before 80, but because numbers are converted to strings, "80" comes before "9" in Unicode order.
There really was a problem.. I saw 1,5,55,6,seven
th-cam.com/video/U_RXeS4QdQ0/w-d-xo.html
I can't express my love and respect for you Brother ! You're perfect Teacher I can understand each bit and piece you teach. ! Lots of Love from Pakistan
Another great tutorial. No doubt Brad has all you need to get a feel for java script basics. In fact his entire channel is amazing. If you are trying to learn web dev this is the channel for you.
Just starting out with everything programming/developer... I feel like you're tutorials teach me way more than these meet up (pre-bootcamp) classes.. Thanks!!! Even though I'll have to go over this 50,000 times to understand fully.. lol
help!!! im stuck with an error!
var apple = new object();
apple.color = 'red';
apple.shape = 'round';
apple.description = function() {
return 'an apple is '+this.color+' and '+this.shape;
}
console.log(apple.description());
why the fuck does the console says javascript0.js:1 Uncaught ReferenceError: object is not defined
at javascript0.js:1
im using sublime text and chrome.
JavaScript is case sensitive, first line should be:
var apple = new Object();
wtk300 thank you so much sir, helped me alot, and isorry im just newbie in coding. But im willing to learn.
Arrays is what my boss doesn´t want to give me
Ricardo Belmont ....
ahhaa
Haha..Good One. I think most people did not get it.
LOOOOL
A RAISE!!! ... Aah fk took me a day to figure out xD
NICE one man!
Really nice
xD
Hello Brad, Thank you..! This is the first video that shows js so detailed and how to be used. I am learning a lot.
This was really helpful, I am a complete beginner and I must have spent 3 hours pausing and rewinding to get the gist of the concepts lol. I am looking forward to watching the rest of the vids in this playlist. Thanks!
Hi Brad, what should I do next after learning the basics? Thanks.
Get good at using them.
i did console.log and didnt put i < 10 and it kept adding 1 until it got to 200,000+ and then my browser crashed
haha ikr do this with c++ your pc will crash
How about an infinite loop? I tested my computer do so do an infinite loop for one second and then stopped it right at the end of the second to see how many loops it did. It was around 15,000 :0
Well, infinite loops are infinite.
😂😂😂
I'm starting out my run this year and this was a indeed a beautiful start. Thanks for sharing this, Traversy. I wonder, if you have some more recommendations for complete beginners!
I am an absolute beginner to JavaScript. This video was very helpful. Feel like I am starting to get a feel for the language now. Thanks so much!
When you first start going over the for loop, how is it that "0" is printed to the console as the first number if the "i++" increment function runs before "console.log(i)"?
The while loop version makes sense, it's the for loop that seems strange considering the order of the parameters and elements
Also, when you do the for loop around 31:00, I would have thought that what would have printed to the console would have simply been a series of numbers starting with 0 and ending at 5. What makes me think this is that it seems like the value of "i" is set to 0 and that the "numbers.length" portion of the second/conditional parameter would just be a roundabout way of saying "6". So I guess I'm reading it like this: i is equal to 0; so long as i is less than 6, add 1 and then print to console the current value of i. I have a very vague sense of what it might mean given the actual output but my mind isn't being able to make any natural sense of the syntax+semantics.
Hey Jonathan, the i++ part of a for loop doesn't get executed until _after_ the body of the loop is executed.
Since i++ doesn't get executed until after the body, that also means that when i == 6, it hasn't been console logged yet.
Time stamps for every subject would be awesome. ty
Random Person considering that your getting this for free, you can kindly shut the f up.
human151 he never said anything wrong so kindly stfu to u
human151 lol your just a bundle of sunshine aren't ya?
I'm a novice just starting out - thanks for your tutorial. It was very insightful!
Over the last three years I was "forced" to shift gears from Manufacturing management to ERP implementation after a rubbish ERP implementation in my old manufacturing company that went horribly wrong and I was the most interested and most qualified among a bunch of functional managers. I LOVED the IT world and here I am now an ERP consultant that needs to know how things work together, not more for now. Your videos are perfect for me and I thank you for the few hours well spent watching your videos. i'd like to send you a private email so that you can point me more in the right direction. Thanks Brad.
Ah man! Usually I DON'T like ANY video. But your hard work and honesty, in the end, made me like it. Thank You
I appreciate that :)
What keyboard were you using? so satisfying to hear the clicks lol
Agreed
Those are called mechanical keyboards. I love mine.
Yes, Mechanical keyboards makes clicking sound
@@keshav2136 do you know what model he’s using?
Hi TEACHER, I watched your courses many times and I understood them as well as I want, I'm proud of you teacher.
2016-2021 : 5 years of awesome tutorials !
One of the best teacher at Udemy . thank you Brad
Very helpful and informative. Helped me far more than codeacademy did! Thanks Bro!!!
HA HAHAHA
Hi, I am Brazilian and i am a developer of process automation, so I use my knowlegdement on JavaScript to see the page code and extract the necessary information of him.
Videos like this, help us to fix our knowledgement same, if we have a lot experience is every good to review this content.
And this video is very useful to make the knowledment recycle.
You are an excellent teacher. You have explained all fundamentals in an excellent manner in such a short time..I have understood everything you discussed in this tutorial clearly..Thanks a ton..
0:48 "forgive me if I go over stuff you already know"??? The title of the video is "Javascript fundamentals for (absolute) beginners.
Great course, but definitely not for slow typists, so I uploaded all the code and some notes to my Google Drive: drive.google.com/file/d/13BGXGW_LEamhRoo1914imDV-CpRteHbF/view?usp=sharing ... Brad, feel free to link this in your description, or host it yourself. Sublime Text 3 users should know that you can easily comment/uncomment the lines in my files by putting your cursor anywhere in the line and hitting CTRL /. There's a small chance you might need the Sublime Text DocBlockr package to get some of that to work (not sure). I guess CTRL / may also work in other text editors like vscode or atom.io too.
Nick Hope Thanks!
Thanks, could you please do it for the others courses? (JS ones) it will be helpful
I'm not sure I'll ever take those courses but if I do then I could (p.s. I'm not the video uploader, in case you didn't realise).
Yes, I know that you're volunteer to write down the codes,
Thanks in advance
hello brad, My name is michael and i just want to say thank you for all your awesome tutorial videos, They are very helpful
and all your teaching method 100% awesome. You have no idea how much i have accomplish with your videos.
Thank you vary much brad, God bless.
dude, great demo on forms and how to connect the dots. It's nice to see how arrays/function etc are used in real applications. I have been struggling with that concept for awhile. You just cleared it up thx a lot.
Thanks Mark Wahlberg!
+Brad Traversy he was talkin about your boston accent. I picked up on it too haha! Thanks though, man. Been trying to find good tutorials to learn js, but everyone else sounds either very boring/not engaging. Gonna check for other videos you have. thumbs up
ha don't fret my brother, you have helped me more than any other content creator in getting a full-time position. I've gone from here to finishing a few angular 1 projects now working on react and angular 2 (now that it's out of beta) going to try some vue next.
hahaha!! Nice one! Brad has that classy Boston accent :)
I was gonna say Matt Damon
I think he sounds more like Matt Damon.
console.log("I love your tutorials. Trillions Blessings")
Manish Vashisth alert("you forgot the semicolon so you will get a syntax error);
lol
Manish Vashisth and the script tags. Did you learn nothing?
Zahid Reddy hey, this could be from an external js file, so tags are optional
var var1= the best teacher ever;
var var2= rolemodel;
if (var1 == var2 && var2 = rolemodel){
consle.log('this is true ');
};
Awesome tutorial, Brad! I've been trying to get better with Vanilla JavaScript and this helped tremendously. Thanx
I just discovered your channel, I'm really happy I did. Awesome tutorials! I just came from your HTML and CSS tutorials
If this is fundamentals,then what the hell ia advanced
Same bro 😢😢
@@thethugguy2437I don’t recommend this tutorial for beginners because he doesn’t really get into detail. If you want to learn from 0, checking out other, more precise and longer tutorials I think would be ideal.
@@dianaabisheva745 thank you bro
So 9 minutes of discussing text editors? Real tutorial starts at 9:00
Gob blessyou!
There is a FFW button for you "efficient person"!
How about just saying "thank you"? Nobody needs your crap.
I benefited from it. I downloaded Sublime text and will be using it now.
have a reply
Very good vide. I picked up quite a bit. My big take away was returning false on the function when validating the form. I didn't know it would halt the form submission. That's going to be used tomorrow. Thanks again.
Hey Brad, you have done awesome work for people like us who have just started diving in this subject. I love your tutorials. Thankyou.
Found myself trying to do too much with my limited knowledge in JS this helped me a bit
I've really learnt something new today. Brad you are the man....JS simplified
Thanks for this tutorial. I have to learn JavaScript for university and I have so much problems with it. Your video is helping me a lot. Thank you again.
Your tutorials are just awesome. Long but totally worth the time and attention and practice and everything. Thank you!
Hi Brad. I want to congratulate you! Your explanation of the keyword this finally made it click. Thanks, man!
WHOAAAAA !!! I am "JavaScript fundamentals" ready with hands on coding in 2.5 Hours !!
Along with notes !! and more than 8 coding practice javascript html files !!
Subscribed !! Happy Leanring !!
One of the best crash courses out there!
Bravo for this tutorial!
Awesome video! seriously learned a lot and I'm very thankful to have found this!
however, sometimes I find these new concepts appearing out of nowhere and you kinda go through them rather quickly.
that' my only comment, but again, thank you so much your videos have always been a huge help and I'm always recommending them to people!
I completed CSS, Materialize and this tutorial. You did it very well man ! I'm going to learn jQ React in nearest future . THANKS
Thanks, Brad. Another helpful tutorial. Keep them coming. I'm looking forward to watching your React tutorial next.
Brad, you're honestly so reliable! I always go to you for tutorials
Thanks, Brad. Love the care you take with formatting and correctly formed names, and the way you set up structures like ('') before you give them values. Exactly what I do. My students love your videos too.
Very nice basic tutorial. I was little familiar with JS, so I ran this at 2x speed, was able to grasp good.
Many thanks Brad
Great video man!! Went to school for programming and this was well done.
Brad I won';t say that I found your presentation to be boring but I absolutely already knew everything which you mentioned about Javascript!
Thank you for this. I am returning to Uni after 3yrs hiatus and even tho I am a Junior in Software Engineering degree... I REALLY needed a basics review to get my dormant programming brain cells activated again. I did note that this was done in 2016... and I am familiar with this syntax. I will now watch the update and hopefully that will show the changes in common JS, like let and ${} concatenating, etc. that I have begun to see. This was very succinct and helpful of an overview refresher.
Thanks for the simple tutorial. I wish you had a link to the code itself, but I managed to pause and copy it. Thanks again!
honestly Brad, if i don't comment on your tutorials then I am just a big F.
you are just a absolute stand out programmer and teacher. you know class, have good taste and standards.
most importantly, your words are just it. when you say you words "absolute beginner"you really mean it.
unlike some others when the say absolute, they are just blushing on their own.
Thanks Brad! :)
i just subscribed to your angular course in udemy. i thought i'll just quickly see some javascript intro and continue course. watching this video seemed very similar, lo and behold was pleasantly surprised to find out that its you!
very nice video thank you. onward to your angular course!
my console.log(i); didnt work but when i wrote it as an alert(i); it worked but as popups, is there a certain setting im supposed to have preprogramed?
I am beginner and your video gave me overall insight differently. Thanks
I love your videos, its clear and always get more from you, I think because your are honest to do a video. Thank You.
I'm busy with a JS course and this video really helped me alot.
Awesome. Got me through to the next step. Well explained!