JavaScript Complete Tutorial in Hindi 🚀 Free Notes + Codes

Welcome, to Complete JavaScript Tutorial for Beginners in Hindi in 2024. We will cover Basic to Advanced JavaScript, Modern JavaScript, and OOPS in JavaScript in Hindi. We go through 25+ JavaScript Interview questions and answers, and 20+ Challenges in JavaScript in Hindi. In the end, we will create 10+ Projects in JavaScript in Hindi and Many Bonus Topics like API, WEB API, JSON, AJAX, and many more all in One Complete JavaScript Course in Hindi.

⌚JavaScript Course TIMELINE⌚
0:00 Introduction
2:02 JavaScript Project Overview
6:57 Why JavaScript? How Website Work
11:40 Live Practical Example
20:45 Install VS Code Editor
24:30 Values and Variables in JS
38:45 Data Types in JavaScript
47:52 Challenge Time
55:18 Interview Question
1:02:00 Interview Question
1:11:00 Expressions and Operators
2:04:15 Control Statements and Loops
3:16:00 Functions in JavaScript
3:47:00 ECMAScript 2015 (ES6) Part 1
4:19:45 Arrays in JavaScript
6:40:39 Strings in JavaScript
7:40:25 Date and Time in JavaScript
8:16:00 Math Object in JavaScript
8:33:00 DOM, BOM, WINDOW OBJECT
9:40:20 Events in JavaScript
10:31:00 Timing-Based Events
10:47:10 Interview Question
11:16:45 ECMAScript 2015 to 2020 Part 2
12:07:20 Advanced JavaScript Part 1
12:31:20 Asynchronous JavaScript
13:05:40 Event Loop in JavaScript
13:14:45 Advanced JavaScript Part 2
13:26:25 Project 1 API Data
13:49:40 Project 2 Promises & Async-Await
14:15:15 Project 3 Light Bulb ON OFF
14:24:10 Project 4 Animated Thermometer
14:36:48 Project 5 Temperature Converter
15:03:05 Project 6 Increment Counter Web Page
15:21:35 Final Project 7 Google Keep Clone
16:20:16 Thapa Technical Outro

➡️Plz show some love to 🙏

🙏 Music Credits 🙏
::::::::::::::::::::
Music: Scanner - Houses Of Heaven
::::::::::::::::::::

Don't Forget to Follow me on all Social Network,

[ThapaTechnical]

✌ Now, It's an Awesome, Longest and Best Video to learn JavaScript from start to End 😍 Guys, I want nothing But if you Subscribe to my Channel 🙏 LIKE the video, SHARE with your friends, and Comment below, it will really make my day.👏

0:00 Thapa Technical Introduction
2:02 JavaScript Project Overview
6:22 Subscribe Thapa Technical
6:57 Why JavaScript? How Website Work
11:40 Live Practical Example
20:45 Install VS Code Editor
24:30 Values and Variables in JS
38:45 Data Types in JavaScript
47:52 Challenge Time
55:18 Interview Question
1:02 Interview Question
1:11:00 Expressions and Operators
2:04:15 Control Statements and Loops
3:47:00 ECMAScript 2015 (ES6) Part 1
4:19:45 Arrays in JavaScript
6:40:39 Strings in JavaScript
7:40:25 Date and Time in JavaScript
8:16:00 Math Object in JavaScript
8:33:00 DOM, BOM, WINDOW OBJECT
9:40:20 Events in JavaScript
10:31:00 Timing Based Events
10:47:10 Interview Question
11:16:45 ECMAScript 2015 to 2020 Part 2
12:07:20 Advanced JavaScript Part 1
12:31:20 Asynchronous JavaScript
13:05:40 Event Loop in JavaScript
13:14:45 Advanced JavaScript Part 2
13:26:25 Project 1 AJAX+XMLHTTPReq
13:49:40 Project 2 Promises/Async-Await
14:15:15 Project 3 Light Bulb ON OFF
14:24:10 Project 4 Animated Thermometer
14:36:48 Project 5 Temperature Converter
15:03:05 Project 6 Increment Counter Web Page
15:21:35 Final Project 7 Google Keep Clone
16:20:16 Thapa Technical Outro

[asadullahasadullah]

myPersonalNotes

0:00​ Thapa Technical Introduction
2:02​ JavaScript Project Overview
6:22​ Subscribe Thapa Technical
6:57​ Why JavaScript? How Website Work
11:40​ Live Practical Example
20:45​ Install VS Code Editor
24:30​ Values and Variables in JS
38:45​ Data Types in JavaScript
47:52​ Challenge Time
55:18​ Interview Question
1:02​:00 Interview Question
1:11:00​ Expressions and Operators
2:04:15​ Control Statements and Loops
3:47:00​ ECMAScript 2015 (ES6) Part 1
4:04:21 Template literals;
4:07:39 Default parameters;
4:19:45​ Arrays in JavaScript
4:38:35 For loop in array;
4:42:45 For in loop ''it returns index '';
4:44:45 For of loop ''it returns elements'';
4:47:02 forEach loop ''break and continue not acceptable, it returns undefined because it edit original array '';
4:54:57 searching and filtering in an array;
4:55:07 indexOf();
4:55:56 Video stucked from here;
5:25:04 Video stucked till here;
5:25:48 Create Read Update Delete 'Array';
5:26:49 Push() ''it returns length of that array'';
5:30:30 unshift() ''it returns length of that array'';
5:35:35 pop() ''it returns poped item'';
5:38:11 shift() ''it returns poped item'';
5:41:40 splice() ''it returns poped items'';
5:50:58 indexOf() ''it returns index number or -1'';
5:58:13 map() ''it returns new array'';
map() does not edit original array like forEach();
6:16:12 filter() ''it returns new array'';
6:19:00 reduce(a, e, i, pArr) ''it returns single value'';
6:32:00 reduce() very important;
6:36:20 flatten 2d or 3d array;
6:37:55 concat();

6:40:39​ Strings in JavaScript
6:46:53 escape character;
6:56:53 search() in string;
6:59:30 slice(start, end), substring(start, end), substr(start, end) end not compulsory, these does not edit original string ;
7:10:23 substring() it does not accept negative value;
7:14:24 substr() it does not accept negative value, it takes negative value if u put only one value;
7:18:05 replace(searchFor, leplaceWith) methods ''it returns new string, it does not edit original string, if does not match it returns full string'';
7:24:33 charAt(index) '' it returns the character at a specied index'';
7:26:55 charCodeAt(index) '' it returns UTF-16(integer between 0 and 65535) unicode'' ;
7:32:23 property access;
7:33:40 toUpperCase(), toLowerCase();
7:34:08 concat() '' it returns new joins strings'', it does not edit original string;
7:37:00 trim();
7:38:06 split() ''it returns array, it does not edit original string'';

7:40:25​ Date and Time in JavaScript
7:43:25 create date object;
7:47:02 toLocaleString();
7:47:38 toString();
7:48:33 Date.now() ''it returns miliseconds since 1/1/1970'';
7:50:18 Months count;
7:53:50 new Date() ;
7:55:23 new Date(dateString);
7:57:18 new Date(miliseconds);
7:59:16 Methods of new Date() ''only for dates'';
8:00:40 How to set indivisual date;
8:02:22 Methods of new Date() ''only for times'';
8:04:18 How to set indivisual time;
8:07:39 setHours example;
8:13:27 Practice time ;

8:16:58 Math.PI;
8:20:24 Math.pow();
8:21:10 Math.sqrt();
8:22:07 Math.abs(X) ''returns the absolute positive value of X'';
8:24:12 Math.ceil();
8:26:30 Math.floor();
8:27:29 Math.min();
8:27:45 Math.max();
8:28:12 Math.random();
8:30:05 Math.round();
8:30:09 Math.trunc() '' it returns before decimal part of a number'' ;
8:16:00​ Math Object in JavaScript
8:33:00​ DOM, BOM, WINDOW OBJECT
8:42:52 Difference between dom and bom;
8:48:33 window properties;
9:29:29 getElementsByName();
9:34:40 Difference between getElementById and querySelector;
9:47:40 fire event by calling a function;
9:49: 15 3rd way of fire an event;
9:57:50 addEventListener();
9:59:04 event object;
9:40:20​ Events in JavaScript
10:06:43 Mouse events ;
10:08:35 onmousedown, onmouseup;
10:09:52 mouseenter, mouseleave;
10:12:10 keyboard events;
10:13:24 onkeypress, onkeydown, onkeyup;
10:17:23 input events;
10:19:00 onchange;
10:28:21 difference between onclick and addEventListener;
10:31:00​ Timing Based Events
10:31:26 setTimeout(), setInterval();
10:39:45 clearTimeout();
10:41:50 setInterval();
10:45:00 clearInterval();
10:47:10​ Interview Question
10:48:20 object oriented javascript;
10:48:56 object literal;
10:52:48 How to create an object;
10:57:15 function inside object;
11:01:55 this in object;
11:16:45​ ECMAScript 2015 to 2020 Part 2
11:19:32 array destructuring in es6;
11:24:35 object destruckturing in es6;
11:26:15 object properties'' dynamic properties '';
11:32:38 spread operator '' ...array '';
11:36:02 es7/2016 '' includes, 2**3 '';
11:38:41 es8 ''String padding, Object.values(), Object.entries(), Async function'';
11:41:33 padStart();
11:42:54 padEnd();
11:43:43 Object.values()'' loop in object, it returns object values as an array'';
11:44:30 Object.entries();
11:45:48 es9/ 2018;
11:46:45 spread for object;
11:49:32 es10/ 2019;
11:50:22 flat();
11:54:03 fromEntries(0);
11:57:18 es2020;
11:57:55 BigInt data type;
12:03:13 nullish Coalescing;
12:05:49 'use strict' ;
12:07:20​ Advanced JavaScript Part 1
12:12:01 event propagation '' bubble, capture or trickling '' ;
12:23:02 higher order function and callback function;
12:31:20​ Asynchronous JavaScript
12:32:19 hoisting;
12:38:17 scope chain and lexical scoping ;
12:44:34 closures '' double call function()() '' ;
12:58:25 synchronous vs asynchronous;
13:05:40​ Event Loop in JavaScript
13:14:45​ Advanced JavaScript Part 2
13:17:14 function currying '' double call function 'original' '';
13:23:00 callback hell;
13:26:25​ Project 1 AJAX+XMLHTTPReq
13:44:15 JSON;
13:49:40​ Project 2 Promises/Async-Await
14:15:15​ Project 3 Light Bulb ON OFF
14:24:10​ Project 4 Animated Thermometer
14:36:48​ Project 5 Temperature Converter
15:03:05​ Project 6 Increment Counter Web Page
15:21:35​ Final Project 7 Google Keep Clone
16:20:16​ Thapa Technical Outro

[rahulsunar]

No. of views within 1 hour shows that how desperately people were waiting for this tutorial to be uploaded. Thank you Mr. Thapa

[divyanshkumar]

Jo bhi first time javascript puri sikhna chahta h uske liye sbse jada best javascript ki video hai ye isse best javascript learning ki video apko kahi bhi ni milegi ye m khud search kr kr k kuch din sikh kr k dekha fir dubara se thapa sir ki video dekh k complete javascript sikh gya inhone bilkul deep level ka bhi topic cover kiya h or bilkul advance level k topic bhi pure cover h ❤❤❤❤❤❤❤

[JyotiTyagi]

10 day Earlier I saw your Hole Javascript Video --- And Yesterday I gave my Interview --- And Believe me -- I Crack My Interview 🥳 --- Thanks You So much --- Vinod Bhaiya ❤🥳

[_Md_Mohin]

16 hours ko dekh kr or video ke caption ko dekh dil khush ho gya me yhi soch rha tha ki kaha se shuru kre kese kru or ek dm se ye dikh gya thank u bro 💞

[parbezbarbhuiya]

Don't skip ads this is the way we can support thapa sir.

[abhishekrai]

Jab starting ma dekha tha to isa laga kitna aasan h magar aaga dekhna par laga kitna awesome h ya video salute to you sir

[yekshitgupta]

Dear Thapa Technical,
Your content on this course is quite good and can said best Hindi version of Javascript. I really appreciate your effort towards making this useful content. But there is a problem in this video from 4:52:17 to 5:25:05 your video has been paused. I don't know why! but Once look to this timelapse.
There is error in this period of time stand .

[vijayvashist]

Hats off to you sir... i am working as UI developer from 4+ years & nobody has given this much of in depth explanation and challenges in their course even if we pay money...thanks a lot Sir.. this is a kind of eye opener course to me.. must watch for all the beginners who are learning javascript out there...

[coolsai]

Vinod sir tum to bade heavy driver nikle 😂
matlab hard work on next level 💥

much appreciated 👍🏻

[hafizabdulmunnan]

0:00 Thapa Technical Introduction
2:02 JavaScript Project Overview
6:57 Why JavaScript? How Website Work
11:40 Live Practical Example
20:45 Install VS Code Editor
24:30 Values and Variables in JS
38:45 Data Types in JavaScript
47:52 Challenge Time
55:18 Interview Question
1:02:00 Interview Question
1:11:00 Expressions and Operators
2:04:15 Control Statements and Loops
3:47:00 ECMAScript 2015 (ES6) Part 1
4:19:45 Arrays in JavaScript
6:40:39 Strings in JavaScript
7:40:25 Date and Time in JavaScript
8:16:00 Math Object in JavaScript
8:33:00 DOM, BOM, WINDOW OBJECT
9:40:20 Events in JavaScript
10:31:00 Timing-Based Events
10:47:10 Interview Question
11:16:45 ECMAScript 2015 to 2020 Part 2
12:07:20 Advanced JavaScript Part 1
12:31:20 Asynchronous JavaScript
13:05:40 Event Loop in JavaScript
13:14:45 Advanced JavaScript Part 2
13:26:25 Project 1 API Data
13:49:40 Project 2 Promises & Async-Await
14:15:15 Project 3 Light Bulb ON OFF
14:24:10 Project 4 Animated Thermometer
14:36:48 Project 5 Temperature Converter
15:03:05 Project 6 Increment Counter Web Page
15:21:35 Final Project 7 Google Keep Clone
16:20:16 Thapa Technical Outro

[RaviShanakarSharma]

0:00 Thapa Technical Introduction
2:02​ JavaScript Project Overview
6:22​ Subscribe Thapa Technical
6:57​ Why JavaScript? How Website Work
11:40​ Live Practical Example
20:45​ Install VS Code Editor
24:30​ Values and Variables in JS
38:45​ Data Types in JavaScript
47:52​ Challenge Time
55:18​ Interview Question
1:02​:00 Interview Question
1:11:00​ Expressions and Operators
2:04:15​ Control Statements and Loops
3:47:00​ ECMAScript 2015 (ES6) Part 1
4:04:21 Template literals;
4:07:39 Default parameters;
4:19:45​ Arrays in JavaScript
4:38:35 For loop in array;
4:42:45 For in loop ''it returns index '';
4:44:45 For of loop ''it returns elements'';
4:47:02 forEach loop ''break and continue not acceptable, it returns undefined because it edit original array '';
4:54:57 searching and filtering in an array;
4:55:07 indexOf();
4:55:56 Video stucked from here;
5:25:04 Video stucked till here;
5:25:48 Create Read Update Delete 'Array';
5:26:49 Push() ''it returns length of that array'';
5:30:30 unshift() ''it returns length of that array'';
5:35:35 pop() ''it returns poped item'';
5:38:11 shift() ''it returns poped item'';
5:41:40 splice() ''it returns poped items'';
5:50:58 indexOf() ''it returns index number or -1'';
5:58:13 map() ''it returns new array'';
map() does not edit original array like forEach();
6:16:12 filter() ''it returns new array'';
6:19:00 reduce(a, e, i, pArr) ''it returns single value'';
6:32:00 reduce() very important;
6:36:20 flatten 2d or 3d array;
6:37:55 concat();

6:40:39​ Strings in JavaScript
6:46:53 escape character;
6:56:53 search() in string;
6:59:30 slice(start, end), substring(start, end), substr(start, end) end not compulsory, these does not edit original string ;
7:10:23 substring() it does not accept negative value;
7:14:24 substr() it does not accept negative value, it takes negative value if u put only one value;
7:18:05 replace(searchFor, leplaceWith) methods ''it returns new string, it does not edit original string, if does not match it returns full string'';
7:24:33 charAt(index) '' it returns the character at a specied index'';
7:26:55 charCodeAt(index) '' it returns UTF-16(integer between 0 and 65535) unicode'' ;
7:32:23 property access;
7:33:40 toUpperCase(), toLowerCase();
7:34:08 concat() '' it returns new joins strings'', it does not edit original string;
7:37:00 trim();
7:38:06 split() ''it returns array, it does not edit original string'';

7:40:25​ Date and Time in JavaScript
7:43:25 create date object;
7:47:02 toLocaleString();
7:47:38 toString();
7:48:33 Date.now() ''it returns miliseconds since 1/1/1970'';
7:50:18 Months count;
7:53:50 new Date() ;
7:55:23 new Date(dateString);
7:57:18 new Date(miliseconds);
7:59:16 Methods of new Date() ''only for dates'';
8:00:40 How to set indivisual date;
8:02:22 Methods of new Date() ''only for times'';
8:04:18 How to set indivisual time;
8:07:39 setHours example;
8:13:27 Practice time ;

8:16:58 Math.PI;
8:20:24 Math.pow();
8:21:10 Math.sqrt();
8:22:07 Math.abs(X) ''returns the absolute positive value of X'';
8:24:12 Math.ceil();
8:26:30 Math.floor();
8:27:29 Math.min();
8:27:45 Math.max();
8:28:12 Math.random();
8:30:05 Math.round();
8:30:09 Math.trunc() '' it returns before decimal part of a number'' ;
8:16:00​ Math Object in JavaScript
8:33:00​ DOM, BOM, WINDOW OBJECT
8:42:52 Difference between dom and bom;
8:48:33 window properties;
9:29:29 getElementsByName();
9:34:40 Difference between getElementById and querySelector;
9:47:40 fire event by calling a function;
9:49: 15 3rd way of fire an event;
9:57:50 addEventListener();
9:59:04 event object;
9:40:20​ Events in JavaScript
10:06:43 Mouse events ;
10:08:35 onmousedown, onmouseup;
10:09:52 mouseenter, mouseleave;
10:12:10 keyboard events;
10:13:24 onkeypress, onkeydown, onkeyup;
10:17:23 input events;
10:19:00 onchange;
10:28:21 difference between onclick and addEventListener;
10:31:00​ Timing Based Events
10:31:26 setTimeout(), setInterval();
10:39:45 clearTimeout();
10:41:50 setInterval();
10:45:00 clearInterval();
10:47:10​ Interview Question
10:48:20 object oriented javascript;
10:48:56 object literal;
10:52:48 How to create an object;
10:57:15 function inside object;
11:01:55 this in object;
11:16:45​ ECMAScript 2015 to 2020 Part 2
11:19:32 array destructuring in es6;
11:24:35 object destruckturing in es6;
11:26:15 object properties'' dynamic properties '';
11:32:38 spread operator '' ...array '';
11:36:02 es7/2016 '' includes, 2**3 '';
11:38:41 es8 ''String padding, Object.values(), Object.entries(), Async function'';
11:41:33 padStart();
11:42:54 padEnd();
11:43:43 Object.values()'' loop in object, it returns object values as an array'';
11:44:30 Object.entries();
11:45:48 es9/ 2018;
11:46:45 spread for object;
11:49:32 es10/ 2019;
11:50:22 flat();
11:54:03 fromEntries(0);
11:57:18 es2020;
11:57:55 BigInt data type;
12:03:13 nullish Coalescing;
12:05:49 'use strict' ;
12:07:20​ Advanced JavaScript Part 1
12:12:01 event propagation '' bubble, capture or trickling '' ;
12:23:02 higher order function and callback function;
12:31:20​ Asynchronous JavaScript
12:32:19 hoisting;
12:38:17 scope chain and lexical scoping ;
12:44:34 closures '' double call function()() '' ;
12:58:25 synchronous vs asynchronous;
13:05:40​ Event Loop in JavaScript
13:14:45​ Advanced JavaScript Part 2
13:17:14 function currying '' double call function 'original' '';
13:23:00 callback hell;
13:26:25​ Project 1 AJAX+XMLHTTPReq
13:44:15 JSON;
13:49:40​ Project 2 Promises/Async-Await
14:15:15​ Project 3 Light Bulb ON OFF
14:24:10​ Project 4 Animated Thermometer
14:36:48​ Project 5 Temperature Converter
15:03:05​ Project 6 Increment Counter Web Page
15:21:35​ Final Project 7 Google Keep Clone
16:20:16​ Thapa Technical Outro

[mohitbheda]

5:40:50 he said "alright guys ab ham bina kisi deri ke video ko start karte hain " as it has been his habit till years...

[ParagKhandalkar]

Yesterday, I got a job and All credit goes to you. Because of your MongoDB and this JavaScript tutorial, I performed very good in technical round. Thank you so much and keep it up. 😇😇😇

[shwetalighadage]

Also, I would like to point out that your content and your technical abilities are awesome as well. I've been coding for a few years now and I must say that your video on JavaScript concepts was very comprehensive. The way you explain the concepts and provide code examples makes it easy to understand and apply. Great work!

[goebgdd]

i am from bangladesh.
this is the best javascript hindi tutorial in my life.
abtak is tutorial se ziyada accha hindi js tutorial abhi koyi nahi banayi.

[Ansh_Rajpoot_]

Gjb yr.. please make one course of Django Please😭😭
Those who agree please like....

[akshatsingh]

This should get milllions of views!🔥🔥🔥🔥🔥 Thapa Sir thank you so much.Shared it with 14 people

[abhijitherkal]

BEST JAVASCRIPT TUTORIAL ON THE NET !! this is the first time i have been able to watch such a long video on youtube without getting bored even for a second..!! great job @vinod thapa !! keep up the great work ...hope to see many such videos on full stack (js, react, node,express) ...👍👍👍