🎯 Complete JavaScript Tutorial In Hindi for Beginners With Projects [ Part-1 ] | JS Tutorial in 2023

#Javascript #Tutorial #Hindi
Important Tutorial Link
---------------------------------------------
JavaScript for Beginners Part-2: • 🎯[ Part- 2 ]Complete J...
JavaScript Playlist: • JavaScript Tutorial in...
HTML Tutorial: • HTML Tutorial in Hindi...
CSS Tutorial: • CSS Tutorial in Hindi ...
Tips for Developer: • 🎯Tips and Tools for Fr...
HTML and CSS Project: • How to make a website ...
Hosting Website: • 🎯[ 2023 ]Hosting Tutor...
Photoshop Tutorial: • Video
If you want to become a web developer, you have to learn JavaScript. Learn Complete JavaScript in Hindi & Urdu. This is step by step easy Course for beginner to Advanced. If you want to learn web programming language Javascript then this is the Complete Course For Beginners to start JS, you can start learning Java script at home as this video cover following topics :
⭐️TABLE OF CONTENT ⭐️
00:00:00 Section 1: Course Introduction
00:02:05 Section 2: JavaScript Intro
00:27:45 Section 3: Hello World Program
01:04:17 Section 4: Statement and comments in js
01:17:39 Section 5: Javascript Valiable - let, var and const
01:33:11 Section 6: Operators in Javascript
01:48:25 Section 7: Data Type in js
02:05:42 Section 8: Comparison and Logical operator
02:15:17 Section 9: If Else condition
02:39:34 Section 10: switch statement
02:57:52 Section 11: while, do-while and for loop
03:21:09 Section 12: Break, Continue and Nested loop
03:37:22 Section 13: Alert, confirm and prompt
03:48:39 Section 14: Type conversion
04:08:26 Section 15: String Manipulation
04:41:52 Section 16: Array in JavaScript
04:53:00 Section 17: Operation on Array
05:30:04 Section 18: Function in javascript
05:38:30 Section 19: Parameters and Arguments
05:45:37 Section 20: The arguments object
06:00:01 Section 21: Return a value in function
06:09:57 Section 22: Global variable vs local variable
06:20:13 Section 23: Anonymous function in javascript
06:28:37 Section 24: Immediately Invoked function
06:41:58 Section 25: objects in javascript
06:48:35 Section 26: object properties
07:07:15 Section 27: Methods in object
07:14:16 Section 28: This Keyword
07:19:09 Section 29: Math Object
07:28:21 Section 30: Generate Random Number
07:38:19 Section 31: Date Object
08:01:30 Section 32: New Keyword
08:04:42 Section 33: Getter and Setter
08:14:26 Section 34: Object constructor
08:29:15 Section 35: Object prototype
08:35:44 Section 36: nested object
08:41:42 Section 37: Hoisting
08:55:45 Section 38: DOM - Document Object Model
09:06:01 Section 39: Select Element by ID
09:14:59 Section 40: Select Element by Class
09:19:54 Section 41: Select Elements by Tag Name
09:25:29 Section 42: Query Selector in javascript
09:30:43 Section 43: Traversing element in js
09:42:51 Section 44: Change HTML with javascript
09:46:02 Section 45: Create and Append Element
10:01:22 Section 46: Insert Before an Element
10:10:15 Section 47: Remove Child Element
10:15:44 Section 48: Clone or Copy Element
10:19:36 Section 49: Replace element in js
10:23:14 Section 50: Insert Adjacent HTML
JavaScript is one of the most popular programming languages in 2021. In this Video Tutorial series I will giving you full training about Javascript from basic to advance level with easy and best explanation. A lot of people are learning JavaScript to become front-end and/or back-end developers. If you like this tutorial in Hindi do leave us a comment. I've designed this JavaScript tutorial for beginners to learn JavaScript from scratch.
Whether you're a beginner and want to learn to code, or you know any programming language and just want to learn JavaScript for web development, this tutorial helps you learn JavaScript fast.
You don't need any prior experience with JavaScript or any other programming languages. Just watch this JavaScript tutorial to the end and you'll be writing JavaScript code in no time.
You can also use JavaScript on the back-end using Node. Node is a run-time environment for executing JavaScript code outside of a browser. With Node and Express (a popular JavaScript framework), you can build back-end of web and mobile applications.
Join this channel to support Tech Gun:
/ @techgun

[@ankur_6174]

I've watched all your videos on html, css, and js 🙂 we're getting premium content for free! ❤❤

[@halwahekya3345]

Yes😭

[@vikashkumar_-xr9xq]

Sahi kaha bhai 😄

[@panku12101]

Yes Truly Agreed.

[@satyaranjan790]

Kya banaye hoa content dekh ke

[@GaganSingh-zz9el]

@@satyaranjan790 freelancing kr sakte ho bhai , mera dost kr rha hai usi ne mujhe sir ka content suggest kia to ma bhi krke freeelancing krunga

[@debabrattadas4902]

Requesting to all to please appreciate this man because of his knowledge and explanation style.

[@insane_gaming951]

ya sure

[@preitydaang8238]

yeah... . Bhaiya ka style is too simple ..even person from non tech background wud easily understand

[@nababali7616]

Best teacher in coding ever🎉 Thank you very much sir

[@jyotishwarrajshukla377]

Correct 💯💯💯💯

[@geetagyanwithaacharyavipin380]

After corona i had lost my jab, so i decide for upgrades and want to become developers but unfortunately i have no money so i watch html ,css, js video, thanks sir for these knowledgeable videos yesterday I cracked England base company interview for developers job. Thanks a lot again

[@SubhajitGuchhait_]

Please make MERN Stack Series which Include NodeJs, Express, React and MongoDB. Who want to see this playlist. By the way your teaching style just 🔥 love from Kolkata ❤

[@sonuprabhakar2357]

This would be amazing tutorial...if MERN is being taught by Vishwajeet..i am expecting very soon...

[@anishamaharana9665]

yes i too want the video of mern stack

[@anoodsiddiqui7050]

🙋🏻‍♀️

[@sankodiyadarshan2622]

MERN😍

[@subhamsahoo5203]

Yes

[@manthanramteke6101]

Sir aap kitni mehnat karte ho hamare liye 👍👍👍🙏🙏🙏 Me - aapke sare wishes puri ho jaye❤️❤️❤️

[@computerking3827]

"Sir Vishwajeet SAHB" you stand among one of the best teachers to me. Sir I am from Faisalabad Pakistan. Your all video are very informative and help full for us. I am following you from HTML,CSS and now JS. And I will follow you dear sir in a same way. I assure you that your way of teaching is so good that eighter you are Hindi or Urdu speaking, everyone is very comfortable with you dear Sir. So much love and respect for you dear Sir.

[@davedavidoff9745]

Forget about FreeCodeCamp, Edurekah, Udemy all the bs. You are one of the best tutorials I have ever seen on youtube. You have very pleasant voice too, which was one of the reasons why I continued to watch your video. Thanks a lot. God keep your blessed.

[@rajputana8]

FCC is best, but this channel is also good.

[@Dev_Bhattacharya]

free code Camp is also good

[@mubashirjaved7017]

Vishwajeet bhai ap mashallah sabse best teacher hai KZbin par KZbin ma apse parhne k Baad Kisi dosre se parhne Mai Maza nhi aata Lekin apko views itne zada Kyo nhi milte ye Samjh nhi AATA

[@nazimsheikh9563]

Please after java script start with react and after that monog db and node js😇this will cover my whole stack

[@usmanmushtaq1195]

Same

[@gautamsahani7604]

I agree u 😊

[@shubhamboes]

@@gautamsahani7604 Agreed

[@s.k376]

Sure

[@ropurifiedwater]

Finally done with this video after 2 weeks and i must say, it is the best tutorial on youtube!! Thank you sir for giving us such information and content for free :)

[@devchand4860]

If somebody really wanted to be a developer make sure you have listened his every single words. His words can be worthiest than gem for you. Huge respect from bottom of the heart guru.😘😘😍😍

[@Harish-nh8rm]

I rarely appreciate a person but I do appreciate when I really feel that person needs the appreciation. I have watched 44.47 minutes video and just stopped to write an appreciation comment for you. After spending 44.47 minutes, I felt that this is one of the greatest video posted by a genuine person who makes a fresher understand what is JavaScript and how it works. Effort is good, voice is super soft, easy to understand who doesn't even know anything about JavaScript. Keep it up man... you have long way to go and many thanks for helping people who really want to learn something like me.

[@awesomething8201]

nice

[@marrisaikrishna416]

Sir do you know what is the difference between other youtube tutorials and your tutorial.. others youtubers tutorials only understood by those who are already know the basics and concepts... But when it comes to your tutorials,, these tutorials are amazing ,these tutorials can also be understood by the person who don't know anything yet.. You're teaching everything from the basic that is really appreciable and very grateful.... Thank you so much for sharing knowledge in a way that every person can understand.... ❤️ Thank you so much once again..🙏🏻

[@subodhthakur6980]

he is genius

[@Comedypoint06]

for(let i=0; i< infinity ; i++){ document.write("Thank u for making js simple. Lots of love from our side ");

[@amymazany775]

Honestly I'm not able to afford a paid ttn but now your video give all that knowledge .....I'm really grateful to u and now I can confidently give a interview thank you sir 🌼🦋🙏

[@Hasleyaar1982]

Best video on JS I have watched. Really like your style of teaching. You use simple words so even a layman can understand

[@MohsinAli-dx2cr]

I rate this tutorial full star in all aspects. All tutorials on this channel are premium quality and easy to understand. I appreciate your effort. Thank you!!

[@rakeshbaliarsingh491]

I have just completed 2days..15hr time duration with you, and this became a great experience spending such a long hour with you. You are really a so much hard-working person, and you earned all our respect and love via your Nobel deeds. I learned Html, and now CSS from zero knowledge just because of you. Thank you so much sir from my deep warmth of hearth.

[@samanshaukat5714]

start main source element check krny pay mujhy h1 nai dikh raha ye likha aa raha hy ... and jb main browser ka version check kr rai hn to wo b uptodate show ho raha hy... can you kindly guide? ... if ('WebSocket' in window) { (function () { function refreshCSS() { var sheets = [].slice.call(document.getElementsByTagName("link")); var head = document.getElementsByTagName("head")[0]; for (var i = 0; i < sheets.length; ++i) { var elem = sheets[i]; var parent = elem.parentElement || head; parent.removeChild(elem); var rel = elem.rel; if (elem.href && typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") { var url = elem.href.replace(/(&|\?)_cacheOverride=\d+/, ''); elem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf()); } parent.appendChild(elem); } } var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://'; var address = protocol + window.location.host + window.location.pathname + '/ws'; var socket = new WebSocket(address); socket.onmessage = function (msg) { if (msg.data == 'reload') window.location.reload(); else if (msg.data == 'refreshcss') refreshCSS(); }; if (sessionStorage && !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) { console.log('Live reload enabled.'); sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true); } })(); } else { console.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.'); }

[@AsmaKhan-qf6gd]

Sir I don't know how can I thank uuuuuuuuuu you are such a super amazing teacher your way of teaching is like making every complex thing as easy as ABC. You have tremendous knowledge Splendid Way of conveying Knowledge I was very tense about js but uuuuu made it v.v.v.v.v.easy for me. thank uuuuuuuuuuuuuuuuuuuuuuuuuuuuu so muchhhhhhhhhhhhhhhhhhhhhhhhhhhhh😀😀😀😀😀😀😀 regards from pk

[@musharafali8589]

You are right dude

[@shovikanand3214]

Sir u r one of the Top and best ..& most friendly tutor here.. sharing knowledge in Hindi with basics and depth.. even u describing us Wat is row & column ..funny but Hats off to u sir..for such down to earth honest teaching👍👍

[@namanmishra1030]

Just finished it and although a bit unpolished its great for beginners and for those who are coming from other languages and I'd say one of the most detailed one out there. GREAT JOB!!!

[@MohdAshraf-vd5we]

The content you provided is far far better than other people provide and udemy courses. Thanks for giving this premium content for free, it helps freshers a lot and no doubt that you have great knowledge and keep spreading this knowledge. I really appreciate you and having a huge respect towards you. Thank you

[@MohammedAli-kl6dw]

Which one is better this course or course by Jonas Sachmedtmann on udemy?

[@mohammadashraf4271]

Definitely this course

[@MohammedAli-kl6dw]

@@mohammadashraf4271 Have you studied or gone through Jonas Sachmedtmann udemy tutorial?

[@MohammedAli-kl6dw]

@@mohammadashraf4271 I mean have you yourself compared these two courses brother?

[@mohammadashraf4271]

@@MohammedAli-kl6dw no but i can say that the way he teaches no one give that clarity and deep knowledge Even i made notes of this course and it helps me now, I'm working as frontend engineer You can give a try to this and just make notes for future purpose

[@sandeepgaund6399]

Aap hi hai sir jisne mujhe html ,css , javascript sikhaya....your explanation method is extraordinary....thanks u so much sir...

[@manojsoni8598]

Heyy!!! I really appreciate your affords providing these values in this 10 Hours Video. One request - Make a video on Python Full Course and Artificial Intelligent. It will be really very helpful. Your way of teaching is excellent... Waiting for the Python Course

[@Indiann454]

⭐TABLE OF CONTENT ⭐ 00:00:00 Section 1: Course Introduction 00:02:05 Section 2: JavaScript Intro 00:27:45 Section 3: Hello World Program 01:04:17 Section 4: Statement and comments in js 01:17:39 Section 5: Javascript Valiable - let, var and const 01:33:11 Section 6: Operators in Javascript 01:48:25 Section 7: Data Type in js 02:05:42 Section 8: Comparison and Logical operator 02:15:17 Section 9: If Else condition 02:39:34 Section 10: switch statement 02:57:52 Section 11: while, do-while and for loop 03:21:09 Section 12: Break, Continue and Nested loop 03:37:22 Section 13: Alert, confirm and prompt 03:48:39 Section 14: Type conversion 04:08:26 Section 15: String Manipulation 04:41:52 Section 16: Array in JavaScript 04:53:00 Section 17: Operation on Array 05:30:04 Section 18: Function in javascript 05:38:30 Section 19: Parameters and Arguments 05:45:37 Section 20: The arguments object 06:00:01 Section 21: Return a value in function 06:09:57 Section 22: Global variable vs local variable 06:20:13 Section 23: Anonymous function in javascript 06:28:37 Section 24: Immediately Invoked function 06:41:58 Section 25: objects in javascript 06:48:35 Section 26: object properties 07:07:15 Section 27: Methods in object 07:14:16 Section 28: This Keyword 07:19:09 Section 29: Math Object 07:28:21 Section 30: Generate Random Number 07:38:19 Section 31: Date Object 08:01:30 Section 32: New Keyword 08:04:42 Section 33: Getter and Setter 08:14:26 Section 34: Object constructor 08:29:15 Section 35: Object prototype 08:35:44 Section 36: nested object 08:41:42 Section 37: Hoisting 08:55:45 Section 38: DOM - Document Object Model 09:06:01 Section 39: Select Element by ID 09:14:59 Section 40: Select Element by Class 09:19:54 Section 41: Select Elements by Tag Name 09:25:29 Section 42: Query Selector in javascript 09:30:43 Section 43: Traversing element in js 09:42:51 Section 44: Change HTML with javascript 09:46:02 Section 45: Create and Append Element 10:01:22 Section 46: Insert Before an Element 10:10:15 Section 47: Remove Child Element 10:15:44 Section 48: Clone or Copy Element 10:19:36 Section 49: Replace element in js 10:23:14 Section 50: Insert Adjacent HTML

[@pritamawatade]

Very helpful

[@rahulsagarwebdeveloper]

Thanks for time stamp 😊

[@firdoushsiddique1280]

Thanks for time stamp

[@noobcoder8042]

Each and every things explained in this lecture is quite simple and easiest manner. This is one of the best lecture in the whole KZbin.

[@ooomr.kibeautifulmiss2754]

Ohhhhhhhhhhhhhhhhhhhhhhh

[@farooqkota8692]

Agreed 💯

[@ramcreation809]

you are providing advance and premium knowledge just free of cost which i can not afford.... huge respect for you sir... i am learning a lot.... keep your work continue sir... 🙏

[@vikasgauravv]

I greatly appreciate your work Sir :)

[@arupmca]

Superb explanation! Thank you for your efforts you have put to build such outstanding tutorials..

[@amazingworld9126]

I hv learned css n html In all your videos sir ...n m thankful to you n really now m.able to give interview jst bcz of your videos n way of teaching ....hats off ...no one can teach like you ..m already observed throughout the months ...finally I hv a teacher ...

[@gowthamang2794]

I have started to watch this video two days ago. I am about finish it today. I am desperately to learn JS. This video is really helpful for beginners. I highly recommend it.

[@saurabhpandey2018]

This lecture gave me knowledge with confidence

[@saquib_husain]

omg, finally i got one guru who is way more awsome than any of other highfi gurus. huge respect sir, mai to apka hai re jabra fan ho gaya....

[@Dev_Bhattacharya]

🤣🤣(Jabra Fan)🤣🤣

[@saquib_husain]

@@Dev_Bhattacharya 😁😁😁😂😂😂🤣🤣🤣

[@Kuldeepsci]

Thanks so much sir you are really best teacher Mai sari coding aapse hi Shikha hu mere collage ke students jo coding ki classes jate hai unse jayada achha Mai kr leta hu thanks again

[@amoghmangalam3130]

no words to exlain how good you are . superb . I am mechanical engineer and watching all ur contents

[@jatinderchoudhary6061]

It's 2022 but still the best js course in KZbin ❤️

[@sazsohail9969]

Really brother superb explain 👌🥰

[@DPWalker101]

Thank you sir for taught me javascript coding. I shared your this javascript tutorial to my many friends. 😀

[@neethug406]

Excellent effort to share your knowledge with others... Stay blessed..

[@mohammadsarkar4390]

lajabab teaching sir deeply knowlege

[@somaiyashahin4456]

You are really an excellent teacher. Thank you so much for teaching us so easily. Take a little love from me.

[@rwtgamingshorts7667]

Best tutorial sir 🔥🔥🔥

[@deepalibiradar3684]

Best channel ever... Your teaching technique is really awesome...I have learnt many things...A million thanks to you... 🙏❤️

[@poojasharma3992]

Thank you sir.. God bless you

[@littlekalu1]

Vishwajeet(If i've spelt right ), It takes all my heart and love to express the gratitude in so limited ( compared to what you have contributed through your channel to all of us ) words. ," Immaculate and such unprecedented work . Your brilliancy in being so simple ,to make any layman understand the most toughest languages ever invented ,is beyond one's comprehension.... God Bless you for your great act of Good Samaritan ...

[@ugyenofficial]

For a kid like me you are a true Guru. Thank you so much sir!

[@tanmaymohanty8771]

I am from odisha, Thanks u so much sir u gave urs valuable time for us.. Ur the best sir on the youtube..... 🙇‍♂️💐💐

[@aparnasingh1491]

Thank you so much for explaining all concept so nicely. Much appreciated

[@surojsantra4172]

This tutorial is "Helpful".

[@gondaliyanikhil7319]

Hey Vishwajeet, I've completed part-1 of your JavaScript series and I would like to thank you for providing great content at free of cost. Thanks again man.

[@zd1865]

Thanks for making such detailed tutorials for free. ❤️

[@itsyadavraj]

I appreciate your teching style i'm watched many video's but no body compare with you👏👏

[@Reehan]

Thank you . I know it is just a word but the value you gave us cannot be expressed in words. Thanks again!

[@sunveerahman1974]

So far Great Tutorial , . Your Tutorials can Highly cover the base and understable. As I'm a front-end dev I want to move on to the Back-end as well . My Humble req. to You , Bring a Node JS , Express with PostGres on the Table . I do not want to go for a english tutorial now , (From Bangladesh )

[@janmejay.01]

finally completed html, css, bootstrap in this great tutorial ,nd now learning javascript.🙏🙏🙏🙏

[@Jacky__6386]

best instructor i have ever seen in my life . you have a power to someone zero to hero in javascript well done ❤❤

[@radhekrishna4420]

Hello sir, Really i respect you. I already watch you html and CSS tutorial and both are osm🙂👍. Now I am continuing JS and really enjoying it. After that I will go to the react library. If possible then please suggest to me what after completed . I am interested in full strack. So for back end i will try node and mongodb.

[@zatowham2554]

Finally completed part 1 took me 4 days , you help me alot your teaching us style is very quick catch-up for new coders... God bless you brother ❤️

[@abdullhaseeb2529]

Very knowledgeable and entirely understandable for the students. You are like my Teacher who understands students' mindsets as beginners and guides them in a simple way and with some simple examples. Thank you so much

[@sabraamin6412]

Thanks, bro. I appreciate your sincere efforts from the bottom of my heart.

[@islam4all713]

Your a great teacher for all. Your teaching level is very helpful for all. Love From Azad Kashmir.

[@avantikaroy5146]

No tutorial can beat yours. You cover all the topics and really cover basic AND advanced. Thankyou so much from the bottom of my heart :))

[@GaganSingh-zz9el]

@@safinkhan8397 inse best kuch nai hai bhai

[@loveraj9820]

@@safinkhan8397 yes this is

[@dendell8860]

Yes Absolutely

[@Cityscapes411]

Plz make a series also for backend 🥺 You are such a great teacher 🤠

[@musharafali8589]

Greetings Sir. Nice effort, and excellent teaching skills. Conveyed each and every concept in a simple and easy way.

[@ordinarychannel32]

I saw your html and CSS complete videos and now i saw this video. i really like this its very good way you explain every thing thank you so much for this.

[@prisinha]

8:32:00 object may add extra key, outside its constructor, but same work can be done by constructor outside itself using prototype

[@syedkamranshah1212]

Brother I am seriously very glad that I found your chennel at the beginning stage of my career as web developer, I have seen your html, Css, have made templates on that, now working on JavaScript and it seems very easy because of your way and style of teaching, I have no words to thankyou for this but I will help you to get more and more subscribers which could be considered at least 1 percent of return.

[@meghanareddy2197]

Sir, Your the best teacher.. best tutorial ever!

[@rizubasha6408]

Finally completed this video and continuing with the second part , Thank you bro!

[@laxminarayannayak5747]

It would have been very useful if contents were given slices of time duration other than the progress bar. It is also difficult to revisit a particular section for clarification and revision. One has to note down the minute to go back to previous chapter. Just doing that.

[@_m.st_09]

There are the short sections of every topic in the Playlist and timing of each topic in the description box of the vedio. You can take help from any of these 2 ways.

[@govardhanreddy690]

Thank you sir Next part advanced js (jQuery React js Ajax And some popular js librares) Will u include these in this course???

[@Santoshkumar-hr5kj]

One video

[@unscriptedlife4908]

I've watched all your videos on html, css, and js 🙂 we're getting premium content for free! ❤❤ you are the best teacher on code study

[@VIKASYADAV-rg9xv]

Sir, thank you so much for making this video. I searched many videos on KZbin but any thing is not better than this video. This is the best video for JS on KZbin

[@suchitsd6638]

Thank You for the compiled JavaScript Video Vishwajeet Ji. The way you teach us is truly amazing. Waiting for React Js, Node Js, and many more. :) Thanks again for your hard work.

[@patelmeshwa3537]

great work .I easily understand all topics of javascript.

[@zohaibadreesfoodsecrets1499]

amazing

[@diwashtiwari1272]

*_wow just completed Javascript Part-1 . Thanks jiswajeet bro for this Series😊😊_*

[@theocean7091]

This guy must be protected. God sent him to the earth as a blessing to mankind. ❤️

[@prisinha]

6:55:22 key Name should NOT have space between it, otherwise, square brackets and single quotes has to be used to access its value

[@sunderacharya7943]

You're doing great job for student like us who fon't even know P of programming language. Thank you sir🙏

[@akshatajinagond2828]

Sir you are a amazing teacher ! I found your videos very helpful. Thank you

[@muhammadiftikhar3152]

Love and respect from Pakistan.waiting for second part.

[@hackeditz2.0]

Sir please make a video on complet java script source beginner to advanced please 🥺🥺🥺😭

[@StrangerDanger352]

I love your tutorial videos you really teach in depths there are no others youtubers that teaches in depths thank you we really appreciate you i have watched your html and css videos

[@swapnilm2724]

you are a great teacher sir....i did html n css from uh now im on j.s......thanks a lot sir :) i really appritiate ur work

[@prisinha]

This Quick Reference Guide is created for Beginners and it is requested to please highlight this comment which may help them in future 0:00:00 Course begins 0:02:05 Intro 0:08:25 electron js 0:11:30 ECMA 262 0:20:44 ES Version equals Last digit of its Release Year plus One 0:22:22 browser compatibility 0:25:25 JS Engines are V8 in Chrome and SpiderMonkey in FireFox and Chakra in Edge 0:26:56 caniuse 0:27:45 Hello World 0:36:36 shortcut to console log is Ctrl plus Shift plus J in Windows and command plus option plus J in Mac 0:37:17 bug vs debug 0:40:50 JS works inside Head tag and Body tag both 0:43:33 EMMET abbreviation for script src 0:48:00 cache is used for faster load time 0:48:48 script tag has attribute called async which is attached to script tag even if it is not written in code 0:49:33 script tag has attribute called defer which we attach to script tag when we want browser to read other code first and javascript later 0:55:40 ctrl plus u shows source code 1:04:17 comments or remarks 1:17:39 variable types 1:26:00 let introduced since ES6 1:28:28 variable naming rules 1:33:11 Operators 1:45:45 plus plus after variable_name increases value and then stores increased value into variable_name while plus plus before variable_name increases value and then does NOT store increased value into variable_name 1:48:25 Data Types 1:53:43 4:13:13 use of double quote inside single quote 1:59:30 undefined 2:01:01 typeof 2:05:00 template literal 2:05:42 Comparisons by Logic 2:15:17 If Else condition 2:32:23 ternary operator 2:38:00 Null coalescing operator 2:39:34 switch 2:46:00 switch statement uses triple equal sign 2:51:31 break in switch 2:57:52 loop 3:18:45 for loop 3:21:09 skip the loop 3:23:50 break inside for loop 3:26:30 continue inside for loop 3:34:34 skip nested loop using break label_name 3:37:00 skip nested loop using continue label_name 3:37:22 confirm vs prompt 3:48:39 Two conversions 3:55:00 automatic type conversion 3:56:44 automatic type conversion depends upon operator sign 3:58:00 NaN 3:59:09 manual type conversion 4:08:26 String functions 4:15:15 string as array 4:27:40 substr vs substring 4:29:00 indexOf outputs position value as number type (for any string) 4:31:31 lastIndexOf outputs position value from RTL as number type 4:32:42 4:40:55 search within string 4:41:52 Array (pronunciation arey) 4:50:50 array can have mixed types of element 4:53:00 Array functions 4:55:08 push vs unshift 4:56:46 pop vs shift 4:57:30 splice 5:00:00 indexOf outputs position value as number type (for any array also) 5:03:03 isArray 5:04:04 split 5:13:13 Array within Array 5:21:22 for loop on Array 5:27:00 forEach on Array 5:29:00 for loop vs for Each loop 5:30:04 Functions 5:38:30 Params 5:45:37 arguments array as default param of Function 6:00:01 Return 6:02:00 return a value by function 6:04:44 return undefined by function 5:54:54 forEach alternative 6:06:26 return ends execution of function 6:12:00 global var vs local var 6:20:13 Anonymous function 6:27:17 anonymous functions save memory 6:30:30 Immediately Invoked function 6:39:19 practical usage of immediately invoked function 6:41:58 objects 6:46:00 where objects are used in coding 6:48:35 object keys and values 6:49:00 object vs array 6:52:52 ways to access value of property(key) of an object 6:55:22 property (key) Name should NOT have space between it, otherwise, square brackets and single quotes has to be used to access its value 6:59:00 how to add property (key) name and value to an object outside same object 7:00:00 delete property (key) from an object 7:02:00 search property (key) in an object 7:03:33 for in loop used in an object 7:06:26 for in loop used in an object to print every key and its every value, within square brackets and single quotes to access its value 7:08:00 create methods for objects 7:10:00 first way to create method for objects 7:11:27 second way to create method for objects 7:12:42 third way to create method for objects 7:14:00 4th way to create method for objects 7:18:14 this keyword 7:19:09 Math 7:37:17 get random number between a range 7:41:00 Date object with D as capital letter 7:42:42 month in Date object 7:43:43 Date format has to be same for comparison 7:45:25 min two params required in Date object 7:48:48 Unix Epoch Time from console log new Date get Time 7:55:40 calculate next Date 8:00:45 compare two Date objects 8:01:30 New 8:03:00 create object using new keyword 8:04:42 Get function and and Set function 8:07:07 function within an object 8:08:08 getter function 8:11:33 setter function 8:14:26 Object constructor 8:21:00 object constructor using new keyword 8:25:00 object may add extra key, outside its constructor, but same work can not be done by constructor outside itself 8:29:15 prototype keyword 8:32:00 object may add extra key, outside its constructor, but same work can be done by constructor outside itself using prototype keyword as suffix to name of constructor 8:34:14 this keyword replaced by prototype 8:35:44 nested object 8:41:00 JSON format 8:45:00 Hoisting 8:47:30 undeclared variables have type undefined 8:49:29 only declaration by var picked by Hoisting, not assignment 8:53:03 Neither declaration by let or const in ES6 picked for Hoisting, nor Assignment 8:54:30 use strict ensures that all variables are declared 8:55:45 DOM vs BOM 8:58:00 document is parent of HTML element 9:02:50 what all JS can do dynamically 9:03:30 if HTML elements are defined as Objects then it will have property and method 9:04:14 document object is root object 9:06:01 get Element and its contents using attribute ID 9:09:00 document get ElementById 9:14:59 get Element and its contents using attribute Class 9:16:22 document get ElementByClassName 9:19:19 document get ElementByClassName for multiple className 9:19:54 get Element and its contents using Tag 9:22:22 document get ElementByTagName 9:24:00 document get ElementByTagName where Tag is nested within another element 9:25:29 get Element and its contents using CSS Query Selector 9:26:36 document query Selector 9:29:09 document query SelectorAll 9:30:43 Traverse through elements 9:31:31 meaning of Traverse 9:33:23 get parent Element and its contents using child element 9:38:00 get first Element Child and its contents 9:38:58 get last Element Child and its contents 9:42:00 get previous Element Sibling and its contents 9:42:22 get next Element Sibling and its contents 9:44:44 document get ElementById inner HTML 9:47:17 document create Element tagName 9:48:18 document get ElementById append Child 9:46:02 Modify Element 9:49:29 document create Text Node append Child 9:50:40 append text to newly created Tag 9:51:31 add class to newly created Tag 9:52:12 add id attribute to newly created Tag 9:53:33 document body append Child tagName 9:55:15 tagName text Content 9:59:00 extend list using document get ElementById append Child 10:01:22 Overcome demerits of append Child 10:04:24 document get ElementById idName has a method insert Before which accepts two params where first param is document create Element tagName and second param is document get ElementById idName first Element Child 10:05:55 post content between two Child Elements using next Element Sibling 10:09:29 document body insert Before 10:12:12 document get ElementById idName remove Child document get ElementById idName first Element Child 10:09:29 document body insert Before 10:10:15 How to remove Child Element 10:12:12 document get ElementById idName remove Child document get ElementById idName first Element Child 10:15:15 remove element and its contents from body 10:15:44 document get ElementById idName clone Node 10:17:37 copy element and its contents using method clone Node 10:19:36 document get ElementById idName replace Child 10:22:22 document get ElementById idName replace Child has two params where first param is document create Element tagName and second param is document get ElementById idName first Element Child next Element Sibling 10:23:14 insert Adjacent HTML 10:25:25 positions available for insert Adjacent HTML 10:28:00 document get ElementById idName insert Adjacent HTML positionName htmlElement

[@kaivalyashah5634]

Hey thanks a lot. This comment should be pinned.

[@bhuveshpant1114]

Hey! does sir had taught map,filter and reduce in array

[@rubyxkumari]

32:29 - Scam 1992 folder spotted 😂😂😁😁😉😉

[@TechGun]

😄🤣

[@arbazkhan7362]

When i thought that how I start web development ?...then I searched on u tube & watch lot of videos but I couldn't understand the way of teaching of other utubers till the html but when I randomly watched ur HTML video my heart emphasised me that ull have to watch his CSS & js video 😒....then I watched ur whole series of HTML+CSS+Js & now I'm waiting for mangodb reactjs & bootstrap too, very eagerly ....sir plsss make videos on that programing lang too.....I request u from my bottom of heart plsss......love ur way of teaching ur voice too😇🤗.....ur the great teacher

[@user-or6dt7qz4c]

Sir hum aapke channel pe aane ke baad hume kisi ki class he samajh he nhi aa rhi ,hum Code with harry, wscube, W3 school sb ki class check kri ki unki short hai to jaldi ho jayega lekin aap jaisa kisi ne nhi padhaya sir,mai pehli baar youtube pe comment kra hai ,Aap bht ache teacher ho sir,Wish you very happiest teache's day sir in advanced,, Thank you Regards Ritishikha Pal Lucknow U.P

[@vengeance9047]

You can also watch this in 2x speed

[@sourabhmori8129]

Kuchh bhi bhai 😂😂😂😅

[@SIDEROPGAMING]

Right 👍

[@SAMEERKHAN-nd7ti]

someone please give this guy a "Explanation Award".....boss aap explanation king ho...👌👌👌👌

[@anupalone3317]

completed html,css and this video...now going for the the advanced level

[@hiteshpaliwal8171]

Thanks for wonderful course.

[@user-di9ee5gf6n]

You are great sir.. 💝 Love you sir🥰😍🔥

[@M.Ahmed-mo6uv]

sir, THNX TO ALLAH k apki har baat bohat asani se simple words me samajh ati he.ap dil se teach krty ho ,apko tutorial ko dekh k feel hota he k ap k soul me tech rach bas gai he,❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

[@lalitukumar]

Please sir PHP par bhi tutorial baniye app bahut ache se samjate hai thankyou

[@graystation841]

Osm sir mje hi aa gye. Banate rhe Or videos 😺😺😺

[@mind_motivator_]

jitni tareef kri jaye utni kaam Itna Detailed Video 😍 Thank You Very Much Sir, Really Appreciate Your Hard Work 🙏🙏 Abhi Just Video Khatam kiya hu sir and part 2 start kr rha hu

[@vaishaliwork6564]

No tutorial can beat this tutorial. After this tutorial I regularly check ur new videos. Thanks u so much.

[@muhammadismail3958]

I have completed html from your video 😍 thnks sir

[@rishabhp48]

Guruji dil se shukriya aap ko jaldi upar wala fal pradaan karega

[@shamshadansari2018]

Love you Sir... I’m learning by your videos