Learn JavaScript - Full Course for Beginners

This complete 134-part JavaScript tutorial for beginners will teach you everything you need to know to get started with the JavaScript programming language.

✏️ Course created by @beau

⭐️Curriculum⭐️

⭐️Code⭐️

⭐️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 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

[tangbein]

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. Youtube has truly revolutionized learning.

[malickmohamed]

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

[osamagamal]

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.

[tib]

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!

[stickmanster]

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

[radioactivememes]

shout out to people learning to code during quarantine

[sinethmendis]

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

[sylvanusjoseph]

I must state that after numerous paid course online and on Youtube 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.

[itzcracked]

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

[jamshedfbc]

You are a noble man to share this for free.

[craigwilson]

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.

[wardenpataski]

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 :)

[ElizabethLopezv]

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.

[jasonbourne]

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!

[omoribakeikumoluyi]

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.

[asmrtist]

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

[SpiceyM]

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

[ri]

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.

[edk]

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!

[viniciusmorgado]

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