Learn JavaScript in 1 video - Advanced JavaScript Crash Course + Projects 🔥

This is a full JavaScript advanced crash course for you guys! It starts from basics in JavaScript, for somebody who is absolutely new to the language, and then builds on top of that.

We cover JavaScript fundamentals, basics, and then do 3 awesome JavaScript projects. After we're done with basics and intermediate projects, we also cover advanced JavaScript topics! You can find everything here and jump to the section you want:

Timestamps

00:00 What Is Javascript
01:33 Text Editors
03:19 Setting Up Development Environment
06:38 Javascript File Inclusion
08:53 Variables
10:52 Var Let Vs Const
12:01 Data Types
16:32 Functions
18:27 Console
20:23 Function Parameters
23:31 Return Statement
27:46 Scoping
37:19 Alert Prompt Confirm
42:17 More On Objects
48:44 More On Arrays
54:22 If Else
57:57 Switch Case
01:03:11 Math Operators
01:07:29 Increment Decrement
01:14:37 Logical Operators
01:21:46 Bitwise Operators
01:26:39 For Loop
01:32:32 While Loop
01:34:20 Do While
01:36:09 Break Vs Continue Vs Return
01:39:50 Map On Arrays
01:42:35 Filter On Arrays
01:44:48 Foreach On Arrays
01:47:00 Array Reduce
01:51:24 Indexof Find
01:55:20 Double Equal Vs Triple Equal
02:03:01 JS DOM
02:06:21 Document And Window Object
02:11:57 getElementByID
02:15:50 More JS Selectors
02:21:53 setTimeout And setInterval
02:24:55 clearTimeout And clearInterval
02:28:12 Event Handlers
02:32:12 Error Handling
02:36:45 Closing Basics Of Javascript

02:37:40 New Project! Tip Calculator
02:59:42 New Project! Car Project
04:18:12 New Project! Battle card game

06:05:44 Advanced JavaScript Course Start
06:06:31 Is This Course For You
06:08:41 What Is ECMAScript
06:10:31 Ecmascript Standards
06:18:19 Support For ECMAScript
06:20:54 What Is DOM
06:26:33 DOM Apis
06:30:30 What Is Runtime
06:32:09 What Is Runtime Engine
06:35:51 What Is Node
06:40:46 What Is Nativescript
06:45:41 What Is Electron
06:50:10 V8 Intro
06:50:52 Introduction To JIT
06:57:11 Event Loop Intro
07:01:31 What Is Callstack
07:05:58 Internal Web Api
07:07:50 Task Queues
07:17:24 Understanding Taskqueue
07:27:08 Raf Queue
07:36:20 Introduction To Microtask Queue
07:47:31 Example Question
07:53:52 Another Example
08:05:35 Final Example

If you found the video valuable, please leave a like and subscribe ❤️ It helps the channel grow and helps me pumping out more such content.

About Me:
I'm a CSE'21 graduate from BITS Pilani, Goa. I started coding early in life, at the age of 13 when I created my first blog on Blogger. I am listed in Google, Microsoft, Sony, eSet, etc. Hall of Fame for reporting vulnerabilities in their systems.
I am Apple's WWDC'19 Scholar - visited San Fransisco and attended WWDC. Currently working on my own startup - codedamn.

Connect with me:

[codedamn]

This is a full JavaScript advanced crash course for you guys! It starts from basics in JavaScript, for somebody who is absolutely new to the language, and then builds on top of that.

We cover JavaScript fundamentals, basics, and then do 3 awesome JavaScript projects. After we're done with basics and intermediate projects, we also cover advanced JavaScript topics! You can find everything here and jump to the section you want:

Timestamps

00:00 What Is Javascript
01:33 Text Editors
03:19 Setting Up Development Environment
06:38 Javascript File Inclusion
08:53 Variables
10:52 Var Let Vs Const
12:01 Data Types
16:32 Functions
18:27 Console
20:23 Function Parameters
23:31 Return Statement
27:46 Scoping
37:19 Alert Prompt Confirm
42:17 More On Objects
48:44 More On Arrays
54:22 If Else
57:57 Switch Case
01:03:11 Math Operators
01:07:29 Increment Decrement
01:14:37 Logical Operators
01:21:46 Bitwise Operators
01:26:39 For Loop
01:32:32 While Loop
01:34:20 Do While
01:36:09 Break Vs Continue Vs Return
01:39:50 Map On Arrays
01:42:35 Filter On Arrays
01:44:48 Foreach On Arrays
01:47:00 Array Reduce
01:51:24 Indexof Find
01:55:20 Double Equal Vs Triple Equal
02:03:01 Js Dom
02:06:21 Document And Window Object
02:11:57 Getelementbyid
02:15:50 More Js Selectors
02:21:53 Settimeout And Setinterval
02:24:55 Cleartimeout And Clearinterval
02:28:12 Event Handlers
02:32:12 Error Handling
02:36:45 Closing Basics Of Javascript
02:37:40 New Project! Tip Calculator
02:41:54 Select Elements
02:45:26 querySelector
02:49:13 addEventListener
02:52:07 Element Value
02:55:09 Tweak and adjust values
02:57:37 Backtick templates
02:59:42 New Project! Car Project
03:01:54 Game setup
03:05:56 Keypress listeners
03:10:33 requestAnimationFrame method
03:16:41 Move DIV node with keys
03:23:11 Road Builder
03:29:24 Moving Roadlines
03:32:40 Roadline movements
03:36:42 Generate Cars
03:42:25 Check Collision Detection
03:46:57 Game Scoring
03:53:01 Restart Game
03:55:22 Random color value
04:00:09 Game Tweaks and adjustment
04:03:07 CSS Updates
04:05:20 Final code review
04:18:12 New Project! Battle card game
04:21:31 Game setup
04:24:29 Start the game
04:30:19 Card deck
04:34:45 Game players
04:42:46 Deal the cards
04:50:29 Make cards
04:59:48 Better cards
05:04:15 Game Logic
05:10:33 Game Winner
05:18:45 Multiple rounds
05:24:27 playoff Function
05:35:17 Restarting Game
05:40:42 Tweaks and fixes
05:52:09 Code review
06:03:55 Final debug
06:05:44 Course Start
06:06:31 Is This Course For You
06:08:41 What Is ECMAScript
06:10:31 Ecmascript Standards
06:18:19 Support For ECMAScript
06:20:54 What Is DOM
06:26:33 DOM Apis
06:30:30 What Is Runtime
06:32:09 What Is Runtime Engine
06:35:51 What Is Node
06:40:46 What Is Nativescript
06:45:41 What Is Electron
06:50:10 V8 Intro
06:50:52 Introduction To JIT
06:57:11 Event Loop Intro
07:01:31 What Is Callstack
07:05:58 Internal Web Api
07:07:50 Task Queues
07:17:24 Understanding Taskqueue
07:27:08 Raf Queue
07:36:20 Introduction To Microtask Queue
07:47:31 Example Question
07:53:52 Another Example
08:05:35 Final Example


Don't forget to subscribe and like the video if you enjoyed :)

[InspirationBroadcast]

8 f*cking hours of this golden content? God bless you Bro

[mr.communist]

Honestly the best accent ever: sounds like a mix of Indian, Arab and German! I love it!

[arijitdatta]

There are actually many people giving tutorials in YouTube and I see a lot of them doing the same boring stuff but trust when I say this channel is the *BEST* source to get insights about webdev and how it actually work. Thankyou very much for sharing such wonderful videos in the internet, you are a inspiration ⭐⭐

[neongrid]

Hello,

I'm trying to learn JS and think this is an awesome tut!

However, I didn't understand the following at first, but this is what I make of it with my very little "understanding" of JS -- correct me if I'm wrong please:
unless I didn't hear right, during the explanation of the scoping topic (around 36:00), he says that both "let" and "const" are the same and act the same (beside the fact that a const can't be changed) regarding block-scoping, however when I tried they didn't:

- When you declare a "let" inside a block, then outside the block it isn't accessible. But when the "let" is declared manually outside the block, then it becomes accessible (even it is initialized/given a value inside the block).
- When you declare a "const" inside a block, then outside the block it isn't accessible. But when the "const" is declared manually outside the block, then it still remains inaccessible as long it isn't also initialized outside the block as well; or within the same statement/block.

"The JavaScript exception "missing = in const declaration" occurs when a const declaration was not given a value in the same statement.
A constant is a value that cannot be altered by the program during normal execution. It cannot change through re-assignment, and it can't be redeclared. An initializer for a constant is required; that is, you must specify its value in the same statement in which it's declared."

At the end of the day, the nuance between "let" and "const" regarding this behaviour is that the "const" can only be declared and given a value only once; you can't have a constant declared twice.

LET

{
let a = 100;
}
console.log(a); // ReferenceError: a is not defined

// when declared manually outside the block it becomes accessible
let a;
{
a = 100;
}
console.log(a); // prints: 100

CONST

{
const a = 100;
}
console.log(a); // ReferenceError: a is not defined

// even when declared manually outside the block it remains inaccessible
const a;
{
a = 100;
}
console.log(a); // SyntaxError: Missing initializer in const declaration

[karlee]

just learn the difference between innerHTML and innerText. This video is legit. You just learn something new by watching. Glad I found this video.

[ravipala]

1:19:53, for those who are absolute beginners like me, we have 6 falsy values in Javascript they are
1) null
2) undefined
3) 0
4) " " or ' ' or ` `
5) NaN
6) False
hence we get values according to the logical operation

[pratikpawar]

Just an amazing video. especially the advanced side of it. loved it! Thank you so much....

[sunshinepack]

There are so many so called courses no one teach like tou from the basics and create a strong fountation ❤️

[Martin]

@27:10 you said you get undefined because it doesn't return anything. But the function itself is returned using the keyword. So what exactly is not being returned?

[pijushpal]

You are my guru bro....you give me positive energy always i like your all courses

Your content and presentation are outstanding, thank you very much.

[automationlabs]

This is the second JS course I am watching and within first 30 minutes feels like I didn't learned much in through the first course. Thank you for such detailed comprehensive course.

[alemvincent]

from time 3:28:00 have tried all options but my car stop moving sideways whenever I try to stop the car from moving beyond the border. What could be the problem?

[heiseneji]

Trust me i've seen a good sum of JavaScript tutorial videos. This is the BEST!!. Thanks mate

[xen]

The car game is kind of hard to pick if you are new.. a lot of new things get thrown out at you like appendchild, animation, keys the person doesn't feels the way to explain what are those but keeps blasting new things into your face and expects you to understand those .

[rajatkinlekar]

This course also teaches you about basics of programming and also advance Js. Thanks Mehul

[pprogrammer]

😍😍Thanks a lot, sir!
Best JavaScript content I've☺ ever found on YouTube

[sunilepandu]

It's really an amazing video - thank u bro for making this for u - god bless u

[TekaneChaitanya]

Video is Great.... 👍
Worth watching in 2021!!