JavaScript for Beginners | Learn JavaScript in one hour!

[@KeertiPurswani]

The Live Hands on High Level System Design course is starting on 5th April. We will be building end to end projects like WhatsApp, KZbin and Zerodha. Communications have begun. If interested, enroll asap - www.educosys.com/course/hhld

[@hashworld23]

Is this video enough to be the pre requisite for the course... Asking because I am not familiar with terms like "web sockets",...

[@KeertiPurswani]

Yes don’t worry, will teach you everything!

[@shivaraj17cm]

I just completed watching your JavaScript video, and I must say it's excellently crafted. Thank you for your hard work in producing such valuable content. However, I'd like to suggest an addition that many learners would appreciate: a second part of the video covering object-oriented JavaScript, DOM manipulation, and other advanced concepts. It would be incredibly beneficial if you could upload this before the course begins.

[@KeertiPurswani]

Hi Shivaraj, will create video for sure but don’t worry. In course, I will be there to help at every step!

[@rishukr.singh_]

Didi, may I know what's your opinion on BS from IITM

[@udaygodaba6860]

Yes, will be looking for OOPs in JavaScript

[@Sportgameww]

0:00-0:50 - Intro 0:50-1:30 - JS Intro 1:30-2:15 - Execute JS code in browser 2:15-4:05 - NodeJS Intro, how to execute JS code using NodeJS 4:05-6:10 - JS code in HTML 6:10-13:30 - Primitive/Value Types 13:30-15:50 - Objects 15:50-18:35 - Value Types Vs Reference Types 18:35-20:38 - Arrays 20:38-21:55 - Functions 21:55-29:40 - How JS is executed, Execution context, Hoisting 29:49-31:40 - window and this 31:40-39:00 - let, const, Temporal Dead Zone, Block Scoping 39:00-43:05 - Lexical Scope 43:05-50:45 - Higher Order Functions, First Class Citizens 50:45-52:50 - Arrow Functions 52:50-1:03:30 - Closures with examples 1:03:30-1:06:10 - Revision 1:06:10-1:16-10 - Callback, event loop, event queue 1:16:10-1:18:35 - Callback hell, Pyramid of Doom 1:18:35-1:25:00 - Promises 1:25:00-1:28:10 - async await 1:28:10-1:29:20 - motivation 1:29:20-1:31:05 - map 1:31:05-1:31:58 - filter 1:31:58-1:33:30 - reduce

[@prithvirajpatil2916]

Just completed watching the video.😮‍💨 Learnt all the concepts. Although it was 1.5 hr video, it took me 8 hours to complete it 😅 Taking notes, trying to code myself, rewinding and understanding a concept properly. I completed it in 2 days, 3.5 hr first day, 3.5 hrs the next day. Thank you, very well taught. 😃

[@KeertiPurswani]

Imagine the amount of time I took to create this 🫢🫢 But great job! Really proud! Please do share it if you think it’s worth sharing ❤️😇

[@sbc498]

@@KeertiPurswani Thank you mam for this wonderful content. Helped me to brush up my basics and also learned new concepts. Took a long time for me to watch the video, prepare notes and code along. Really a wonderful experience. Link to notes:- drive.google.com/file/d/1O-eT-Ha2Dc0mihj9z9mBpBAum3fNQXfI/view?usp=drivesdk Mam, a small doubt. Along with these do I need to learn any concepts to get started with Node.js and Express.js? Once again thank you for putting this content for free...

[@shatulbansal4756]

Hi bro, can you please share the pdf of JS notes that you prepared after watching this video?😃

[@eklavya22k34]

Thanks. So many concepts taught in 1 single video, I like the way u explain things with example, it is easy to learn this way. Initially, I had doubt about video, but after watching I am now 1 of ur fan. I tried to learn from 2 popular educators but I still had so many doubts. I think u r a good teacher, and ur concepts r very strong. I really enjoyed and learned so much, my so many doubts are cleared bcz of ur unique way of teaching. Thanks a ton. Hope 1 day I can repay ur kindness and help that u have given through videos. Keep shining. Tc.

[@vatsalkudecha2746]

Clear, Crisp, and in-depth explanation!

[@hemantagrawal1122]

I just love the person who edits your videos. Those simple memes make the video fun and entertaining❤

[@KeertiPurswani]

Thank you from his side ❤️

[@eepieyeepie]

This is the type of video that I expected on youtube around 3 years back, completely ditched js but had to get back to it, by god's grace have been subscribed to your for a while and ended up seeing this video! Now wanting to learn Angular or anything doesn't seem intimidating anymore :D

[@KeertiPurswani]

All the best! Keep sharing your learning updates ❤️

[@shivaraj17cm]

I just completed watching your JavaScript video, and I must say it's excellently crafted. Thank you for your hard work in producing such valuable content. However, I'd like to suggest an addition that many learners would appreciate: a second part of the video covering object-oriented JavaScript, DOM manipulation, and other advanced concepts. It would be incredibly beneficial if you could upload this before the course begins.

[@shreeshenoy6629]

wish i had found you lil earlyyy!!! please keep uploading such videos... help students grow from the scratchhhh

[@rajeshranjan2293]

This was the 1st time i went through Javascript course. You have explained it so nicely and in such a simple language that most of the thing I understood except Callback part. I will go through callback part again and will try to understand, write some code and practice. Great Job Done by creating this tutorial by you...!!! Thanks alott @Keerti. Also as I have registered for your HHLD course, I am waiting eagerly to for its start. I am facing alot of challenges in the interviews because I am not able to answer System Design questions, hopefully your HHLD course will help me reach that level and help me crack the interviews. At last I will say your teaching style is very good. Thanks alott again. 😇

[@KeertiPurswani]

Excited to meet you in HHLD course! 😇

[@enterprisingtech]

Thanks for making this great explainer on JS! This is the best tutorial I’ve seen on KZbin, seriously! So in depth and easy to follow 🎉

[@aintyourcupoftea]

Hey Keerti, I wanted to let you know that I really enjoyed your teaching style. Your concise explanations make learning so much easier. I've practiced everything you taught in this video and would greatly appreciate a more detailed video on Javascript that covers OOPs and everything else. Thank you!

[@aseemsameer7281]

1:00:16 I don't think the lexical scope of the variable a is basically a global scope, since it is not shown in the global scope, but in scrip. but it behaves that way. If we log the a before a=20, it will be 100 since its scope is global.

[@saurabhjoshi8001]

Must watch the complete video for the javascript...learned all the concepts in depth and in easy simple way..Keep posting such videos and thank you for the guidance and help you have provided.

[@rahulrahul-cm4mn]

Great job Keerti!

[@sahilshashank]

Great video! Crisp and clear no nonsense content! Thank you for creating this. Eagerly waiting for OOPs in JS.

[@Abhishek-WebDev]

Just completed it, what an amazing refresher for JavaScript. Keerti is really exceptional, in my experience, her courses and knowledge is subpar.

[@sumiuma5756]

The only no BS JavaScript crash course that basically covers everything. And the way you teach talks your knowledge and grip on the subject sister... Hats off.. this was my first js tutorial but I am pretty confident to move to coding it myself.. thank you sister.. lots of love...

[@believeyou8530]

Loved the speed at which you have provided the information ,got to know a lot of details. Thanks

[@SeekingTheTruth369]

oops and dom manipulation in js next pls..!!

[@Gpillar07]

mam, your teaching way is excellent and i need more videos on JS

[@divyamgoel9183]

OOPs in js :) Great tutorial !!!

[@ramyareddy4058]

I just completed your video . Thank you so much. I liked your way of explanation. can u do more videos on classes, object ,prortotype.Its really worth.

[@shawnpereira3042]

Thanks Keerti, the way you explain concepts is very crisp and good. I learnt a lot today. God bless.

[@newsbuster2194]

Thanks, di for such wonderful content. I have watched the video till the end. And I am interested in the OOPs with JavaScript. Please make more such videos. Please also make a video on DOM and BOM manipulation.

[@KeertiPurswani]

Thank you! Will do!

[@hashworld23]

Video is on point for learning JS... Thank you for this video Keerthi!

[@KeertiPurswani]

Thank you so much! Practise while watching the video 😇

[@rohitrathodi3]

Thankyou so much for this video.. helped me a lot in getting hands on with the basics.. this video is truly valuable to beginners.. even i doubted it in the Beginning but every sentence and every concept in the video holds importance.. Pls take this series forward, i really like ur teaching style and viewpoint.

[@kevinameda2711]

Woow, just beautiful and detailed explanation

[@jrdnvrg]

You're a good teacher. really appreciate the effort.

[@eswaramara7562]

Mam please make Java script complete series along with problems solving

[@SauravKumar-hz1pg]

Wow amazing content 👏👏, keep posting this type of content 👍. Thank You!

[@pinak273]

This video is best, what a great explanation!! thank you ma'am, looking forward to learn much more topics from you ! again thank you for such a great explanation

[@bjit]

Wow! Very clear and concise, really loved the course!

[@chaitanyabharadwaj5411]

Thankyou for this!❤ I have watched the whole thing and understood it. Now, how should I practice it.

[@KeertiPurswani]

Just write whatever code I wrote yourself! 😇

[@khalilurrehman3149]

nyce Keerti👏👏👏

[@karansharma-wn1qz]

Thanks for lecture.. i have one question in closure, when we use var a = 100 inside the function rather then just putting a = 100, then changing it a = 80 outside the function... in normal case as you mention when using a= 100, we get the output as 80 as we chnaged it outside however when using it with var a= 100 then even if we put it to a = 80 the output still is 100, please could you confirm my understanding it is because var is function scoped

[@KeertiPurswani]

Hey, did you try the code yourself? Do you think changing it to var should change the behavior?

[@karansharma-wn1qz]

@@KeertiPurswani yea i saw when i tried

[@vishusharma2522]

This was to the point and easy to grasp. Well done. Please make a hands on js project based video or paid course. Will be helpful to many. Thanks.

[@KeertiPurswani]

Well, there is HHLD!

[@rishikasharma7137]

Hello ma'am i have some queries related to javascript. How i can build javascript logics and write code myself. I can't build logics ma'am 😭

[@andromedainspace6583]

This is the most amazing 1 hr 34 min i had experienced. THankyou so much mam☺

[@daisyperez2324]

this video helped me so much, thank you!!

[@niteshrathore4341]

what is the difference between accessing a object value using dot. notation and bracket [""]

[@chrisfan9955]

excellent explain.Thank you

[@rohitnegi6886]

The teaching is getting better every time, Great Job Keerti!! Really Appreciate your effort.

[@MousamiDeshmukh-g8k]

Hi @KeertiPurswani As you have explained async operations using callbacks, promises, async/await , I did not understand how we should use to handle async operations . As all these are being used to handle data once the TIMEOUT is completed or once the DATA IS AVAILABLE, how can these be used while we are WAITING for the data , and we want to execute something till we receive the DATA or till the operation gets completed ? Coz actually async means the operations which gets executed without waiting for the main operation to get completed concurrently.

[@shivagupta9420]

Such a Great Video Keerti, Revising All JavaScript Important Concept With In-depth explanation.

[@husendodiya8990]

yes interested into oops in javascript.

[@tajsaad6959]

Thanks for your time and effort

[@deekshatholiya9284]

This is the best Javascript one shot i have ever seen !!...literally tried all the stuff on internet but found this out of the world😍...Di we need entire WebD playlist by you🥺..You are the best teacher ❤

[@uddeshyasingh7479]

Can you make deep video on this 3 topic - 1. Callback 2. Promise 3. Higher order function

[@4444-c4s]

Abhi tak ka sabse best crash course I found on JS.

[@amitgupta-or5nm]

High quality , very well explained video , thnk you

[@KeertiPurswani]

Thank you so much! Means a lot, please do share it 😇

[@srsahoo.official]

Gem content💎💎

[@ItsVinOpJobcast]

Yes, we need Object-Oriented Programming using Javascript. Just completed the whole video, it's a masterpiece. Your teaching style is smooth, legendary. You have mastered the art of teaching. I would love to learn Javascript from you, from beginner to advanced, also ReactJS and NextJS.Thanks for this video.

[@TinyArtsofLife]

one small doubt: is memory phase also called as Hoisting, because Hoisting clearly defines about Memory phase itself before the actual execution of code threads? Thank you in advance.

[@sbc498]

No, It's not. Hoisting just literally means accessing the variables and functions before declaring them where as memory phase as you said is the phase which occours before the execution phase and allocates memory to variables and functions. Due to allocation of memory, i.e, due to memory phase hoisiting is possible

[@ankitthawal1313]

Loved it, thanks for creating this video, It was very easy to understand.

[@somnathghosal6954]

Nice endeavour, sister.

[@nobitakaif6213]

Is it enough ? If not then what's the remaining topics and resources where I can watch

[@aluexpress987]

I would like see more girls like you to a teaching roles in coding. Recently many KZbinrs(male) are just making useless videos in the name of coding. Great explanation, We done keerti. 🎉

[@prithvirajpatil2916]

Very helpful video....also the memes made it fun to learn 😃....also you explained all concepts beautifully 😃

[@awesomeguy6427]

I miss our school days! anyways good to see you after so long.

[@kapilyadav5101]

Good video for quick go through

[@KeertiPurswani]

Thanks Kapil! Happy Learning!

[@Bhairav-r4x]

Thanks kirtee di it was a helpful a lot🎉❤

[@akkie777]

Looking forward to the OOPs video :)

[@pretty948]

subscribed and liked, and would love an OOPs video as well!

[@abhinavnagpure8464]

pure stuff❤

[@siddharthagarwal6323]

The Video is very helpful. Thanks a lot Please create some videos on development🙏

[@Shahzan1]

I was searching for this kind of video thank you for the efforts you make for us. Can we get a video on other topics like react also plz.

[@KeertiPurswani]

Videos coming up for sure! Make sure you also write the code as you watch the video

[@nayeemuzzaman327]

Would appreciate a lot if you could do the oop part of JavaScript ,thank you❤

[@susmitharekhaaddepalli5292]

Loved the content❤❤❤

[@kamallatwal2059]

very helpful video! really appreciate your efforts. 💻

[@ijazm]

Keep these videos coming ❤

[@BigyanChap]

You inspire me all the time. ❤

[@KeertiPurswani]

Means so much to me ❤️😇

[@ChandanKumar-ik8pf]

what is practicle use of closure?

[@celticspyd5887]

MAM please bring full tutorial on Node or MERN satck please🙏🙏🙏🙏

[@Shreeramukt]

I had that doubt. why did she changed let to var for declaring variables?

[@romainrobert1856]

Outstanding

[@devdatkumar4970]

@KeertiPurswani, could you do OOP in JS too.

[@InAsh06]

best video mam

[@Pooja-k3x5r]

thanks keerti

[@kirannaik4417]

1:00:00

[@mithunmurthy9046]

Loved the memes !!😀

[@saisatishpatnala5079]

super explanation madam

[@KeertiPurswani]

Thank you, please share it with your friends 😇

[@mrityunjaysinha]

Hi Keerthi, in HHLD course, the projects will be Fullstack or Backend? And what would be the tech stack for that?

[@KeertiPurswani]

Full stack, the curriculum is mentioned on site. Please check it out? It is basically converting the boxes we draw in HLD to actual components in the project

[@amitgupta-or5nm]

Are you planning to launch any advance course on js?

[@not_amanullah]

this is helpful ❤

[@selinsaral7677]

Great content

[@VishalKumar-dy5rk]

Thanks you didi 😊

[@JayPanchal03]

found video before 2 day my interview for revising JavaScript concept for software developer intern role , just cracked my interview

[@KeertiPurswani]

Woah congratulations! Which company?

[@prasaddas543]

Mam hhld course ke liye kya hld aana prerequisite hai??

[@KeertiPurswani]

Nahi, please check FAQ also!

[@girishbhargava6367]

If this video is fully understood, can we start with React ?

[@KeertiPurswani]

Yup, you can get started with React

[@girishbhargava6367]

You really explained the tricky concepts in the easiest manner possible, keep it up. Also, please keep uploading such videos, or maybe tutorial playlists....@@KeertiPurswani

[@explorewithAsif7]

Hey i m currently in 6 sem of my engineering i m very good in JAVA WITH DSA and 500+ problems done on leet code but zero knowledge about development what should i do for get placed now seeing currently scenario of market WEB DEVELOPMENT is so saturated give me advice pls Should i look for data scientists/ Data engineer Give me your opinion pls

[@abv010-gb2zf]

Yes we need a OOPs video

[@KamleshSharma-si2rq]

Hi Mam , I am preparingg for the interview and I have 4.5 years of experience in Java development ,shall I put javascript on resume by completing this seris . Please replyy ,I have worked on js on my current organisation but mostly used chatgpt for ui task

[@not_amanullah]

thanks ❤

[@alexanderhenricks]

We want graph series mam, please continue it

[@KeertiPurswani]

It’s not getting any views 💔💔

[@saikumargatla4706]

Can I expect a video on express, and node too

[@brijeshpatra1629]

everyone just tell about loops variables and normal stuff this is what i was looking for excellent explanation keerti dee thank you so much this all concepts will surely help me in my interviews

[@KeertiPurswani]

Thank you! Means so much!

[@brijeshpatra1629]

@@KeertiPurswani 🙏

[@mukeshrawat8816]

that subscribe sticker😈

[@javascriptmastery2493]

Amazing