JavaScript Tutorial 

Learn in One Videos for Every Programming Language Subscribe to Bookmark them: bit.ly/2FWQZTx C++ : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Rub-JsjMhWY.html Python : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-N4mEzFDjqtA.html Java : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-n-xAqcBCws4.html PHP : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-7TF00hJI78Y.html MySQL : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-yPu6qV5byu4.html JavaScript : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-fju9ii8YsGs.html C# : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-lisiwUZJXqQ.html HTML5 : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-kDyJN7qQETA.html CSS3 : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-CUxH_rWSI1k.html JQuery : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-BWXggB-T1jQ.html TypeScript : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--PR_XqW9JJU.html ECMAScript : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Jakoi0G8lBg.html Swift : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-dKaojOZ-az8.html R : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-s3FozVfd7q4.html Haskell : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-02_H3LjqMr8.html Handlebars : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-4HuAnM6b2d8.html Bootstrap : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gqOEoUR5RHg.html Rust : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-U1EFgCNLDB8.html Matlab : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NSSTkkKRabI.html Arduino : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-QO_Jlz1qpDw.html Crystal : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-DxFP-Wjqtsc.html Emacs : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Iagbv974GlQ.html Clojure : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ciGyHkDuPAE.html Shell : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-hwrnmQumtPw.html Perl : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-WEghIXs8F6c.html Perl6 : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-l0zPwhgWTgM.html Elixir : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-pBNOavRoNL0.html D : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-rwZFTnf9bDU.html Fortran : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-__2UgFNYgf8.html LaTeX : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VhmkLrOjLsw.html F# : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-c7eNDJN758U.html Kotlin : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-H_oGi8uuDpA.html Erlang : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-IEhwc2q1zG4.html Groovy : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-B98jc8hdu9g.html Scala : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-DzFt0YkZo8M.html Lua : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-iMacxZQMPXs.html Ruby : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Dji9ALCgfpM.html Go : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-CF9S4QZuV30.html Objective C : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-5esQqZIJ83g.html Prolog : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-SykxWpFwMGs.html LISP : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ymSq4wHrqyU.html Express : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-xDCKcNBFsuI.html Jade : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-l5AXcXAP4r8.html Sass : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-wz3kElLbEHE.html

If in case anyone miss the description- 00:22 Introduction 03:27 Variables 04:27 Math 12:00 Random Numbers 13:21 Strings 17:24 Styling Strings 18:14 If 21:44 Switch 23:04 Ternary Operator 23:55 While 24:51 Do While 25:52 For 27:37 For In 28:39 Arrays 34:42 Functions 36:41 Pass Function as Parameter 39:42 Receive Variable Number of Arguments 40:55 Return Variable Number of Arguments 42:02 Recursive Functions 43:54 Event Handling 46:24 Mouse Events 51:30 Key Events 54:02 Change Tag Value 56:41 Change Class 58:02 Change Input Element 59:20 Mouse X / Y Coordinates 1:01:42 Get Elements by Tag Name 1:03:00 Element Styling 1:05:48 Manipulating URLs 1:09:37 Editing Child Nodes 1:15:08 Setting Attributes 1:18:11 Adding Elements 1:19:50 OO JavaScript 1:28:33 Form Validation 1:34:54 Exception Handling

For people with opinions that this tutorial is too fast. The tutorial is not too fast, it is created so that no word or time would be wasted for more than one example end explaining a subject further. When he explaines one subejct and jumps to a differrent one it is your job to pause the video, go to Google and read about it with as many examples as you like. Once you are happy with the idea, you come back to this video and watch it further. It is only ~1.5 hour long, but if you are actually trying to learn this it will take you at least 5 or 6 hours to watch it properly at least once. This tutorial is an example of a perfectly efficient tutorial where tons of information is given and tons of your own action is required. This is the best way to learn something and Derek is a genius by making these tutorials because he doesn't waist even a second of your time. Respect him and be grateful.

For those of you who think this is to fast, there is an option to slow down the video. Derek always posts excellent SUCCINCT tutorials. Thank You Derek, keep doing what you are doing :-)

I'm only 15 minutes in and I must have spent an hour on this video already. It's so dense with information, I've made 20+ flashcards and I feel like I'm learning so much very quickly. Thanks for the great resource.

AMAZING VIDEO!!! 24 minutes in and I am just beginning but this moves super fast while also covering everything people want to see. The best part is that you show how to use it in websites and show practicality unlike online school

Hey Derek, i just want to thank you for all your help. It's amazing how much you have help me though your videos without even know it. Every time i'm finishing one of the videos i'm seeing online, i'm telling myself that one day i'll have the knowledge to help people as well. You guys are heroes. Thank you.

name = "Derek"; document.write ("thank you so much " + name);

Awesome tutorial. I've been talking about the importance of learning java and some people always tell me that they find it difficult. This video definitely makes it super easy for everyone to understand. Good job Derek

I agree with Jack. Derek your channel is a MUST SEE for all developers!

YES, finally! I've been waiting for you to make a new JS video for a long time now. :D

This is definitely an understatement, but holy crap! The time and effort that went into this to keep things straight forward and simple for those of us learning the language is simply amazing. Derek, thank you for your work!

Hi Derek, could you do shell in one video please? Keep making videos! They're so helpful! :)

Hi, Derek. I'm back..I have always liked your presentations. They are a credit to online education. JavaScript was a breeze. How many people can say that? Thank you for your time. Peace :)

Derek, You have changed my life. You videos EXACTLY match my learning style. I can only learn visually, and I have to understand the key concepts, and I want to learn them quick first and then go into details. That is what you do very very well. I never thought I could learn so much in life. I have self-taught most of the things, and I suddenly found a teacher that speaks my language! Between you and StackOverflow, my life is made! You might find this strange, but I watch your videos when I feel low - I watch your videos to keep my brain active - I watch them when I exercise - I watch them to relax - I watch them for entertainment. I have been truly inspired by your selfless efforts. I hope to make tutorials one day.. I don't know where else to make this request. I think you should make a series on Polymer, starting with webcomponents introduction. There is a real gap. I know you are busy and perhaps not have the time to read this comment, as it is likely one of the thousands. But, if this inspires someone else reading it, as you say, it is worth it. Wishing you the best in your journey. Natraj

one of the best style i have ever saw in teaching and delivering information, you make us feel that everything is easy by your talking tone and speed,in-addition to the whole ideas and information you give thanks very much, don't stop please

Hi Derek, great tutorial, nice and compact... Many thanks !!! I read through some comments and realized how you learn new languages and how you structured / created this tutorial. I have a little comment on that function getInfo(cust) ...1:23:48 It works fine in your video but will be a problem e.g. when using it by passing an other object... document.write(getInfo(cust2), ""); Inside the function it's not using the object "cust" passed to the function but instead using the cust1 object outside.

Excellent tutorial. The kind only Mr Banas can make. Thanks!

All the high quality material that you produce is impressive! Amazing job! :)

Derek Banas is one of the coolest human beings alive! I love to watch those one-video-tutorials. For those who are already familiar with the technology, it's a great way to recyle your knowledge.

This tutorial is definitely helpful if you have some basic understanding for HTML and JavaScript already. If you are a literal newbie, I think this is too fast

can't wait to sit down and dig into it :D

Looking to brush up on JavaScript again to write some Node backend. You are my go-to guy whenever I need to learn something new or simply just refresh my knowledge - and again you deliver. I don't know how else to say this; you rock!

Managed to finish watching the video. Learned a lot about what JavaScript can do. As a C++ programmer who never touched this area, I found it to be really helpful. This is an excellent video. Thank you.

I have 2 questions :). Do you think that you will make a video about artificial neural networks, evolutionary algorithms, neural evolution, etc in the future? Also how so you manage to learn so many programming languages and retain the information? Thank you.

How would you get the average of 10 random numbers using the concepts below? Javascript document.write("Random # (1-10) = ", Math.floor(Math.random() * 10 + 1), "");

How did I know that you would have a video all set for a language that I'm interested in learning? Lol great job making these high quality and straightforward tutorials! Also I'm glad to see your first name is the correct (and only) spelling 😂

Finally! I really like your style of teaching and have been waiting for JS for a long time. :D

Really great video, everything so well explained! PS: What's the completion package you use in Sublime?

i appreciate it thanks :)

Derek Banas!!! you understand my needs of having tutorials like this. Thanks DUDE!!! Awesome Video !!

thank you so much , i've been looking for an instructor like you for my whole life !! you're straight to the point, and i like that about you .

This video is good for people that wants just to refresh their knowledge on JavaScript.. and not for newbie..its too fast.

very good tutorial thanks

I LOVE THE WAY YOU EXPLAIN EVERYTHING QUICKLY AND CLEARLY! THANK DEREK :)

Hi Derek, I wanna thank you for this kind of content. As a computer science student, most of the time I dont have patience to see 30 min lectures just about basic of a language (loops, variables, functions, syntax). I really want just to see rapidly the main stuff and develop rest of it by myself. Your videos are perfects to me, thank you.

Good tutorial.. still too many things to remember.

Uploaded exactly one year ago :P

Is great to have some videos like this for people that already know other programming languages and want a quick overview of how JavaScript work, for me coming from java is pretty straightforward. Thanks buddy

Your tuts just made my day, I've watched a lot of tuts on Lynda, but yours are more straight forward to me, cuz there is no chit-chat.

Hi Derek. Can you make a tutorial about Joomla?

as a total beginner i found that you jump from one subject to another way to quickly without cover much ground. i enjoy the tutorial much more after gaining some basic concepts.

This is sooo good , THANK YOU Derek Banas !!! love your videos !!

Thank you for your excellent videos! Your channel is the first place I look for tutorials when I want to learn something, and usually the first place I refer people who want to get started on something. I'm wondering if the newer In One Video tutorials supersede the older series? E.g., will I miss out on additional information watching the Javascript/jQuery/Python/etc "In One Video" tutorials instead of the older numbered series videos for their respective languages? Thanks for your help!

0.1+0.2=0.30000000000000004

HEY HEY!! this is not for beginners. Note this.🤘

Great tutorial! It's going fast so you have to pay attention, however your preparation and confidence gives a lot. I have seen some other tutorials and people have typing issues or just don't know how to explain things in simple way, that confuse people even more.

I love the pace of this video. Really helps me stay razor focused. If I needed to absorb, I just paused (press K), or if I needed to see again I just rewinded (press J). Very good.

Too... Fast...

You're gold Mr Derek. I've learned a ton from you over the years and I can't thank you enough. THANK YOU.

I know this video is fairly hold but I want to thank you. For the last month or so I've been trying to wrap my head around JS and it has been stressing me out mostly because I couldn't see a functional and practical use for it. After watching Robin Haney JS video and your video, I'm finally getting it. Form Validation still gets me but the rest looks clear now and that's pretty freaking awesome.

well this is the video I'm looking for....thank you Derek for making such an awesome video...just waiting for angular js and R programming tutorials...hope they're coming soon...

This is awesome. I learnt a lot. It is great way of knowing all the aspects of a language in one go as you know beforehand what to expect and it is just a matter of familiarizing the details.

Amazing video, this is better than most of the paid videos I have seen on web design and programming. Plus he cuts out all the fluff. Great job!

Thank you very much for making this wonderful, easy to follow, detailed Javascript tutorial, your voice is easy to follow. (You've just gained another subscriber) ^o^

Man I don't know what I'd do without you. C++ for my school and your videos are not in-depth enough for that, but for everything else your my one-stop shop. I've used your python tutorials to get me started on web scraping and working with web APIs (and found in the progress python is my favorite language so far), used your Lua tutorial to help me write code for some games that use a lua interpreter, and here I am again using your videos to get me up an running in JS for roll20's API. I said it in another video, but while your vids require some semblance of experience in programming, they are utterly perfect when your jumping into a language and are ready to 'go' and don't want to spend 10 hours combing through intro to programming videos in that language.

Am watching this tut in 2020 !! This was an amazing course wich helped me a lot !! Thank you DEREK

Wow, thank you Derek! I've been learning Java for about a year now, and I just recently got assigned some homework that dealt with Javascript. This video helped introduce me to a lot of the basics. So far Javascript seems a lot easier than Java in the sense that you just use "var" for a String, int, Array, etc., and how the functions (Java methods) can be declared so easily. I'm checking out your MongoDB tuts next!

Love the tempo, Having coding background in other languages, I tend to fall a sleep with the no child left behind approach to training. You can always pause and digest if going too fast. Great video!

hey Derek, supreme work and thanks for so much knowledge in a great format. I learned more than just the javascript. I learned about math concepts like factorials and constants. I really enjoyed this course. I actually rented the head-first javascript book as You suggested, and the only problem was getting it to populate in My kindle desktop app in win10, so if You can fix that with js, then lets see another video, lol... great Tutorial

That tutorial was amazing, totally not regret spending 1,5 hrs watching this one Derek, you're awesome!

man I'm really falling in love with this stuff thanks so much Derek

Okay thanks , I seen the last one you did and it was very cool. It was nice to see you interacting online live with your fans. But thank you for your response.

Another great video of which I watched all of. Thank you. One thing I prefer that others may not approve of is the use of a dark theme for the text editor. Thanks!

You gotta do a haskell tutorial, as in a series man. that would be amazing. Awesome video. Also pascal or clojure in one vid would be cool

that was everything about JavaScript thank's derek for those helpful videos ! keep uploading and we keep following :)

Thank you Derik, this has been so helpful. Love your videos!

this is the best video I've ever have seen speaking about how accurate and neat whole information is, especially for beginners this is the best video I've found on internet so far! Thank you very much. Going to watch all other your tutorials!

Great stuff man. I always get a lot out of your videos. Have you ever thought about doing a tutorial on Phonegap or other webapp development frameworks?

Derek your videos are the best! What video software do you use?

I've found that videos in your channel are worth a lot more than paid online courses. Keep up the good work!

There is no way you wouldn't enter any educational institution and not be the most important resource in the building. I really wish you were an instructor at my college, sadly we are stuck with third grade instructors who literally go through the entire W3cschools website only to read us information that is already available. Of course anyone of your 1 hour videos surpasses any 11week class on code that I've had so far. Yet those lame instructors are the ones burping with our tuition money. I am very happy that this channel exists, please continue with the outsatnding service. Derek Banas's teaching style is second to none.

I pondered on whether to learn javascript or not yesterday, but couldn't find any inspiring or short tutorials, so was thinking not to do so. Maybe I will rethink it after watching this though, as your tutorials are great!

Best JavaScript video cheat sheet ever. The work required to build the timeline indexer links is impressive. So I would ask for a video about how to make a video with the timeline indexed into links so viewers can navigate wherever they want.

Can't wait to sit down and watch this. I'm learning about forEach and higher order functions right now and it's a brain sore. Hopefully the "Pass function as parameter" area will help me out a bit.

I love the voice in this video, its crystal clear and very easily understood English accent even for who do not have English as their mother tongue.

Derek you've no idea how much this helped in my interview. You are a genius.Ty

Great Work Derek! You helped me to learn Python, JavaScript and C++. Amazing tutorials...

I’m writing this to make a suggestion for those who want to create permanent and comprehensive learning from videos. I retired after working with Access then asp spaghetti-code. That bothered me, so I went against the grain of my workplace and started splitting out my code into functions. I never learned OOP. From there, I gradually transferred to project management and business analysis. Then, I retired. Now, I’m trying to come back into the job market, but things have changed, and I forgot a lot. Plus, I had huge knowledge gaps since I worked in a narrow area. Your videos have been a Godsend. You move quickly. I like that, but I can miss major points. That's why I watch a video a couple times and then stick it into Remnote to watch with spaced repetition. That way, I don't miss anything, and I don't forget what I learned. Thank you.

This is great tutorial on Javascript programming. Covers the language aspects very well. Good idea to have additional tutorial video for object oriented javascript. Thanks!

Hello, first of all thanks for this tutorial but at around the @33:00 mark you do that function to sort numbers in an ascending or descending order. I just tried in my browser the number.sort() without an argument and it sorts it no problem if I wanted to have it reversed I would just add a number.reverse() right ? So my question is : what is the benefit of using numbers.sort(function(x,y) {return x-y}); over what I said earlier ? Thanks

If in case anyone misses the description of this video, then here you can go! - Get the Cheat Sheet Here: goo.gl/TxNsQO Best Book on JavaScript : amzn.to/1WbMYvm Support Me on Patreon : www.patreon.com/derekbanas 00:22 Introduction 03:27 Variables 04:27 Math 12:00 Random Numbers 13:21 Strings 17:24 Styling Strings 18:14 If 21:44 Switch 23:04 Ternary Operator 23:55 While 24:51 Do While 25:52 For 27:37 For In 28:39 Arrays 34:42 Functions 36:41 Pass Function as Parameter 39:42 Receive Variable Number of Arguments 40:55 Return Variable Number of Arguments 42:02 Recursive Functions 43:54 Event Handling 46:24 Mouse Events 51:30 Key Events 54:02 Change Tag Value 56:41 Change Class 58:02 Change Input Element 59:20 Mouse X / Y Coordinates 1:01:42 Get Elements by Tag Name 1:03:00 Element Styling 1:05:48 Manipulating URLs 1:09:37 Editing Child Nodes 1:15:08 Setting Attributes 1:18:11 Adding Elements 1:19:50 OO JavaScript 1:28:33 Form Validation 1:34:54 Exception Handling

Just what I needed. Thank you mate, you are simply awesome. But when are you going to make tutorials on game development?

Great job, Mr. Banas. Your work is appreciated.

Derek, I love your videos. I have to ask though, why do you make them? Does do the monetized videos make enough to justify making them? I ask because they seem like they'd take hours upon hours of work, making the video, commenting the cheatsheet, planning everything. Just the same, I love these videos, they help me out a bunch, never stop!

Derek has the most beautiful monotone voice. I turn your channel on to help me sleep. No super crazy sound effects, no changes of tone. Just beautiful monotone excellence. I almost can't sleep without you, Derek. I love you. Oh, you're videos are also excellently fast and exactly what a seasoned programmer wants to get up to speed, fast.

Keep up the great work Derek!

I hope RU-vid is paying you a fortune. Your Python tutorial series is easily the best of the best on RU-vid.

Oh My Gosh . I been waiting for this for such a long time ! Thank you !!!!

I learned a lot. Thank you for making this comprehensive tutorial!

Pure Gold. Thank You Derek!

thank you so much for these awesomesauce videos of yours. I probably don't retain as much information as I'd like, but the amount I retain is still very useful to me. Thank you!

finally , i like this tutorial , its speed is just right , makes it easy to learn and doesnt require a bunch of downloads like other tutorials

Hi Derek, thank you very much for all these priceless videos. Your videos are precised and logical. I learn a lot from you everyday.

excellent video Derek. Hope there will be an Angular 4 video(in 1 video) in future as well.Thankyou very much

Hey Derek, the video was more helpful than my teacher! Do you think you can make a video/series on game designing using programs such as unity and UDK? Just one last thing, if the reply in a prompt comes back as a no then can we do something that closes the browser/tab?

Hey Derek, nice tutorial! Can you or someone explain me why event.which have to be null in min ~ 54? Shouldn't it be something like "if event.which=="keyPressed"? I am a absolute beginner and for me "event.which==null" sounds like "if no event happens" ..

Hey @Derek Banas, Thank you for this great tutorial. I've just started watching it and am loving it. I've got a question tho: why at 10'01" the result for "randNum -= 5" equals "5" instead of "0"? Thanks again!

a most excellent tutorial.i can honestly say that i've learnt plenty on here today

You are the best Derek! Cut through the crap and straight to the topic, just the way I like it..