Learn JavaScript - Full Course for Beginners

Поділитися
Вставка

КОМЕНТАРІ • 8 тис.

  • @beau
    @beau 7 місяців тому +214

    Thanks for watching. Check out my other channel for quick software tutorials: ua-cam.com/users/beau

    • @EddieMals
      @EddieMals 7 місяців тому

      hi

    • @Suviiii69
      @Suviiii69 7 місяців тому

      ❤❤❤much luvvvvv

    • @lpmcc5569
      @lpmcc5569 6 місяців тому

      Why is escaping literal quotes in string space sensitive. The computer wouldn't acknowledge my answer until I took the out before \"double quoted".

    • @origami4903
      @origami4903 6 місяців тому

      thank you so much

    • @InDiAnAjOnEs0002
      @InDiAnAjOnEs0002 5 місяців тому

      is the van complete??

  • @freecodecamp
    @freecodecamp  5 років тому +1271

    Click the "JOIN" button below the video to support freeCodeCamp.org!
    ⭐️Expand to see course contents with time codes ⭐️
    💻🎥 Learn to use JavaScript with the HTML DOM: ua-cam.com/play/PLWKjhJtqVAbllLK6r2dnGjUVWB_cFNcuO.html
    💻🎥 Create a project using JavaScript: ua-cam.com/play/PLWKjhJtqVAbleDe3_ZA8h3AO2rXar-q2V.html
    PART 1: BASIC JAVASCRIPT
    ⌨️ (0:01:24) 1. Running JavaScript
    ⌨️ (0:04:23) 2. Comment Your JavaScript Code
    ⌨️ (0:05:56) 3. Declare JavaScript Variables
    ⌨️ (0:06:15) 4. Storing Values with the Assignment Operator
    ⌨️ (0:11:31) 5. Initializing Variables with the Assignment Operator
    ⌨️ (0:11:58) 6. Understanding Uninitialized Variables
    ⌨️ (0:12:40) 7. Understanding Case Sensitivity in Variables
    ⌨️ (0:14:05) 8. Add Two Numbers with JavaScript
    ⌨️ (0:14:34) 9. Subtract One Number from Another with JavaScript
    ⌨️ (0:14:52) 10. Multiply Two Numbers with JavaScript
    ⌨️ (0:15:12) 11. Divide One Number by Another with JavaScript
    ⌨️ (0:15:30) 12. Increment a Number with JavaScript
    ⌨️ (0:15:58) 13. Decrement a Number with JavaScript
    ⌨️ (0:16:22) 14. Create Decimal Numbers with JavaScript
    ⌨️ (0:16:48) 15. Multiply Two Decimals with JavaScript
    ⌨️ (0:17:18) 16. Divide One Decimal by Another with JavaScript
    ⌨️ (0:17:33) 17. Finding a Remainder in JavaScript
    ⌨️ (0:18:22) 18. Compound Assignment With Augmented Addition
    ⌨️ (0:19:22) 19. Compound Assignment With Augmented Subtraction
    ⌨️ (0:20:18) 20. Compound Assignment With Augmented Multiplication
    ⌨️ (0:20:51) 21. Compound Assignment With Augmented Division
    ⌨️ (0:21:19) 22. Declare String Variables
    ⌨️ (0:22:01) 23. Escaping Literal Quotes in Strings
    ⌨️ (0:23:44) 24. Quoting Strings with Single Quotes
    ⌨️ (0:25:18) 25. Escape Sequences in Strings
    ⌨️ (0:26:46) 26. Concatenating Strings with Plus Operator
    ⌨️ (0:27:49) 27. Concatenating Strings with the Plus Equals Operator
    ⌨️ (0:29:01) 28. Constructing Strings with Variables
    ⌨️ (0:30:14) 29. Appending Variables to Strings
    ⌨️ (0:31:11) 30. Find the Length of a String
    ⌨️ (0:32:01) 31. Use Bracket Notation to Find the First Character in a String
    ⌨️ (0:33:27) 32. Understand String Immutability
    ⌨️ (0:34:23) 33. Use Bracket Notation to Find the Nth Character in a String
    ⌨️ (0:34:51) 34. Use Bracket Notation to Find the Last Character in a String
    ⌨️ (0:35:48) 35. Use Bracket Notation to Find the Nth-to-Last Character in a
    ⌨️ (0:36:28) 36. Word Blanks
    ⌨️ (0:40:44) 37. Store Multiple Values in one Variable using JavaScript Arrays
    ⌨️ (0:41:43) 38. Nest one Array within Another Array
    ⌨️ (0:42:33) 39. Access Array Data with Indexes
    ⌨️ (0:43:34) 40. Modify Array Data With Indexes
    ⌨️ (0:44:48) 41. Access Multi-Dimensional Arrays With Indexes
    ⌨️ (0:46:30) 42. Manipulate Arrays With push()
    ⌨️ (0:47:29) 43. Manipulate Arrays With pop()
    ⌨️ (0:48:33) 44. Manipulate Arrays With shift()
    ⌨️ (0:49:23) 45. Manipulate Arrays With unshift()
    ⌨️ (0:50:36) 46. Shopping List
    ⌨️ (0:51:41) 47. Write Reusable JavaScript with Functions
    ⌨️ (0:53:41) 48. Passing Values to Functions with Arguments
    ⌨️ (0:55:43) 49. Global Scope and Functions
    ⌨️ (0:59:31) 50. Local Scope and Functions
    ⌨️ (1:00:46) 51. Global vs. Local Scope in Functions
    ⌨️ (1:02:40) 52. Return a Value from a Function with Return
    ⌨️ (1:03:55) 53. Understanding Undefined Value returned from a Function
    ⌨️ (1:04:52) 54. Assignment with a Returned Value
    ⌨️ (1:05:52) 55. Stand in Line
    ⌨️ (1:08:41) 56. Understanding Boolean Values
    ⌨️ (1:09:24) 57. Use Conditional Logic with If Statements
    ⌨️ (1:11:51) 58. Comparison with the Equality Operator
    ⌨️ (1:13:18) 59. Comparison with the Strict Equality Operator
    ⌨️ (1:14:43) 60. Practice comparing different values
    ⌨️ (1:15:38) 61. Comparison with the Inequality Operator
    ⌨️ (1:16:20) 62. Comparison with the Strict Inequality Operator
    ⌨️ (1:17:05) 63. Comparison with the Greater Than Operator
    ⌨️ (1:17:39) 64. Comparison with the Greater Than Or Equal To Operator
    ⌨️ (1:18:09) 65. Comparison with the Less Than Operator
    ⌨️ (1:18:44) 66. Comparison with the Less Than Or Equal To Operator
    ⌨️ (1:19:17) 67. Comparisons with the Logical And Operator
    ⌨️ (1:20:41) 68. Comparisons with the Logical Or Operator
    ⌨️ (1:21:37) 69. Introducing Else Statements
    ⌨️ (1:22:27) 70. Introducing Else If Statements
    ⌨️ (1:23:30) 71. Logical Order in If Else Statements
    ⌨️ (1:24:45) 72. Chaining If Else Statements
    ⌨️ (1:27:45) 73. Golf Code
    ⌨️ (1:32:15) 74. Selecting from Many Options with Switch Statements
    ⌨️ (1:35:46) 75. Adding a Default Option in Switch Statements
    ⌨️ (1:37:23) 76. Multiple Identical Options in Switch Statements
    ⌨️ (1:39:20) 77. Replacing If Else Chains with Switch
    ⌨️ (1:41:11) 78. Returning Boolean Values from Functions
    ⌨️ (1:42:20) 79. Return Early Pattern for Functions
    ⌨️ (1:43:38) 80. Counting Cards
    ⌨️ (1:49:11) 81. Build JavaScript Objects
    ⌨️ (1:50:46) 82. Accessing Object Properties with Dot Notation
    ⌨️ (1:51:33) 83. Accessing Object Properties with Bracket Notation
    ⌨️ (1:52:47) 84. Accessing Object Properties with Variables
    ⌨️ (1:53:34) 85. Updating Object Properties
    ⌨️ (1:54:30) 86. Add New Properties to a JavaScript Object
    ⌨️ (1:55:19) 87. Delete Properties from a JavaScript Object
    ⌨️ (1:55:54) 88. Using Objects for Lookups
    ⌨️ (1:57:43) 89. Testing Objects for Properties
    ⌨️ (1:59:15) 90. Manipulating Complex Objects
    ⌨️ (2:01:00) 91. Accessing Nested Objects
    ⌨️ (2:01:53) 92. Accessing Nested Arrays
    ⌨️ (2:03:06) 93. Record Collection
    ⌨️ (2:10:15) 94. Iterate with JavaScript While Loops
    ⌨️ (2:11:35) 95. Iterate with JavaScript For Loops
    ⌨️ (2:13:56) 96. Iterate Odd Numbers With a For Loop
    ⌨️ (2:15:28) 97. Count Backwards With a For Loop
    ⌨️ (2:17:08) 98. Iterate Through an Array with a For Loop
    ⌨️ (2:19:43) 99. Nesting For Loops
    ⌨️ (2:22:45) 100. Iterate with JavaScript Do...While Loops
    ⌨️ (2:24:12) 101. Profile Lookup
    ⌨️ (2:28:18) 102. Generate Random Fractions with JavaScript
    ⌨️ (2:28:54) 103. Generate Random Whole Numbers with JavaScript
    ⌨️ (2:30:21) 104. Generate Random Whole Numbers within a Range
    ⌨️ (2:31:46) 105. Use the parseInt Function
    ⌨️ (2:32:36) 106. Use the parseInt Function with a Radix
    ⌨️ (2:33:29) 107. Use the Conditional (Ternary) Operator
    ⌨️ (2:34:57) 108. Use Multiple Conditional (Ternary) Operators
    PART 2: ES6
    ⌨️ (2:36:57) 109. Explore Differences Between the var and let Keywords
    ⌨️ (2:39:02) 110. Compare Scopes of the var and let Keywords
    ⌨️ (2:41:32) 111. Declare a Read-Only Variable with the const Keyword
    ⌨️ (2:43:40) 112. Mutate an Array Declared with const
    ⌨️ (2:44:52) 113. Prevent Object Mutation
    ⌨️ (2:47:17) 114. Use Arrow Functions to Write Concise Anonymous Functions
    ⌨️ (2:28:24) 115. Write Arrow Functions with Parameters
    ⌨️ (2:49:27) 116. Write Higher Order Arrow Functions
    ⌨️ (2:53:04) 117. Set Default Parameters for Your Functions
    ⌨️ (2:54:00) 118. Use the Rest Operator with Function Parameters
    ⌨️ (2:55:31) 119. Use the Spread Operator to Evaluate Arrays In-Place
    ⌨️ (2:57:18) 120. Use Destructuring Assignment to Assign Variables from Objects
    ⌨️ (3:00:18) 121. Use Destructuring Assignment to Assign Variables from Nested Objects
    ⌨️ (3:01:55) 122. Use Destructuring Assignment to Assign Variables from Arrays
    ⌨️ (3:03:40) 123. Use Destructuring Assignment with the Rest Operator to Reassign Array
    ⌨️ (3:05:05) 124. Use Destructuring Assignment to Pass an Object as a Function's
    ⌨️ (3:06:39) 125. Create Strings using Template Literals
    ⌨️ (3:10:43) 126. Write Concise Object Literal Declarations Using Simple Fields
    ⌨️ (3:12:24) 127. Write Concise Declarative Functions with ES6
    ⌨️ (3:12:56) 128. Use class Syntax to Define a Constructor Function
    ⌨️ (3:15:11) 129. Use getters and setters to Control Access to an Object
    ⌨️ (3:20:25) 130. Understand the Differences Between import and require
    ⌨️ (3:22:33) 131. Use export to Reuse a Code Block
    ⌨️ (3:23:40) 132. Use * to Import Everything from a File
    ⌨️ (3:24:50) 133. Create an Export Fallback with export default
    ⌨️ (3:25:26) 134. Import a Default Export

    • @fansofpenguin9275
      @fansofpenguin9275 5 років тому +16

      Please PINNED this important comment 👆

    • @gio1135
      @gio1135 5 років тому +34

      This in itself is a lot of work. Let alone making the video.

    • @akshaysutar7995
      @akshaysutar7995 5 років тому +6

      Sir I want to notes in PDF format.
      Please share

    • @akshaysutar7995
      @akshaysutar7995 5 років тому +4

      Send me PDF file

    • @gio1135
      @gio1135 5 років тому +48

      @@akshaysutar7995 Shut up.

  • @tangbein
    @tangbein 5 років тому +19205

    It's insane to think that I spent 5000 bucks in a private school over the course of half a year to learn what this guy has taught me in 3 h 26 m and 42 s. UA-cam has truly revolutionized learning.

    • @chrissabre1761
      @chrissabre1761 5 років тому +709

      Sorry man but ...private schools are leeches, and usually dont teach you more.

    • @tangbein
      @tangbein 5 років тому +329

      @@chrissabre1761 I know. It's nothing new. Sadly the schools are flourishing.

    • @RandomGuy-hh4dk
      @RandomGuy-hh4dk 5 років тому +810

      self learning gives you lots of stress trust me. College is only to give you an environment where you can learn with others and solve a problem together. What would you do if you were coding on your own and got stuck in some error? You can get help online but it takes time to get feedback. Also a degree increases your chances of employment.

    • @chrissabre1761
      @chrissabre1761 5 років тому +70

      @@tangbein yes, and if any of the US ever passes a debt cancellation bill, they will lose Millions if not billions and likely labeled as practicing predatory and over priced loans , we will see.

    • @adhitoalfattah4855
      @adhitoalfattah4855 5 років тому +161

      School Is sucks...You can get everything You Need On Internet...

  • @osamagamal495
    @osamagamal495 Місяць тому +71

    I remember watching this video 5 years ago as a complete beginner now I am a full time front-end developer.
    Thank you for spreading the knowledge. it's really appreciated.

    • @gurushill
      @gurushill Місяць тому +1

      Drop your tiktok account bro

    • @osamagamal495
      @osamagamal495 Місяць тому

      I am not on Tiktok unfortunately@@gurushill

    • @footy895
      @footy895 18 годин тому

      how much do you make?

  • @tib2665
    @tib2665 Рік тому +1657

    I learned JS before finding this tutorial, but it is so remarkable I had to share something as well.
    Here's how this 62 year old learned Javascript: through books that have interactive content. Those that make you practice what they teach on each chapter. And that's what you need as a beginner: practice instead of complex subjects and concepts.
    These are the best ones:
    Eloquent Javascript
    Javascript In Less Than 50 Pages
    Head First Javascript Programming
    Smarter Way to Learn Python
    You're welcome!

    • @acharyaguy
      @acharyaguy Рік тому +12

      Thank you, but one of the books you suggested is for learning python ,why ?

    • @rahimdin3180
      @rahimdin3180 Рік тому +5

      JavaScript necessary to learn for web 3.0 ,and it is a complete training to learn it, I am a beginner .thnx

    • @OrangeandGreenSoda
      @OrangeandGreenSoda Рік тому +1

      any book suggestions? (Relating to js)

    • @NomadLovesUs
      @NomadLovesUs Рік тому +18

      @@acharyaguy because he's a bot lol

    • @AlexEG_
      @AlexEG_ Рік тому +3

      @@OrangeandGreenSoda You don't Know JS -- KYLE SIMPSON --

  • @radioactivememes4964
    @radioactivememes4964 3 роки тому +3473

    shout out to people learning to code during quarantine

    • @AscenderrGrey
      @AscenderrGrey 3 роки тому +17

      :)

    • @joseph1131
      @joseph1131 3 роки тому +62

      Heck yeah. Im a month and a half into python and some into javascript. Making the best of a bad situation

    • @nolanimates1595
      @nolanimates1595 3 роки тому +6

      :) too

    • @psychologic__
      @psychologic__ 3 роки тому +4

      Let’s Go!!

    • @humzahawais6759
      @humzahawais6759 3 роки тому +11

      Wait a minute I learned C++ in a day 4 months ago and python in a day
      I learned css yesterday and HTML day before

  • @malickmohamed1809
    @malickmohamed1809 5 років тому +10541

    comment your Javascript code 4:22
    data types and variables 5:58
    storing values with assignment operator 9:14
    initializing variables with assignment operator 11:33
    uninitialized variables 12:00
    case sensitivity in variables 12:41
    adding numbers 14:05
    subtracting numbers 14:36
    multiplying numbers 14:53
    dividing numbers15:11
    incermenting numbers 15:30
    decrementing numbers15:59
    decimal numbers 16:23
    multiply decimals 16:50
    divide decimals 17:18
    finding a remainder 17:35
    compound assignment with augmented addition 18:22
    compound assignment with augmented subtraction 19:21
    compound assignment with augmented multiplication 20:20
    compound assignment with augmented division 20:52
    declare string variables 21:21
    escaping literal quotes in strings 22:02
    quotinq strings with single quotes 22:43
    escape sequences in strings 25:19
    concatenating string with plus operator 26:48
    concatenating string with variables 29:01
    appending variables to strings 30:15
    find a length of string 31:12
    bracket notation to find first character in string 32:01
    bracket notation to find Nth character in string34:24
    bracket notation to find last character in string34:54
    word blanks 36:31
    store multiple values with arrays40:45
    nested arrays 41:44
    access array data with indexes42:35
    modify array data with indexes 43:37
    access multi-dimensional arrays with indexes 44:47
    manipulate arrays with pop() 47:28
    manipulate arrays with shift() 48:35
    manipulate arrays with unshift() 49:23
    shopping list 50:37
    write reusable code with functions 51:43
    passing values to functions with arguments 53:41
    global scope and functions 55:44
    local scope and functions 59:32
    understand undefined value returned from a function 1:03:56
    assignment with a returned value1:04:53
    stand in line 1:05:53
    boolean values 1:08:41
    use conditional logic with if statements 1:09:24
    comparison with the strict equality operator 1:13:20
    practice comparing different values 1:14:42
    comparison with inequality operator1:15:38
    comparison with greater than or equal to operator1:17:39
    comparison with less than or equal to operator1:18:45
    comparison with the logical and operator1:19:18
    comparison with the logical or operator 1:20:42
    else statements 1:21:38
    else if statements 1:22:28
    chaining if else statements 1:24:45
    golf code 1:27:47
    switch statement1:32:14
    default option in switch statements 1:35:46
    multiple identical options in switch statements 1:37:25
    replacing if else chins with switch 1:39:20
    returning boolean value form functions1:41:11
    returning an early pattern from functions1:42:20
    counting cards 1:43:38
    build javascript objects1:49:12
    accessing object properties with dot notation1:50:47
    accessing object properties with bracket notation1:51:34
    accessing object properties with variables1:52:48
    updating object properties 1:53:36
    add new property to an object 1:54:31
    delete properties form an object1:55:19
    using objects for lookups 1:55:55
    testing objects for properties 1:57:46
    manipulating complex objects1:59:15
    accessing nested objects 2:01:03
    accessing nested arrays 2:01:52
    record collection 2:03:05
    iterate with while oop 2:10:15
    iterate with for loops 2:11:34
    iterate odd numbers with a for loop 2:13:56
    count backwards with a for loop2:15:29
    iterative through an array with for loop 2:17:08
    nesting for loops 2:19:43
    nesting with do..while loops 2:22:45
    profile lookup 2:24:12
    generate random fractions 2:28:18
    generate random whole numbers 2:28:55
    generate random whole numbers within a range 2:30:24
    use the parseInt function 2:31:47
    use the parseInt function with a radix 2:32:37
    use the conditional(ternary) operator 2:33:29
    use multiple conditional (ternary)operators 2:34:58
    difference between the var and let keywords2:36:58
    compare scopes of the var and let keywords2:39:05
    declare a read-only variable with the const keyword2:41:35
    mutate an array declared with const 2:43:41
    prevent object mutation 2:44:53
    use arrow function to write concise anonymous functions 2:47:17
    write arrow functions with parameters 2:48:23
    write higher order arrow functions2:49:26
    write higher order arrow functions 2:53:05
    use the spread operator to evaluate arrays In-Place 2:55:33
    use destruction in assignment to assign variables from objects 2:57:18
    destructuring assignment with nested objects 3:00:17
    use destructuring assignment to assign variables from arrays 3:01:54
    use destructuring assignment with the rest operator 3:03:42
    create string using template literals 3:06:39
    write concise object literal declarations using simple fields 3:10:42
    write concise declarative functions 3:12:24
    use class syntax to define a constructor function 3:12:59
    use getters and setters to control access to an object 3:15:10
    understanding the differences between import and require 3:20:25
    use export to reuse a code block 3:22:33
    use * to import everything from a file 3:23:40
    create an export fallback with export default 3:24:50
    import a default export 3:25:25
    Outro 3:26:18

    • @priti9016
      @priti9016 5 років тому +435

      you're an absolute legend
      if this is truly compiled by you, thanks a lot mate

    • @aka_amanyadav
      @aka_amanyadav 5 років тому +60

      thanks bro!!

    • @hamiddami3686
      @hamiddami3686 5 років тому +20

      merci bcp

    • @almaliki5292
      @almaliki5292 5 років тому +44

      True legend

    • @ifteekharulislam7945
      @ifteekharulislam7945 5 років тому +58

      Thank you brother Malik Mohammad!! Jazakallahu Khairun brother... You just did a great deed for all of us...

  • @sylvanusjoseph1140
    @sylvanusjoseph1140 Рік тому +140

    I must state that after numerous paid course online and on UA-cam at learning JavaScript this is bar far the best course I have come across. In terms of explanation and clear precise well detail documentation this is second to none.
    Thank you for all your hard work and sharing this with us. This world needs more people like you.

  • @sinethmendis8950
    @sinethmendis8950 10 місяців тому +445

    This is for my convenience :-)
    0:00:00 Introduction
    0:01:24 Running JavaScript
    0:04:23 Comment Your Code
    0:05:56 Declare Variables
    0:06:15 Storing Values with the Assignment Operator
    0:11:31 Initializing Variables with the Assignment Operator
    0:11:58 Uninitialized Variables
    0:12:40 Case Sensitivity in Variables
    0:14:05 Basic Math
    0:15:30 Increment and Decrement
    0:16:22 Decimal Numbers
    0:16:48 Multiply Two Decimals
    0:17:18 Divide Decimals
    0:17:33 Finding a Remainder
    0:18:22 Augmented Math Operations
    0:21:19 Declare String Variables
    0:22:01 Escaping Literal Quotes
    0:23:44 Quoting Strings with Single Quotes
    0:25:18 Escape Sequences
    0:26:46 Plus Operator
    0:27:49 Plus Equals Operator
    0:29:01 Constructing Strings with Variables
    0:30:14 Appending Variables to Strings
    0:31:11 Length of a String
    0:32:01 Bracket Notation
    0:33:27 Understand String Immutability
    0:34:23 Find the Nth Character
    0:36:28 Word Blanks
    0:40:44 Arrays
    0:41:43 Nest Arrays
    0:42:33 Access Array Data
    0:43:34 Modify Array Data
    0:44:48 Access Multi-Dimensional Arrays
    0:46:30 push()
    0:47:29 pop()
    0:48:33 shift()
    0:49:23 unshift()
    0:50:36 Shopping List
    0:51:41 Write Reusable with Functions
    0:53:41 Arguments
    0:55:43 Global Scope
    0:59:31 Local Scope
    1:00:46 Global vs Local Scope in Functions
    1:02:40 Return a Value from a Function
    1:03:55 Undefined Value returned
    1:04:52 Assignment with a Returned Value
    1:05:52 Stand in Line
    1:08:41 Boolean Values
    1:09:24 If Statements
    1:11:51 Equality Operators
    1:19:17 And / Or Operators
    1:21:37 Else Statements
    1:22:27 Else If Statements
    1:23:30 Logical Order in If Else Statements
    1:24:45 Chaining If Else Statements
    1:27:45 Golf Code
    1:32:15 Switch Statements
    1:41:11 Returning Boolean Values from Functions
    1:42:20 Return Early Pattern for Functions
    1:43:38 Counting Cards
    1:49:11 Build Objects
    1:50:46 Dot Notation
    1:51:33 Bracket Notation
    1:52:47 Variables
    1:53:34 Updating Object Properties
    1:54:30 Add New Properties to Object
    1:55:19 Delete Properties from Object
    1:55:54 Objects for Lookups
    1:57:43 Testing Objects for Properties
    1:59:15 Manipulating Complex Objects
    2:01:00 Nested Objects
    2:01:53 Nested Arrays
    2:03:06 Record Collection
    2:10:15 While Loops
    2:11:35 For Loops
    2:13:56 Odd Numbers With a For Loop
    2:15:28 Count Backwards With a For Loop
    2:17:08 Iterate Through an Array with a For Loop
    2:19:43 Nesting For Loops
    2:22:45 Do...While Loops
    2:24:12 Profile Lookup
    2:28:18 Random Fractions and Whole Numbers
    2:31:46 parseInt Function
    2:33:29 Ternary Operator
    2:34:57 Multiple Ternary Operators
    2:36:57 var vs let
    2:41:32 const Keyword
    2:43:40 Mutate an Array Declared with const
    2:44:52 Prevent Object Mutation
    2:47:17 Arrow Functions
    2:53:04 Default Parameters
    2:54:00 Rest Operator
    2:55:31 Spread Operator
    2:57:18 Destructuring Assignment
    3:06:39 Template Literals
    3:10:43 Simple Fields
    3:12:24 Declarative Functions
    3:12:56 class Syntax
    3:15:11 getters and setters
    3:20:25 import and export

  • @stickmanster8289
    @stickmanster8289 4 роки тому +3210

    mans made a JS full 3hr course with NO ADS. this man is a true LEGEND.

    • @jimmyjaramillo6411
      @jimmyjaramillo6411 4 роки тому +9

      @@programmingmindset nobody asked

    • @HerrMustermann
      @HerrMustermann 4 роки тому +168

      @@jimmyjaramillo6411 did we ask you?

    • @kensei4237
      @kensei4237 4 роки тому +99

      I have ads lmao

    • @savagenovelist2983
      @savagenovelist2983 4 роки тому +6

      You’re aware that they provide courses for essentially every language I can think of with no ads, right?

    • @imiqar2607
      @imiqar2607 3 роки тому +5

      @@pythonithon5916 you'll change your mind after you try to earn money from web ads xD

  • @itzcracked4880
    @itzcracked4880 3 роки тому +4444

    When you are familiar with one language, learning another one is just like reviewing what you have learned.

    • @SSNUTHIN
      @SSNUTHIN 3 роки тому +93

      I'm seeing that now as I am learning php. It and JavaScript are different but it's almost like the differences jump out at me because I got so deep into JavaScript making them easier to remember.

    • @maelstrom57
      @maelstrom57 3 роки тому +180

      Yeah, right. All my HTML and CSS knowledge is pretty much useless for Javascript.

    • @SSNUTHIN
      @SSNUTHIN 3 роки тому +155

      @@maelstrom57 Html is a markup language opposed to JavaScript which is a programming language. That was a little confusing for me too at first but yeah languages that represents the front end like XML and html are a completely different family with different objectives. That's why we have APIs that allow what is on the front end to be translated to go into the database and vice versa.

    • @jayg125
      @jayg125 3 роки тому +82

      Yeah, After you have a solid base, learning a second language is mostly learning the new syntax

    • @anselsolomon6270
      @anselsolomon6270 3 роки тому +92

      Am telling you..coming from python..its makes it look so simple..just know the syntax

  • @craigwilson3591
    @craigwilson3591 Рік тому +19

    Only about 50 minutes in but been a complete game changer for learning basic JavaScript so far. Used a couple of other platforms to learn the basics but it wasn’t sticking in my head at all, switch over to this and confidence is 10x from before. Looking forward to watching the rest of the video.

  • @jasonbourne4865
    @jasonbourne4865 Рік тому +59

    Finally a tutorial format that is actually beginner friendly and easy to follow, and that doesn't bombard you with lots of unfamiliar programming lingo right from the start. Well done, sir!

    • @diodelvino3048
      @diodelvino3048 9 місяців тому +12

      this will always be the most frustrating part about learning anything, people treat you like you have experience while labeling a program as beginner friendly

  • @jamshedfbc
    @jamshedfbc 5 років тому +1451

    You are a noble man to share this for free.

    • @blackninja9400
      @blackninja9400 5 років тому +15

      just download the video, put it on a CD and take care of it. :)

    • @naveenlb6560
      @naveenlb6560 4 роки тому +85

      @@blackninja9400 Put it on a CD? Who the f uses CD in 2019?

    • @stacksonchain9320
      @stacksonchain9320 4 роки тому +8

      @@techskeletons7381 floppy?

    • @DeepakKumar-ee6tw
      @DeepakKumar-ee6tw 4 роки тому +5

      That too without any add

    • @ksaikumarnaik271
      @ksaikumarnaik271 4 роки тому +9

      @@DeepakKumar-ee6tw plss suggest me sir... still i am under graduate ... what can i learn after dis video... i mean what should i want to learn after these javaScript... tell me the best path.... ? Any one sir...pls

  • @ElizabethLopezv
    @ElizabethLopezv 3 роки тому +2415

    my advice as a beginner, do it by yourself (all the code) after every explanation, it will take longer but is essential to learn and master the basis. Finishing this course in 4 hours doesn't worth if don't assimilate the concepts. Good things take time. =). PD: English is not my first language, I'm still learning.

    • @xyangst
      @xyangst 2 роки тому +27

      i ended up just using the website without the video

    • @simoncallelaverde
      @simoncallelaverde 2 роки тому +56

      Very very true! I did it like that, took a looooot more than three hours. Various days in fact. But I could even "correct" Beau in soo many things, simplify his stuff, do it other way, try changing many things, and understand every concept deeply.
      Cheers!

    • @pikacoder5782
      @pikacoder5782 2 роки тому +1

      Handwriiten Notes of above lecture in My YT Channel

    • @Daria_Georgieva
      @Daria_Georgieva 2 роки тому +6

      This is so true!

    • @subratadas9772
      @subratadas9772 2 роки тому +4

      yeah good things take time to grow.

  • @ri3706
    @ri3706 2 місяці тому +8

    I know this video is 5 years old, but my goodness, it's good! Your ability to condense these concepts is golden and I love that you introduced and utilized functions so early on in the video. Thank you for this free content.

    • @vija543
      @vija543 2 місяці тому +1

      I'm too watching this video right now 🎉

    • @jayshiku341
      @jayshiku341 2 місяці тому

      My people. ❤

    • @krishnapankaj4661
      @krishnapankaj4661 Місяць тому

      If I learn from this course, will that be fine? Is it still relevant?

  • @wardenpataski2882
    @wardenpataski2882 2 роки тому +1714

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

    • @jorgediaz4945
      @jorgediaz4945 2 роки тому +9

      Good Luck, u got this 🤝

    • @wardenpataski2882
      @wardenpataski2882 2 роки тому +304

      Thank you for the support guys, unfortunately I didn’t pitch the role. But hey, at least I have tried my best. Good luck to y’all too 👊

    • @abk072
      @abk072 2 роки тому +5

      did you get it??

    • @graphicdesigner7650
      @graphicdesigner7650 2 роки тому +22

      @@wardenpataski2882 Keep on trying. You're on the right track. Take care!

    • @TheImpersonater
      @TheImpersonater 2 роки тому +1

      good luck bro

  • @asmrtist9058
    @asmrtist9058 4 роки тому +775

    "Use your code for good"
    I won't disappoint you Sensei!

  • @NubianQueenVibe
    @NubianQueenVibe Рік тому +122

    10 Minutes a Day. I should be able to finish this course in 20 Days. Thank you!

    • @mizzylizzy565
      @mizzylizzy565 Рік тому +16

      I'm extrememly grateful to you, i was over doing myself and ended up getting complacent, it's all about consistency and making it easy enough to remain consistent

    • @mrjakhar7777
      @mrjakhar7777 Рік тому

      youtube.com/@S.jakhar?sub_confirmation=1

    • @viktorgoa
      @viktorgoa Рік тому +4

      10 mins? lol I can do this in one go, the first hour is elementary stuff

    • @stenstruik395
      @stenstruik395 Рік тому +35

      @@viktorgoa youre so cool, you want a medal?

    • @Iamprogamer670
      @Iamprogamer670 Рік тому +1

      @@stenstruik395 Lol, this is true though

  • @omoribakeikumoluyi9111
    @omoribakeikumoluyi9111 Рік тому +5

    Thank you so much for this course. Just what I need. 2 weeks at my own pace, and I feel confident to tackle work-standard problems. Now, onto the freecodecamp challenges.

  • @oungthihamaung41
    @oungthihamaung41 2 роки тому +1943

    Stop scrolling through the comments! Get back to the video and focus!!

  • @edk377
    @edk377 3 роки тому +367

    A word of encouragement to anyone when i first watched this sometime in July it was Greek as i had just finished my HTML/CSS, i gave it a break and did a lot of reading W3schools, headfirst JavaScript book and shorter videos to explain maybe loops objects etc.
    i have come back today and i am able to finish his sentences its a breeze, only 1.5 months ago i was feeling overwhelmed, it gets batter y'all it gets easier with practice and consistency so keep going!

    • @gasto64
      @gasto64 3 роки тому +7

      Thank you so much that;s a relief

    • @artemistheory
      @artemistheory 3 роки тому +5

      Thank you, seriously.

    • @vivian318
      @vivian318 3 роки тому +4

      Thank you! So good to know

    • @buchdow8492
      @buchdow8492 3 роки тому +6

      Thanks a lot, I needed to hear this. if I didn't have a " never-say-die attitude", JavaScript as a whole would have discouraged me from learning to code.

    • @vivian318
      @vivian318 3 роки тому +1

      @@buchdow8492 keep going! Make it fun however you can. You’ve come this far keep going you got this!

  • @CamJames
    @CamJames Рік тому +51

    Halfway through this in a day while taking detailed notes. I already feel like I've been through several weeks worth of classes. This is masterful, thank you.

    • @aayushchourasia4824
      @aayushchourasia4824 Рік тому +2

      Can you share me the notes that you made brother

    • @CamJames
      @CamJames Рік тому

      @@aayushchourasia4824 No problem: docs.google.com/spreadsheets/d/1Wq1Aswpb-C_8o5Pl5YNAb2zM1lDX7SQgJ-pMMxVhFSE/edit?usp=sharing

    • @abhinavdubey
      @abhinavdubey Рік тому +2

      YEAH... PLEASE SHARE YOUR NOTES BRO...

    • @johnpick1763
      @johnpick1763 10 місяців тому

      Send them my way please

    • @humz205
      @humz205 7 місяців тому

      Can you share the notes please

  • @Makrealin
    @Makrealin Рік тому +7

    2 weeks + notes + code and I am done with the video. Thank you for the course now moving to practice.:)

  • @mmathatoable
    @mmathatoable 3 роки тому +504

    Here's to my first day taking this course after 6 weeks of procrastination. I wish myself and everyone on the same journey a very good luck!!! No stopping!

    • @vincentludwig9584
      @vincentludwig9584 3 роки тому +5

      Don’t give up! I’m learning with you!

    • @shizutempest7877
      @shizutempest7877 2 роки тому +5

      Good luck, i hope you can stop procrastination forever 🔥🔥🔥

    • @starletudeh2586
      @starletudeh2586 2 роки тому

      Hello please can we talk?

    • @vincentludwig9584
      @vincentludwig9584 2 роки тому +1

      @@starletudeh2586 What do you mean?

    • @Jazmento
      @Jazmento 2 роки тому +9

      @@shizutempest7877 That is physically impossible

  • @viniciusmorgado9722
    @viniciusmorgado9722 3 роки тому +149

    This video is my entire semester in college, well done!

    • @viniciusmorgado9722
      @viniciusmorgado9722 2 роки тому

      @@donttrustnobody1 Yes, But I code C# for years now, maybe for beginners is not enough.

    • @adh-techie
      @adh-techie 2 роки тому

      Design Facebook Login Page with me in 4 Steps ,Trailer :ua-cam.com/video/sVVnGlrxIko/v-deo.html

  • @032_anjaliprabha9
    @032_anjaliprabha9 Рік тому +19

    Thank you! This is a very helpful tutorial.

  • @benjamindave4821
    @benjamindave4821 Рік тому +1

    Even a four year old can learn from this tutorial and understand how JavaScript works.. this is brilliant and it's a life saver. I have gone through lot's of tutorials on UA-cam and it has been difficult for me to really understand somethings in Javascript. But I started this tutorial just yesterday and I can't believe how much I have come to understand in such a short time. Thank you so much!♥️

  • @mudassarkhokharrr
    @mudassarkhokharrr 3 роки тому +274

    ⭐️Course Contents⭐️
    0:00:00 Introduction
    0:01:24 Running JavaScript
    0:04:23 Comment Your Code
    0:05:56 Declare Variables
    0:06:15 Storing Values with the Assignment Operator
    0:11:31 Initializing Variables with the Assignment Operator
    0:11:58 Uninitialized Variables
    0:12:40 Case Sensitivity in Variables
    0:14:05 Add Two Numbers
    0:14:34 Subtract One Number from Another
    0:14:52 Multiply Two Numbers
    0:15:12 Dividing Numbers
    0:15:30 Increment
    0:15:58 Decrement
    0:16:22 Decimal Numbers
    0:16:48 Multiply Two Decimals
    0:17:18 Divide Decimals
    0:17:33 Finding a Remainder
    0:18:22 Augmented Addition
    0:19:22 Augmented Subtraction
    0:20:18 Augmented Multiplication
    0:20:51 Augmented Division
    0:21:19 Declare String Variables
    0:22:01 Escaping Literal Quotes
    0:23:44 Quoting Strings with Single Quotes
    0:25:18 Escape Sequences
    0:26:46 Plus Operator
    0:27:49 Plus Equals Operator
    0:29:01 Constructing Strings with Variables
    0:30:14 Appending Variables to Strings
    0:31:11 Length of a String
    0:32:01 Bracket Notation
    0:33:27 Understand String Immutability
    0:34:23 Find the Nth Character
    0:34:51 Find the Last Character
    0:35:48 Find the Nth-to-Last Character
    0:36:28 Word Blanks
    0:40:44 Arrays
    0:41:43 Nest Arrays
    0:42:33 Access Array Data
    0:43:34 Modify Array Data
    0:44:48 Access Multi-Dimensional Arrays
    0:46:30 push()
    0:47:29 pop()
    0:48:33 shift()
    0:49:23 unshift()
    0:50:36 Shopping List
    0:51:41 Write Reusable with Functions
    0:53:41 Arguments
    0:55:43 Global Scope
    0:59:31 Local Scope
    1:00:46 Global vs Local Scope in Functions
    1:02:40 Return a Value from a Function
    1:03:55 Undefined Value returned
    1:04:52 Assignment with a Returned Value
    1:05:52 Stand in Line
    1:08:41 Boolean Values
    1:09:24 If Statements
    1:11:51 Equality Operator
    1:13:18 Strict Equality Operator
    1:14:43 Comparing different values
    1:15:38 Inequality Operator
    1:16:20 Strict Inequality Operator
    1:17:05 Greater Than Operator
    1:17:39 Greater Than Or Equal To Operator
    1:18:09 Less Than Operator
    1:18:44 Less Than Or Equal To Operator
    1:19:17 And Operator
    1:20:41 Or Operator
    1:21:37 Else Statements
    1:22:27 Else If Statements
    1:23:30 Logical Order in If Else Statements
    1:24:45 Chaining If Else Statements
    1:27:45 Golf Code
    1:32:15 Switch Statements
    1:35:46 Default Option in Switch Statements
    1:37:23 Identical Options in Switch Statements
    1:39:20 Replacing If Else Chains with Switch
    1:41:11 Returning Boolean Values from Functions
    1:42:20 Return Early Pattern for Functions
    1:43:38 Counting Cards
    1:49:11 Build Objects
    1:50:46 Dot Notation
    1:51:33 Bracket Notation
    1:52:47 Variables
    1:53:34 Updating Object Properties
    1:54:30 Add New Properties to Object
    1:55:19 Delete Properties from Object
    1:55:54 Objects for Lookups
    1:57:43 Testing Objects for Properties
    1:59:15 Manipulating Complex Objects
    2:01:00 Nested Objects
    2:01:53 Nested Arrays
    2:03:06 Record Collection
    2:10:15 While Loops
    2:11:35 For Loops
    2:13:56 Odd Numbers With a For Loop
    2:15:28 Count Backwards With a For Loop
    2:17:08 Iterate Through an Array with a For Loop
    2:19:43 Nesting For Loops
    2:22:45 Do...While Loops
    2:24:12 Profile Lookup
    2:28:18 Random Fractions
    2:28:54 Random Whole Numbers
    2:30:21 Random Whole Numbers within a Range
    2:31:46 parseInt Function
    2:32:36 parseInt Function with a Radix
    2:33:29 Ternary Operator
    2:34:57 Multiple Ternary Operators
    2:36:57 var vs let
    2:39:02 var vs let scopes
    2:41:32 const Keyword
    2:43:40 Mutate an Array Declared with const
    2:44:52 Prevent Object Mutation
    2:47:17 Arrow Functions
    2:28:24 Arrow Functions with Parameters
    2:49:27 Higher Order Arrow Functions
    2:53:04 Default Parameters
    2:54:00 Rest Operator
    2:55:31 Spread Operator
    2:57:18 Destructuring Assignment: Objects
    3:00:18 Destructuring Assignment: Nested Objects
    3:01:55 Destructuring Assignment: Arrays
    3:03:40 Destructuring Assignment with Rest Operator to Reassign Array
    3:05:05 Destructuring Assignment to Pass an Object
    3:06:39 Template Literals
    3:10:43 Simple Fields
    3:12:24 Declarative Functions
    3:12:56 class Syntax
    3:15:11 getters and setters
    3:20:25 import vs require
    3:22:33 export
    3:23:40 * to Import
    3:24:50 export default
    3:25:26 Import a Default Export

  • @rohatkarabulut2476
    @rohatkarabulut2476 2 роки тому +261

    Coming from a few years of advanced Java and VBA. It's super painful to learn the basics again and again but now that I'm half way, it has become quite informative and I'm starting to realise some of the basics I've completely forgotten. Thanks for your time and effort my man, you've been massive help!

    • @shawnieleaf2277
      @shawnieleaf2277 Рік тому +9

      That’s what it seems like for me with any field of learning. The more I progress the more I learn and understand the full meaning and nuisances of the basics.

    • @7Denial7
      @7Denial7 Рік тому +2

      Hi Rohat! I like VBA too! What kind of software did you write in VBA? Did you use classes and interfaces?

    • @bambimbambas
      @bambimbambas 3 місяці тому

      Darn right, it's always so annoying to learn the same stuff, which is intricately different in different languages. I'm talking about the basics of every programming language...

  • @Ason_Project
    @Ason_Project Рік тому +1

    The most thorough JavaScript breakdown I've come across

  • @islombekmirsalimov3185
    @islombekmirsalimov3185 Рік тому +1

    I just finished the video after a month studying. Thank you so much! I am very grateful and excited to learn more about Javascript.

  • @anilsanghvi1044
    @anilsanghvi1044 3 роки тому +215

    As a beginner, I found this course very useful.
    Thanks for sharing this high-quality content.

    • @vaibhavsingh16
      @vaibhavsingh16 2 роки тому

      ua-cam.com/video/_3EZVfIObtM/v-deo.html&ab_channel=Denotes

  • @bluelion978
    @bluelion978 2 роки тому +399

    I started yesterday evening and I am about 70 minutes into the tutorial. I am going slowly plus doing the samples alongside using scrimba. I am liking this big time. Very well organized and fluid in explaining. Thanks for this free code camp!!

    • @arjunpoudel8762
      @arjunpoudel8762 2 роки тому

      Hi this may be useful to you.
      Finding Location of your website visitors using php and javascript ,
      ua-cam.com/video/kZxfIguCY2Y/v-deo.html
      Thanks.

    • @practicalcoding8010
      @practicalcoding8010 2 роки тому

      Camera photo capture using Javascript
      ua-cam.com/video/Gcdy7BYxgCo/v-deo.html
      Thanks.

    • @djdx2
      @djdx2 2 роки тому +4

      im glad you are using it along-side scrimba. Scrimba is ALOT better as it shows you from Day1 how JavaScript interacts with you webpage. This video here (i still give credit), unfortunatly only shows the JS code, nothing actually useful for HTML/CSS

    • @________1516
      @________1516 2 роки тому +5

      Thanks for mentioning Scrimba! I didn't know about it. That resource is GOLD!!!

    • @zephyrgaming9798
      @zephyrgaming9798 2 роки тому

      Bro do you know how to save javascript code in scrimba

  • @gogodiego
    @gogodiego Рік тому +1

    just finished after taking over 15 hours of taking notes, making examples, and practicing coding, and want to thank you.

  • @k_mac.i
    @k_mac.i 4 місяці тому +1

    I'm a total beginner and so far so good. I've never easily grasped concepts as I've done with this video. I'm only 2 hrs in and well.. nothing to complain about.

  • @jacobtran4010
    @jacobtran4010 3 роки тому +26

    This man has a lovely voice that is made for teaching beginners like myself and I find him to be very clear concise and thorough when he explains. Not only that, the tone of his voice fits the the speed and volume he project out :)

  • @286432531
    @286432531 4 роки тому +1429

    Every time I watch a javascript tutorial:
    My brain: Got it, this is easy.
    Chrome console: error.

  • @j-udan
    @j-udan 4 місяці тому +4

    I tried learning JavaScript before, but it was just too tough. I couldn't understand anything! But then I watched this course, and I can actually use JavaScript now.

  • @tamimazizadah
    @tamimazizadah Рік тому +2

    Thank you so much for this amazing tutorial! I wish there was some more time spent on anonymous functions, mainly explaining where they are used best, but I'm sure you guys have it covered in one of your other awesome videos. THANK YOU!

  • @BoBee94
    @BoBee94 5 років тому +801

    Haha I loved that kid at the beginning :D

  • @banashreegogoi1958
    @banashreegogoi1958 2 роки тому +146

    I can't express my gratitude for this course.. I am speechless about how I feel in love with JavaScript. I had immense fear and procrastination though I did a hell lot of course still I was stuck somewhere. I Thank you guys for the success of my Career. Awesome Guys!

    • @aanaybhure7079
      @aanaybhure7079 2 роки тому

      #eazzylearninglab

    • @Katiadevido
      @Katiadevido 2 роки тому +3

      I'm glad to hear I'm not the only one :)

    • @nikitadamani4811
      @nikitadamani4811 Рік тому

      at 2:57, in this code why function name is not declared it is just written function(), also at the end of function there is a pair of curly braces again,what is the meaning of this, please someone explain

  • @Polynesie410
    @Polynesie410 Рік тому +5

    Well structured and it conveys the important basics very clearly. A MUST for serious developers.

  • @shinaken
    @shinaken 9 місяців тому +1

    I've been having a hard time wrapping my head around these topics in python and for some reason seeing them in a different language made them all click for me! Thank you for this great video!

  • @sibasishsinha
    @sibasishsinha 3 роки тому +219

    That child will grow up to be the most successful programmer ever. I mean look at his dad.

    • @ioc9owo698
      @ioc9owo698 3 роки тому +11

      yes he can enter the code bus

  • @babalim7182
    @babalim7182 2 роки тому +92

    0:00:00​ Introduction
    0:01:24​ Running JavaScript
    0:04:23​ Comment Your Code
    0:05:56​ Declare Variables
    0:06:15​ Storing Values with the Assignment Operator
    0:11:31​ Initializing Variables with the Assignment Operator
    0:11:58​ Uninitialized Variables
    0:12:40​ Case Sensitivity in Variables
    0:14:05​ Add Two Numbers
    0:14:34​ Subtract One Number from Another
    0:14:52​ Multiply Two Numbers
    0:15:12​ Dividing Numbers
    0:15:30​ Increment
    0:15:58​ Decrement
    0:16:22​ Decimal Numbers
    0:16:48​ Multiply Two Decimals
    0:17:18​ Divide Decimals
    0:17:33​ Finding a Remainder
    0:18:22​ Augmented Addition
    0:19:22​ Augmented Subtraction
    0:20:18​ Augmented Multiplication
    0:20:51​ Augmented Division
    0:21:19​ Declare String Variables
    0:22:01​ Escaping Literal Quotes
    0:23:44​ Quoting Strings with Single Quotes
    0:25:18​ Escape Sequences
    0:26:46​ Plus Operator
    0:27:49​ Plus Equals Operator
    0:29:01​ Constructing Strings with Variables
    0:30:14​ Appending Variables to Strings
    0:31:11​ Length of a String
    0:32:01​ Bracket Notation
    0:33:27​ Understand String Immutability
    0:34:23​ Find the Nth Character
    0:34:51​ Find the Last Character
    0:35:48​ Find the Nth-to-Last Character
    0:36:28​ Word Blanks
    0:40:44​ Arrays
    0:41:43​ Nest Arrays
    0:42:33​ Access Array Data
    0:43:34​ Modify Array Data
    0:44:48​ Access Multi-Dimensional Arrays
    0:46:30​ push()
    0:47:29​ pop()
    0:48:33​ shift()
    0:49:23​ unshift()
    0:50:36​ Shopping List
    0:51:41​ Write Reusable with Functions
    0:53:41​ Arguments
    0:55:43​ Global Scope
    0:59:31​ Local Scope
    1:00:46​ Global vs Local Scope in Functions
    1:02:40​ Return a Value from a Function
    1:03:55​ Undefined Value returned
    1:04:52​ Assignment with a Returned Value
    1:05:52​ Stand in Line
    1:08:41​ Boolean Values
    1:09:24​ If Statements
    1:11:51​ Equality Operator
    1:13:18​ Strict Equality Operator
    1:14:43​ Comparing different values
    1:15:38​ Inequality Operator
    1:16:20​ Strict Inequality Operator
    1:17:05​ Greater Than Operator
    1:17:39​ Greater Than Or Equal To Operator
    1:18:09​ Less Than Operator
    1:18:44​ Less Than Or Equal To Operator
    1:19:17​ And Operator
    1:20:41​ Or Operator
    1:21:37​ Else Statements
    1:22:27​ Else If Statements
    1:23:30​ Logical Order in If Else Statements
    1:24:45​ Chaining If Else Statements
    1:27:45​ Golf Code
    1:32:15​ Switch Statements
    1:35:46​ Default Option in Switch Statements
    1:37:23​ Identical Options in Switch Statements
    1:39:20​ Replacing If Else Chains with Switch
    1:41:11​ Returning Boolean Values from Functions
    1:42:20​ Return Early Pattern for Functions
    1:43:38​ Counting Cards
    1:49:11​ Build Objects
    1:50:46​ Dot Notation
    1:51:33​ Bracket Notation
    1:52:47​ Variables
    1:53:34​ Updating Object Properties
    1:54:30​ Add New Properties to Object
    1:55:19​ Delete Properties from Object
    1:55:54​ Objects for Lookups
    1:57:43​ Testing Objects for Properties
    1:59:15​ Manipulating Complex Objects
    2:01:00​ Nested Objects
    2:01:53​ Nested Arrays
    2:03:06​ Record Collection
    2:10:15​ While Loops
    2:11:35​ For Loops
    2:13:56​ Odd Numbers With a For Loop
    2:15:28​ Count Backwards With a For Loop
    2:17:08​ Iterate Through an Array with a For Loop
    2:19:43​ Nesting For Loops
    2:22:45​ Do...While Loops
    2:24:12​ Profile Lookup
    2:28:18​ Random Fractions
    2:28:54​ Random Whole Numbers
    2:30:21​ Random Whole Numbers within a Range
    2:31:46​ parseInt Function
    2:32:36​ parseInt Function with a Radix
    2:33:29​ Ternary Operator
    2:34:57​ Multiple Ternary Operators
    2:36:57​ var vs let
    2:39:02​ var vs let scopes
    2:41:32​ const Keyword
    2:43:40​ Mutate an Array Declared with const
    2:44:52​ Prevent Object Mutation
    2:47:17​ Arrow Functions
    2:28:24​ Arrow Functions with Parameters
    2:49:27​ Higher Order Arrow Functions
    2:53:04​ Default Parameters
    2:54:00​ Rest Operator
    2:55:31​ Spread Operator
    2:57:18​ Destructuring Assignment: Objects
    3:00:18​ Destructuring Assignment: Nested Objects
    3:01:55​ Destructuring Assignment: Arrays
    3:03:40​ Destructuring Assignment with Rest Operator to Reassign Array
    3:05:05​ Destructuring Assignment to Pass an Object
    3:06:39​ Template Literals
    3:10:43​ Simple Fields
    3:12:24​ Declarative Functions
    3:12:56​ class Syntax
    3:15:11​ getters and setters
    3:20:25​ import vs require
    3:22:33​ export
    3:23:40​ * to Import
    3:24:50​ export default
    3:25:26​ Import a Default Export

  • @thanos2101
    @thanos2101 Рік тому

    An amazing introduction to JavaScript. Finished it today. Gonna watch even more of your tutorials certainly!

  • @someguyfromwisconsin
    @someguyfromwisconsin 3 місяці тому +2

    "It worked!" I'm going to be saying this for the rest of my programming career. But seriously, thank you so much for your work. I learned more for JS in this one video than I did in a month of slogging through self-learning and other programs.

  • @madao4024
    @madao4024 2 роки тому +99

    love this tutorial!
    straight to the point and a lot of time saving!

  • @godsoloved24
    @godsoloved24 4 роки тому +7

    Honestly, I'm so glad that you did this video course over the curriculum because when you explain it verbally, it makes so much more sense than the explanations in the actual course.

  • @perorbem
    @perorbem Рік тому

    This is by far the best JavaScript tutorial I have ever seen. Thank you for making this, it taught me a ton!

  • @RABBIRAIN-id3ud
    @RABBIRAIN-id3ud 6 місяців тому +1

    Thanks for your illustration and explaining,I think this course is the best one that I've seen so far.It's really clear and easy to understand,let me who are not familiar with JavaScript learn a lot in it.This is really a good course!!!Thanks again!!!

  • @wedge_one
    @wedge_one 4 роки тому +95

    what I'm enjoying the most of Javascript, even though it's recommended to close statements with ;, I like that it also accepts the Python chill approach of not requiring too.

  • @raghuu7818
    @raghuu7818 2 роки тому +25

    I am absolutely new to coding and just wanted to say that the Golf Code example was a brilliant example to use to demonstrate Functions, Arrays and Else If statements altogether. Even the mistake you had with mis-spelling the variable was amazing to show how to go back and check what went wrong. This helped me wrap my head around everything learned prior to the example!

  • @patrickstrickin5123
    @patrickstrickin5123 Рік тому +4

    I used to program with scratch and that I recommend to any new programmer, it gives you experience with logic elements of coding and things will make more sense. But on another topic this is amazing I really enjoy it and I can’t wait to use it every day

  • @beatriooz
    @beatriooz 10 місяців тому +3

    Good video so far. Pacing myself with 30 mins a day. Will be done with this beginner's course in 7 days. I think this is great for busy people with other jobs, school, hobbies etc as its bitesize, well paced and 30 mins is the ideal timespan for good retention. Good luck everyone, I pray we all become great.

    • @beatriooz
      @beatriooz 9 місяців тому +3

      Okay, I just finished it. 12 days later. What's important is that I finished it :) so much more to learn right?

    • @elnosh6072
      @elnosh6072 7 місяців тому

      Where are you we gonna learn together.

  • @ongrong1611
    @ongrong1611 5 років тому +844

    my first thoughts:
    wow, this is 3 hours lo--- OMG THERES NO ADS!
    srsly thank you for no ads

    • @peenrag6_z926
      @peenrag6_z926 5 років тому +16

      Well some people don’t have ad block and some people don’t want to to help support creators

    • @prismancy7182
      @prismancy7182 5 років тому +4

      He's a hero

    • @tusharpatel6100
      @tusharpatel6100 4 роки тому +30

      Kind of makes me sad that there are no ads, all this hardwork he put in and doesn't get any revenue out of it :(

    • @toall_stone740
      @toall_stone740 4 роки тому

      @@PedroHenrique-es8rv i do

    • @jaaziahcureton9798
      @jaaziahcureton9798 4 роки тому

      It's educational of course there no ads

  • @Iamz123
    @Iamz123 3 роки тому +19

    The structure of these lessons is amazing. I've been doing it in 15 minute blocks, 30 minutes a day (two blocks a day) during quarantine, and the way you have a collection of lessons, then an application of the lessons regularly (almost every 15 minutes) is sooooo helpful!

  • @unruly_ronin
    @unruly_ronin 11 місяців тому

    You guys are ABSOLUTELY AMAZING. This lifesaver needs so much more love.

  • @muhammadtawhidulislam
    @muhammadtawhidulislam Рік тому +1

    This is the first time I saw someone explaining something so clearly yet so rapidly. My university would take months to cover this topic and still it would be unclear to many at the end of the year.

  • @fjeanjoseph
    @fjeanjoseph 3 роки тому +69

    I like the way you just kept cool even though your son is making noise in the background.

    • @practicalcoding8010
      @practicalcoding8010 2 роки тому

      It may be useful for you
      Camera photo capture using Javascript
      ua-cam.com/video/Gcdy7BYxgCo/v-deo.html
      Thanks.

  • @MunshiWahid
    @MunshiWahid 5 років тому +41

    Great video. Waiting for the "Learn JavaScript - Full Course for Mid Level Programmers"

  • @StyxSoBored
    @StyxSoBored Рік тому +8

    This is the best ever course I've seen for JS. I've tried to learn with different websites as well as well known courses from reputed sites but all it seemed so hard to learn for me but this video is just amazing. I've got my confidence back in JS watching this video. Thanks a lot

    • @jovinkassi8733
      @jovinkassi8733 Рік тому

      hello,what should we do after watching this video,??,can you give me few suggestions

    • @Devansh-iv3un
      @Devansh-iv3un 3 місяці тому

      @@jovinkassi8733 Make easy projects

  • @mpg8045
    @mpg8045 10 місяців тому

    This was the video I had long been looking for... I so much loved the way Beau Carnes explained everything. You've helped me a lot right from html day one. I would look forward to watching any of your course on CSS.
    Please if it's available already I wouldn't mind watching asap. Thanks alot

  • @bikdigdaddy
    @bikdigdaddy 3 роки тому +17

    You're doing a great job by making coding easy and free to learn for everyone on earth! Hats off man!

  • @rahilulislam553
    @rahilulislam553 Рік тому +1

    It took me more than a month to complete this video (including coding parallelly), but I have completed it at last!!!

  • @privateuser7
    @privateuser7 3 роки тому +10

    What is REALLY helping me is following this video AS I'm doing the course on my laptop. I have very poor math skills and have great troubles with focusing on variables or other symbols. Beating it into my head twice helps it stick and I love that you can practice the exercises right there.

  • @iftikhargamer7086
    @iftikhargamer7086 4 роки тому +28

    I love this course, you have really done it nice. I am starting my career as a web app developer and This course is relly helpfull. Thankyou

  • @10quotes-qb5om
    @10quotes-qb5om 4 місяці тому +1

    I Just came here to say thanks to you because today i wrote my first code to find the position of a number in array all by myself , only keeping your lessons in mind , your course not just teach me JavaScript but also fundamentals of programming

  • @Chloe-xb6yn
    @Chloe-xb6yn Рік тому +1

    Just finished watching it. Literally spent my whole afternoon on this lol. Thank you for making this amazing video!!!!

  • @nerthus7
    @nerthus7 3 роки тому +435

    Covid-19 - *Making Programmers Since 2020*

    • @debris9226
      @debris9226 3 роки тому +1

      lmao

    • @shipra029
      @shipra029 3 роки тому +2

      You just made my day

    • @hepsiprem
      @hepsiprem 3 роки тому

      lololololol ya

    • @DamonMedekMusic
      @DamonMedekMusic 3 роки тому

      For real though, Its been a great time to learn and helps keep your mind of bad things.

    • @Li8aGun92
      @Li8aGun92 3 роки тому

      Yo, that's me hahah

  • @mauriceaguilar191
    @mauriceaguilar191 3 роки тому +639

    when you accepted a job offer for javascript coding, don't know it, but learned the basics in 3 hours and 25 minutes

    • @jamesmason2070
      @jamesmason2070 3 роки тому +13

      Ya'll hiring?

    • @t_sizzler_2032
      @t_sizzler_2032 3 роки тому +7

      No seriously are y'all hiring? If not then what do you suggest that it would take to get accepted into a tech related career with the little knowledge I have? I've been working towards my degree in information technology for 2 years now and I'd love to get my feet wet with experience in web development.

    • @jamesmason2070
      @jamesmason2070 3 роки тому +3

      @@t_sizzler_2032 I've been working on freecodecamp and the Odin Project trying to build my knowledge.

    • @t_sizzler_2032
      @t_sizzler_2032 3 роки тому +6

      @@jamesmason2070 I've been working on the web development path using Codecademy

    • @DopeHub
      @DopeHub 3 роки тому

      same here lol

  • @Tyrone-Fields
    @Tyrone-Fields 2 місяці тому +2

    40 minutes in and I'm having more fun learning this than my entire semester-long JavaScript course

  • @bbulliard
    @bbulliard 9 місяців тому

    you are a gifted teacher, explaining things so very well, just like my 9th grade algebra teacher.. thank you so much!

  • @BeauCarnes
    @BeauCarnes 2 роки тому +1134

    Remember to use your JavaScript powers for good. 😀

    • @skilledskeleton3124
      @skilledskeleton3124 2 роки тому +12

      First

    • @h_maina
      @h_maina 2 роки тому +13

      Thank you for your amazing work Beau. I thought I was the smartest of my course mates but later I found out that 2 out of 4 of my course mates have your videos on their PCs. You're a legend man.

    • @NeloGTz
      @NeloGTz 2 роки тому +41

      no i will use it to conquer the planet

    • @elijahfajimi618
      @elijahfajimi618 2 роки тому +6

      Wow what are the odds this was posted 2 years ago and this comment was made today

    • @aarusharya5658
      @aarusharya5658 2 роки тому

      what a legendary course.

  • @noahjgreer
    @noahjgreer 2 роки тому +15

    What a wonderful course. So informative and simple! Thank you for putting so much time into creating this.

  • @JHarris4996
    @JHarris4996 5 місяців тому +5

    It took me about of month of realistic studying and notes, but I completed this course. I am a junior at a college pursuing computer programming, but we only ever use C++. I learned so much and I am looking forward to completing the other modules in this curriculum. Thank you for sharing this free knowledge for everyone.

    • @freecodecamp
      @freecodecamp  5 місяців тому

      Congratulations on finishing the course!

    • @Ezekiel_unabor
      @Ezekiel_unabor 3 місяці тому

      Bro, that is the course isn't outdated right?
      🙏🙏

    • @uzuwi9782
      @uzuwi9782 2 місяці тому

      one month is crazy, i completed this in 3 days doing every challenge on their site

  • @thomasjmaclean
    @thomasjmaclean Рік тому +14

    This is excellent, and even if you are familiar with other languages I recommend going through the basics, not just for syntax but for a few things that old school C / Basic / Pascal people such as myself find a bit different about javascript. A note that if you are doing the freeCodeCamp tutorials, this syncs up almost perfectly until you get to recursion and then seems to deviate from the video. I'm guessing the video creator was thinking recursion is not a beginner topic but the tutorial Author wanted it in the first section.

    • @vincentgallagher_
      @vincentgallagher_ Рік тому +1

      Can you love me?

    • @thomasjmaclean
      @thomasjmaclean Рік тому +1

      another note, the class and construct examples are horrible and anyone new could easily conflate what is what. There is a trend to use the same label for local, global and properties, which makes it difficult for a student to distinguish what is what. On top of that they log just the property instead of the entire object. 'carrot' is a string passed to the constructor local variable 'name'. which is then assigned to the newly created object (also called carrot) which is of class vegetable, which has the name property = 'carrot'. LOL!!!!

    • @vincentgallagher_
      @vincentgallagher_ Рік тому

      @@thomasjmaclean Are you talking to me?

    • @96ljf
      @96ljf Рік тому +1

      @@thomasjmaclean Thank you for pointing this out. I felt like I was following and understanding this tutorial thoroughly until this about this point, but now that I have the basics and some exposure I hope to soon be able to reconcile my confusion with further tutorials

    • @NITESHKUMAR-sg2kh
      @NITESHKUMAR-sg2kh Рік тому

      Hello

  • @lordiii3430
    @lordiii3430 3 роки тому +222

    me: follows him exactly
    Also me: error

    • @purplealma
      @purplealma 3 роки тому +5

      same.. i don't know what will happen if i try something myself

    • @anonymanonym9004
      @anonymanonym9004 3 роки тому +1

      Can you post your code?

    • @kidu52
      @kidu52 3 роки тому +19

      Ahh welcome to programming. It's not exactly if you got error. So keep your eyes open for tiny mistakes or misspells. Also try and learn to read errors. Just google them at first.

    • @beryl3939
      @beryl3939 3 роки тому +10

      Probably forgot a semi-colon lmao

    • @judahdsouza9196
      @judahdsouza9196 3 роки тому +3

      Beryl Pretorius bet it was a bracket

  • @msecray086
    @msecray086 9 місяців тому

    Finally completed! Definitely took the longer route to practice before watching the videos. Well worth it!

  • @rolando8966
    @rolando8966 Рік тому

    BEST javaScript tutorial I’ve encountered!😮‍💨🔥🚀👨🏻‍💻

  • @themasked8763
    @themasked8763 2 роки тому +135

    No one's talking about how adorable that kid at the beginning was. Honestly, he made me wanna learn JavaScript more.

    • @cobra_yt7032
      @cobra_yt7032 2 роки тому

      @@Drm. such a random question to this comment bruh..

    • @HassanAhmed-rf9xr
      @HassanAhmed-rf9xr 2 роки тому +2

      Was weirded out because I thought you were talking about the man in the beginning. After a minute I saw the kid

    • @xCoffeeNWeedx
      @xCoffeeNWeedx 2 роки тому

      It was a kid kicking snow....in fact, it was actually audibly and visually distracting. But whatever floats your boat.

    • @Abdullah-fv9bo
      @Abdullah-fv9bo 2 роки тому +1

      @@xCoffeeNWeedx exactly, this dude is one of those who finds teacher kids adorable when they brought it at school.

    • @TokyoXtreme
      @TokyoXtreme 2 роки тому

      Personally, I would like to have my own coding bus full of computers and hacker displays.

  • @neroon6927
    @neroon6927 4 роки тому +358

    love the kid just walking around see his dad work :D

    • @derfeind3621
      @derfeind3621 4 роки тому +1

      you sure about that? :wizard:

    • @spiderjerusalem4009
      @spiderjerusalem4009 4 роки тому +17

      that kid is called ben10, because he lives on a bus

    • @yashgandhi9698
      @yashgandhi9698 4 роки тому

      @@spiderjerusalem4009 hahaha

    • @IBNAV8R
      @IBNAV8R 4 роки тому +4

      Love that he allows his kid to be curious and explore, without getting upset or frustrated with him. He just keeps his composure and rolls with it. I’ve seen people pull a Christian Bale and start over until it is their idea of perfect because they are insecure about how they appear to their viewers or can’t share the spotlight with a photo bomber. Not only does this guy care more about how his son feels than what a perfect stranger thinks, but he is silently teaching that to his son. That is great parenting and awesome character.

  • @MIKEDUZZI420
    @MIKEDUZZI420 Рік тому

    Dood....thank goodness I found you! 🤩🤩 I was about to go and pay someone who I probably wouldn't of been able to understand anyhow for less of a lesson than this single video. Thank you so so very much. An actual human who speaks my language who is also versed in javascript. Hallelujah

  • @balboaid1
    @balboaid1 Рік тому

    Incredible explaining role. The whole programming community thank you for that.

  • @secure73
    @secure73 2 роки тому +14

    Dear Bo! I just cannot express my happiness , it was the most amaizing course i have ever seen in java script. you did fantastic.

  • @shb8651
    @shb8651 3 роки тому +7

    Second day check in. Halfway through, loving it so far!

  • @bhaveshkumar6842
    @bhaveshkumar6842 Рік тому

    I am so glad that I completed this tutorial. Thank you for uploading such an amazing tutorial!

  • @tejas7856
    @tejas7856 Рік тому

    I love this guy. His humor and voice is so good, did not get bored even for a second lol.

  • @happyhuman8549
    @happyhuman8549 5 років тому +12

    Thanks for giving FREE/Informational tutorials to everyone!

  • @rohannair4846
    @rohannair4846 Рік тому +4

    This course is amazing, Thank you V much for making such a detailed course.
    The video is 3 and a half hours long but it took a lot more time and energy to create it step by step.
    This free course is made much better than most paid courses. 👌
    Keep up the good work 👍👍

    • @Lilyanodinaka
      @Lilyanodinaka 5 місяців тому +1

      Can I do this with my phone? I don't have a laptop but I want to do this

  • @kamelkadri2843
    @kamelkadri2843 Місяць тому

    Was gonna give up on learning javascript but this guide right here changed my mind, not a course i'll watch just once, its a manual

  • @eusebiu621
    @eusebiu621 4 роки тому +4

    Thanks a lot! It's my first contact with coding and after 3 hour and a half I fell in love with JavaScript. My target is to complete my first project in a month. Cheers!

    • @user-qh2vq6md2g
      @user-qh2vq6md2g 4 роки тому

      please tell me what you ganna create?
      i thought this was for making apps and well i did not know it is for websites D;
      btw i am at 2:00:1 XD with notes and some plays with java

  • @SadnessxNeverEnd
    @SadnessxNeverEnd 4 роки тому +420

    This little boy in the background is just me wandering through JS realms right know, innocently.

  • @Sebenderr
    @Sebenderr Рік тому +1

    thankyou your teaching is so straight forward and simple i can undertand very easily if any New programmer trying to learn Javascript i would recommend this video for you guys this is the best

  • @meshailenchetty894
    @meshailenchetty894 5 років тому +8

    The best video ever when learning coding as a beginner 🔥🔥🔥 because he takes you into JavaScript step by step and uses words and explanations that us beginners would really understand

  • @flopasen
    @flopasen 2 роки тому +13

    i'm halfway through this video and i have that feeling when your brain has learned so many new things and is growing neural connections

  • @de-kat
    @de-kat Рік тому

    Great video I learned some interesting things although I had really hoped that somewhere around clocks/timers and interrupts would be addressed, I've been looking for a good video on this for a while also a decent video on try catch, test coding and error handling would be great.

  • @jensenntpa4134
    @jensenntpa4134 2 роки тому +18

    Best course out there. Thanks for this. My new role includes doing some basic javascript, so this was super helpful. You didn't just assume we knew what the terms were that you were using which is super rare in training videos of any sort.

    • @elnosh6072
      @elnosh6072 5 місяців тому

      I am learning javascript and i want to help me earn high income in future by working remotely, any advise for me?

  • @pawelpow
    @pawelpow 3 роки тому +20

    My first language was python and now learning this... this is so much easier than I anticipated!

    • @heptex2439
      @heptex2439 Рік тому

      Same 😂 python is almost identical to java except for “console.log” and a few other parts

    • @sadeeqsadeeq216
      @sadeeqsadeeq216 Рік тому

      Is python more difficult than this??

    • @learningstuff8288
      @learningstuff8288 Рік тому

      @@sadeeqsadeeq216 nope I would say its easier than js. Python is really beginner friendly but dont take it lightly. good luck and happy coding.