This complete 134-part JavaScript tutorial for beginners will teach you everything you need to know to get started with the JavaScript programming language. The font-size in this tutorial is large, making it perfect for viewing on small screens.
Curriculum
This course goes along with the freeCodeCamp.org JavaScript curriculum. However, this is a stand-alone video and going through the free curriculum at freeCodeCamp.org is not required. Here is how to access the JavaScript curriculum:
Basic JavaScript: https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript
ES6 JavaScript: https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6
Code
This course was created using scrimba.com. You can access the course on scrimba.com, along with all the code used in the course:
Basic JavaScript: https://scrimba.com/playlist/pny4ghw
ES6 JavaScript: https://scrimba.com/playlist/p7v3gCd
Learn Next
Learn to use JavaScript with the HTML DOM: https://www.youtube.com/playlist?list=PLWKjhJtqVAbllLK6r2dnGjUVWB_cFNcuO
Create a project using JavaScript: https://www.youtube.com/playlist?list=PLWKjhJtqVAbleDe3_ZA8h3AO2rXar-q2V
Follow course creator Beau Carnes on Twitter: https://www.twitter.com/CarnesBeau
Course Contents
See pinned comment for full course contents. The course contents exceeded the character limit for video descriptions.
And if you like robots and toys, check out Beau’s other YouTube channel: https://www.youtube.com/robotfamily
—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://medium.freecodecamp.org
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
Original source
37 responses to “Learn JavaScript – Full Course for Beginners”
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
Thanks for posting this. But in your example, many places … you didn’t end a line with semicolon which is best practice.
And also I see the same example explained twice back to back many times.
can someone make Finnish subtitles???
so funny, most of the code u made u didn't run on compiler u just show the result base on ur on mind not on compiler. then why keep remaking the codes.?
just run the compiler, it just a waste of time retyping the code and change variables and don't run it.?
for what.?
1:23 "Let's learn some javascript"
Me: Well he's not even going to invite the kid to get his coding career started early. How rude. Lol
Thanks for this BO
I have this homework where i have to draw polygons and do animations on javascript…. i just dont get it
Awesome work dude. Congrats!
honestly, it was a really bad course. there was a ton of articles that you skipped and I was wondering what are they and I got confused. like IIFE or "this" keyword…
What is the 0 at the end of the reduce part supposed to do? at the 2:55:00 time. i tried running without it and still get same result.
Is undefined equivalent to a void in other languages like C, C++ ? This question based on first 5 minutes of video.
1:43:34
I am at 49:34
Thanks so much everyone responsible for this course !
1:50:37 …
1:04:00 (just reminder 4 me)
Personal Timestamp:
18:30
May I ask on what editor are you typing this?
console.log("I feel sad for Quincy!");
Am I the only one saw the "bundle of joy" kid leaking ice from the bus ? 01:22
1:56:56 whaaaaaaat?
Thank you!
41:40 Because, Quincy is number 1. Great touch, Beau.
i have 2 certs of JS for begginers but nothing compare with this course
console.log("thank you from tunisia");
1:12:26 booleans
This video is worth so much. This is so clear. The only thing that I could not get my mind around is the notation for the function at Write Higher Order Arrow Functions, 2:53:04.
why did not you put these lessons videos as support inside freecodcamp academy in javascript lesson???
18:00
Why 11%3 is 9?
get a good mic like mike
11:32
Everyone Else: Wow what a great resource, GREAT JOB!
Me, 2:00 in : how the hell did he make it an HTML?
Hope you teach the same to your kid. He'll be a great programmer. Programmers are designers of the world, they should rule it!
I’d like to donate. Let me know where I can.
school has now essentially become useless to me as i know everything they will teach me. thank you!
30 seconds in I’m kind of scared & need to know why theirs a kid & a bus
Thanks for this amazing video and foregoing the ads. Truly appreciate that. BTW you remind me of Gilfoyle from Silicon Valley. He's one of my favs so that's a complement. Cheers.
I found most of this tutorial easy except was disappointed with the arrow function and class object sections as i feel this was not explained well enough, i found it difficult to understand.