16:00 Important discussion about NodeList. A nodelist is a collection of document nodes which includes text nodes , attribute nodes and element nodes. A line break is also counted in nodelist but only first one. All subsequent line breaks are ignored by browser
Comment nodes as well by the way. And I have a question, you said line break is also counted in nodelist but only the first one but I think all the lines breaks are counted and they are represented as textNode in nodelist. Correct me if i am wrong.
@@talhakhan4684 you are right not first one but every line break is counted but if there are multiple ine breakes simultaneously or right after same node than they are ignored
I SWEAR THAT I HAVE WATCHED A LOT PEOPLE'S JS COURSE , PAID AND FREE BOTH BUT KABHI KISI NE HITESH SIR JAISA EXPLAIN NHI KIYA HAI, EXCELLENT JAVASCRIPT COURSE MAN, THE BEST JAVASCRIPT COURSE I HAVE EVER WATCHED , RESPECT💯
I'm from Andhra Pradesh and my language Telugu and I'm just average at Hindi and still I can able to understand your classes very clearly becoz of your Slow and Clear explanation and pronounciation Thank you so much Hitesh Sir
You're an amazing teacher, I was used to learn JavaScript by myself but I wasn't ever confident. One of my friend suggest your playlist to me, and now I'm looking for the react series as well. I like the friendly way of your teaching.
never ever thought that i will ever learn javascript with this much depth Hats off boss love from pakistan really excited for next videos and react series
finally I have get the very good and very deep knowledge of the DOM your videos are just like a series, love to watch and learn new concepts of JavaScript please make more videos on that and please also create video on the behind the seen of react github
you are best teacher sir ,there is no competition of yours in the entire youtubers who make coding series ,you are bestest in all among...thankyou sir for making javascript concept so easy for us.
good very good excellent hitesh sir, maine kafi teachers se DOM or javascript padhne ka koshish kiya magar pata nhi kyun har baar DOM ki baari aane per kuch samjh nhi aapata tha, maine koshish ki per mujhe nhi hua, aur fir maine aapki chai aur javascript course ko pichle 26 dino se padh rha hun aur ab mujhe wakai lag rha ki "Haan,maine kuch sikhaa hai sir". Aapne kya jordaar tareeke se javascript padhaya hai, padh ke maza hin aagya aur khaskar DOM ko itne behtareen aur indepth explain kiya ,i loved that.thankou aisehin aap achhe achhe contents daalte rahen
I have been 1 year in web development and I am feeling like I am learning JavaScript for the very first time, he teaches on the basis of practical approach
really you are great sir that is course helpfull for every beginner student before it seems i cannot learned javascript but now it seems i can javascript and now i do javascript thanks you very much sir ❤❤❤❤and you are hero for me and every beginner student
I had learnt javascript from paid course on Udemy but could not built a single project or even could not understand what was going on, but I knew basic javascript so I started to watch your react videos after saw your teaching style I decided to learn javascript from your videos and now i am quite confident to build a project, thank you sir for such amazing move to provide practical knowldege.
(1) VIDEOMARK 16:00 Important discussion about NodeList. (2) At 23:38 Why we should use document.createTextNode('Text to be inserted') instead of element.innerText = 'Text to be inserted' , Reason is: innerText first fetches the default value and then update it with our value, while createTextNode() directly updates the value, so it saves us from the round trip, hence more optimised code.
00:06 Understanding the Document Object Model (DOM) is crucial for cracking interviews and React development 01:51 Learn how to create new elements in the DOM using JavaScript 05:32 Select the parent element and find out what values are inside it 07:29 Accessing and manipulating elements in the DOM using inner HTML 11:17 You can select the parent element using querySelector method in JavaScript 13:06 The DOM represents the HTML document as a tree structure 17:22 How to programmatically create a new element in DOM 19:24 Creating a new element inside the dev variable 22:51 To attach a child element to the DOM, use the document to specify the parent element. 24:34 Creating a text node with a value in DOM 27:45 The video ends and invites viewers to watch the next one. Crafted by Merlin AI.
Sir I am from Your "PW Web Development Batch".... 😊 Aapke bina padai nahi ho rahi thi to Search Karate huye...Aap mil hi gaye Ab to sirf build karana hai... Thanks lot Respected❤
16:00 Important discussion about NodeList. A nodelist is a collection of document nodes which includes text nodes , attribute nodes and element nodes. A line break is also counted in nodelist but only first one. All subsequent line breaks are ignored by browser
Created function as hinted at the end, works perfectly 🤌 function addDiv(text,color) { let div = document.createElement('div') let addText = document.createTextNode(text) div.style.padding = "12px" div.appendChild(addText) div.style.backgroundColor = color document.body.appendChild(div) } addDiv("usman","red")
16:44 | A Line break or space is taken as a text node. If we put two divs together without any space or line-break (enter) in one line in HTML there will be no text node between those two divs.
i wish i founded this corse 3 months ago, i was searching youTube and founding corse and cores but cound't learned JS, now i have found amazing course, with amazing mentor, thank you form bottom of my heart❣❣
Aree Sir ek baat bolu , aap kuch bhi padhte ho mst padhte ho mn kerta hai sab kuch padh lu 😅 but majboor hu course se related hi padhna hota hai , literally Sir aapke bolne ka style uff dil or dimaag dono per raaj kerta hai mn khush ho jata hai aapse padhke 😊
SIr I'm currently doing your 30-days Javascript Challenge, and these videos helped me to learn the concept and the challenge helped me to apply those learning....
On 5th day of learning JavaScript __, I did not comment on previous videos because I was sprinting fast through this video series but now ek appreciation comment toh banta hai Hithes ji ke liye ... well done Hitesh ji and then 16:00 .childNodes --> gives nodeList
Its always great to have you sir for javascript learning path as I have tried to learn from many others but failed to know the deep concept of javascript and also felt low. But now I am confident in it and trying to stick with you for learning javascript backend as well.
16:00 Yaha se childNodes explain kiya hai, bhaidya concept laga , deep understanding milli ki kaise jo code hamare liye 5 lines ka hota hai browser usse kitne hisso mai todta hai and kis data structure ka use karta hai and kaise render karta h, awesome 🔥🔥🔥🔥
This video was the MOST MIND BLOWING of all 33 vids till now. The way you explained a not-so-easy workflow in such an easy manner... Kudos, HItesh ji ♥🧡🧡
I have watched many videos on youtube related to javascript to clear my concepts but after watching this series i dont feel the need to look for another videos
![Felix "Unfair" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/Oswujxm2Ag0/mqdefault.jpg)
26:28 timestamp
here is the code:-
const arr1 = ['ashish','bhanu','naveen','gautam']
const arr2 = ['blue','green','yellow','red']
arr1.forEach( ( text,index ) => multipleButtons(text,arr2[index]))
function multipleButtons(text,bgColor)
{
const button = document.createElement('button')
console.log(button)
button.setAttribute('className','firstbutton')
button.setAttribute('type','submit')
button.style.backgroundColor = `${bgColor}`
button.style.cursor = 'pointer'
button.style.padding = "12px"
button.style.borderRadius = "10px"
const textnode = document.createTextNode(`${text}`)
button.appendChild(textnode)
document.body.appendChild(button)
}
16:00 Important discussion about NodeList. A nodelist is a collection of document nodes which includes text nodes , attribute nodes and element nodes. A line break is also counted in nodelist but only first one. All subsequent line breaks are ignored by browser
op
Comment nodes as well by the way. And I have a question, you said line break is also counted in nodelist but only the first one but I think all the lines breaks are counted and they are represented as textNode in nodelist. Correct me if i am wrong.
@@talhakhan4684 you are right not first one but every line break is counted but if there are multiple ine breakes simultaneously or right after same node than they are ignored
comment is also counted
I SWEAR THAT I HAVE WATCHED A LOT PEOPLE'S JS COURSE , PAID AND FREE BOTH BUT KABHI KISI NE HITESH SIR JAISA EXPLAIN NHI KIYA HAI, EXCELLENT JAVASCRIPT COURSE MAN, THE BEST JAVASCRIPT COURSE I HAVE EVER WATCHED , RESPECT💯
I'm from Andhra Pradesh and my language Telugu and I'm just average at Hindi and still I can able to understand your classes very clearly becoz of your Slow and Clear explanation and pronounciation Thank you so much Hitesh Sir
This is undoubtedly the best structured JavaScript course. Not unnecessarily long and very informative.
Jab jab mushkil Lagta..Bhai kehta Hy..ye to basic tha.....
😂😂🤣🤣🤣
Bhai khta hai basic hai .. agly bndy ki bund path k hath ma ajati hai😮
Right Bro😅😅
Us bro us 😢😂
Bc har cheez pe basic hahahhah hum toh chutye ha
27:20 wakai me ab confidence aa raha hai JavaScript me
Thanks a ton Sir ❤❤
This is undoubtedly the best structured JavaScript course. Not unnecessarily long and very informative.
You're an amazing teacher, I was used to learn JavaScript by myself but I wasn't ever confident. One of my friend suggest your playlist to me, and now I'm looking for the react series as well. I like the friendly way of your teaching.
Best JavaScript series I’ve ever watched.
Thank you Hitesh Sirr❤
I have done js from various courses and yt Channel but no have explained in such depth really thankful to you
bhai kahan sy ho
@@annaskhanoffical-006 LHR
never ever thought that i will ever learn javascript with this much depth Hats off boss love from pakistan
really excited for next videos and react series
this lecture teaches us easily about DOM.. You have an incredible teaching skill.
Now I have a superb confidence in me about javascript and even I can read documentations easily.
Please start React after finishing this.
finally I have get the very good and very deep knowledge of the DOM your videos are just like a series, love to watch and learn new concepts of JavaScript please make more videos on that and please also create video on the behind the seen of react github
This is undoubtedly the best structured JavaScript course. Not unnecessarily .Thanks a ton Sir ❤❤
you are best teacher sir ,there is no competition of yours in the entire youtubers who make coding series ,you are bestest in all among...thankyou sir for making javascript concept so easy for us.
good very good excellent hitesh sir, maine kafi teachers se DOM or javascript padhne ka koshish kiya magar pata nhi kyun har baar DOM ki baari aane per kuch samjh nhi aapata tha, maine koshish ki per mujhe nhi hua, aur fir maine aapki chai aur javascript course ko pichle 26 dino se padh rha hun aur ab mujhe wakai lag rha ki "Haan,maine kuch sikhaa hai sir". Aapne kya jordaar tareeke se javascript padhaya hai, padh ke maza hin aagya aur khaskar DOM ko itne behtareen aur indepth explain kiya ,i loved that.thankou aisehin aap achhe achhe contents daalte rahen
Addicted to CHAI (earlier) , aur CODE(Now)...
Thanks Sir for making this series, have been searching for such DOM Videos from so long...
Kafi acche se DOM samjhaya aapne sir thnks.
Really best javaScript playlist,even better than some paid cources
Good teaching skill, sir.
Even though bigener can easily understand.
After watching this lecture i fell i should learn again javascript❤❤❤😢 never see such a awesome content on free course😊😊😊
Bhai Same feeling...
@@ankursinger102 same to same bro
I have been 1 year in web development and I am feeling like I am learning JavaScript for the very first time, he teaches on the basis of practical approach
Completed the Whole Lecture in One Sitting while writing code and practicing different examples.
Thankyou Hitesh Sir for the wonderful Detailed Series iF Javascript
beginners like us are very struggling with learning js.. You are making the best efforts to vanish that struggle.. Thank You sir
really you are great sir that is course helpfull for every beginner student before it seems i cannot learned javascript but now it seems i can javascript and now i do javascript thanks you very much sir ❤❤❤❤and you are hero for me and every beginner student
I had learnt javascript from paid course on Udemy but could not built a single project or even could not understand what was going on, but I knew basic javascript so I started to watch your react videos after saw your teaching style I decided to learn javascript from your videos and now i am quite confident to build a project, thank you sir for such amazing move to provide practical knowldege.
(1) VIDEOMARK 16:00 Important discussion about NodeList.
(2) At 23:38 Why we should use document.createTextNode('Text to be inserted') instead of element.innerText = 'Text to be inserted' ,
Reason is: innerText first fetches the default value and then update it with our value, while createTextNode() directly updates the value, so it saves us from the round trip, hence more optimised code.
Thank you for this entire series ! 🙌
00:06 Understanding the Document Object Model (DOM) is crucial for cracking interviews and React development
01:51 Learn how to create new elements in the DOM using JavaScript
05:32 Select the parent element and find out what values are inside it
07:29 Accessing and manipulating elements in the DOM using inner HTML
11:17 You can select the parent element using querySelector method in JavaScript
13:06 The DOM represents the HTML document as a tree structure
17:22 How to programmatically create a new element in DOM
19:24 Creating a new element inside the dev variable
22:51 To attach a child element to the DOM, use the document to specify the parent element.
24:34 Creating a text node with a value in DOM
27:45 The video ends and invites viewers to watch the next one.
Crafted by Merlin AI.
Thanks a lot
Sir I am from Your "PW Web Development Batch".... 😊
Aapke bina padai nahi ho rahi thi to Search Karate huye...Aap mil hi gaye Ab to sirf build karana hai...
Thanks lot
Respected❤
"Yeh toh basic tha, yeh toh aapko aata hoga" 😭😭😭 this line got me. Mjhey yeh smj nhi aata key mein hi akela wo bnda hun jis ko basic hi nhi smjh aata
16:00 Important discussion about NodeList. A nodelist is a collection of document nodes which includes text nodes , attribute nodes and element nodes. A line break is also counted in nodelist but only first one. All subsequent line breaks are ignored by browser
Created function as hinted at the end, works perfectly 🤌
function addDiv(text,color) {
let div = document.createElement('div')
let addText = document.createTextNode(text)
div.style.padding = "12px"
div.appendChild(addText)
div.style.backgroundColor = color
document.body.appendChild(div)
}
addDiv("usman","red")
16:44 | A Line break or space is taken as a text node. If we put two divs together without any space or line-break (enter) in one line in HTML there will be no text node between those two divs.
Thank you for this entire series! Hindi mai JavaScript sikhnese ye saare concepts lifelong yaad rahenge.
21:39 for learners id in an element can not be started by a number
Btw I don't regret starting this playlist 😄 amazing content by hritesh sir
i wish i founded this corse 3 months ago, i was searching youTube and founding corse and cores but cound't learned JS, now i have found amazing course, with amazing mentor, thank you form bottom of my heart❣❣
I’m from Pakistan but your Urdu is so perfect. Your videos are excellent resource to learn DOM manipulation in JavaScript
Aree Sir ek baat bolu , aap kuch bhi padhte ho mst padhte ho mn kerta hai sab kuch padh lu 😅 but majboor hu course se related hi padhna hota hai , literally Sir aapke bolne ka style uff dil or dimaag dono per raaj kerta hai mn khush ho jata hai aapse padhke 😊
Best Dom Lecture Ever, on youtube.
perfect series of javascript and perfect teaching style?
Greatest explanation sir!! ...... Really thankful from my bottom of the heart to this greatest personality @chai and code
SIr I'm currently doing your 30-days Javascript Challenge, and these videos helped me to learn the concept and the challenge helped me to apply those learning....
sach bolu toh I never thought ki mere ye topics itne ache se clear he=onge. Thanks you sir for such a lovely topic discussions.
Awesome Sir, learned the very important concept
Aap hamare liye legend Guru hai ♥
Thank you so much for excellent explanation hitesh !!❤❤❤
Sir I have done js from various courses and yt Channel but no have explained in such depth really thankful to you ❤❤
Great series .. i learn a lot.we wanna more in dept concept .
Carry on sir..🎉
"Chai aur Code, you've cracked the code to teaching JavaScript effectively. I'm hooked!"
16:00 Child nodes very nice and important discussion !!
Thank you for rolling out such a quality content . Your contents are dopamine booster for soul lost in modern world of tutorial hell !!
Maine bahut se vidseos dekhe hai youtubers k but unme se sabse behatareen aapke hai
Sir Your Teaching Method Put the beginners in Love with JS. A lots of Love for Chai and Code.
On 5th day of learning JavaScript __, I did not comment on previous videos because I was sprinting fast through this video series but now ek appreciation comment toh banta hai Hithes ji ke liye ... well done Hitesh ji and then 16:00 .childNodes --> gives nodeList
thankyou so much sir sir please do continue this series sir . your videos have made javascript so easy to learn
😍
this course has no price because this masterpiece is priceless
रोज इसी का इंतजार करते हैं आज पुनः मिल गया
1 aur video editing me gya hua h, kl vo b aa jayega
Sir itna wait mt kraya kro 2 din m video upload kr diya kro❤❤❤
@@chaiaurcodeplz sir video dalo
@@chaiaurcode waiting for the next video
@@manendersingh6514Bhai unke office works v h family v h Thora unke bare me v socho.
This tutorial I felt is really helpful....theories and practical balance is of top notch
sir you absolutely right that.......i have confidence about java script because of you ......thanks a lots
just awesome series!! thank u so much
Sir Your Teaching Method Put the beginners in Love with JS. A lots of Love for Chai and Code.
15:00 Important NodeList discussion. Very different from previous video in which we learnt to make basic DOM structure 🌲.
I am learning a lot of thing from this series. Thanks a lot sir for this series. - Ajay Singh
You Are a Great Teacher Sir G... Your Teaching Style or Method is so Good. Salute to You
One of the most satisfied Playlist sir ❤ Mahadev bless you
Its always great to have you sir for javascript learning path as I have tried to learn from many others but failed to know the deep concept of javascript and also felt low. But now I am confident in it and trying to stick with you for learning javascript backend as well.
best javasript course on youtube
Amazing Person. Your speaking style is so good and polite & you exactly know how to deliver.
16:00 Yaha se childNodes explain kiya hai, bhaidya concept laga , deep understanding milli ki kaise jo code hamare liye 5 lines ka hota hai browser usse kitne hisso mai todta hai and kis data structure ka use karta hai and kaise render karta h, awesome 🔥🔥🔥🔥
Your tutorials are addictive. The learning becomes fun with in depth understanding.Thanks so much.
nhi sir ap bht mehnat kar rahy hein khuda apko or bhi zda barkat de
🤗☕️
The humbleness is just another level
Thank you so much sir!!Excellent explanation!
still sir this series now help alot because i am learning javascript thankyou sir
Your Teaching style such a amazing and unique
lecture complete 👍👍 thank you sir
sir this course really help me to understand Basics of JavaScript
Such an amazing lecture man salute
Great Series Sir . DOM concepts is 'lit' 💥
16:34: Node List Discussion
cant thank you enough sir this cannel has very very bright future keep on doing , everyone love you sirji
16:00 Important discussion about NodeList.
26:00 for better approach of inner.HTML
This video was the MOST MIND BLOWING of all 33 vids till now.
The way you explained a not-so-easy workflow in such an easy manner... Kudos, HItesh ji
♥🧡🧡
Seriously this is osm.Thank you sir😊
Respected Sir, Your teaching style is very unique. like💯💯💯💯💯💯💯💯💯💯💯💯💯
grateful to have this kind of video
Thank you for this entire series ! 100
this is the best series on RUclips for javascript fr
really a amazing javascript playlist 🔥
Best Js Series on Yt
18:48 -> create new nodes
bhai ur teaching level is unmatched
BEST JAVASCRIPT PLAYLIST EVER !!
Thank you so much Hitesh sir!!😀😀
Thank you so much sir for this series..Please do continue.
We will
I have watched many videos on youtube related to javascript to clear my concepts but after watching this series i dont feel the need to look for another videos
Amazing video! Your helping us alot in web dev!
Excellent Content which I have Watched on RUclips.
Satisfied Content.😍
This series was very helpful..............Thank you!!