-->😎Dom->Document Object Model ---Represent structure of web page (Using Tree like structure) ----Each element - node in tree ---These nodes can be accessed, modified, and manipulated using programming languages like JavaScript -->Pillers Of DOM (4) ----1.Selection of the elements -----querySelector ------document.querySelector("#id_name/.class_name/element") ; //select only fist ------document.querySelectorAll("#id_name/.class_name/element") ; //select many element and return nodeList -------we need to use forEach method get access of each element of nodeList(set Of Many Element) ; --------elem.forEach(function(e){ //logic }) ; -----idSelector ------document.getElementById("id_name") ; // don't use (#) -----classSelector ------document.getElementsByClassName("class_name") ; // don't use (.) ----2.Changing HTML ------elem.innerHTML = "kuchh bhi" ; // will change original content ----3.Changing CSS ------elem.style.property = "value" ; // use camelCase for property -(backgroundColor , color ) ----4. Event Listener -----elem.addEventListener("event" ,function(){ // changing css/HTML }) ; -----events -> Mouse Events:click, dblclick, mousedown, mouseup, contextmenu,mouseout, mousewheel, mouseover Touch Events:touchstart, touchend, touchmove, touchcancel Keyboard Events:keydown, keyup, keypress Form Events: focus, blur, change, submit Window Events: resize, scroll, load, unload, hashchange
bhai ye literally bhai mai kya bolu itna sahi channel h i wish ye channel mujhe pehle mil jaata boht time bach jaata mera. web dev itni sahi chiz h aur mai bhaagta tha isse btao yaha aake sahi me chize samjhi, bnana sikhra hu
#4pillarsDestroyed This channel is like a blessing to me! The way they teach by breaking each and every topic into it's simplest form...wow! This guy taught how to write logic in js to a dumbo like me! He's a GENIUS! I can't thank enough to you and all other teachers! I know this channel will grow a lot in the future! LOVE U ALL!
Marvellous videos !! Please maintain this simplicity in your every video . We like your content bcoz of your simple explaining nature , so always keep the content simple and in depth ✨✨
Great teacher in IT field..Just present the topic in a easy way..Apko dekh kr hi padhne ka confidence aa jata ase hote hai teacher..Thanks for helping us all of you..Keep posting learning videos.. Please come with full stack project using React and node❤❤❤❤❤🎉🎉🎉
You people are just wow I mean how easily can you teach us. All the efforts you guys are putting in the filed of Web Development is just incredible. I would love to see you guys reaching at the top. Take a ❤
Just completed the video. It's perfect for beginners. I understood everything so thanks a bunch..! Please bring the intermediate Dom course. I'm eager to learn more from you.
Well, I never like anyone's video but I liked your video. I tried to learn JS again after watching your video. It was very nice it helped me brother. Wow really bhai
❤❤bhaiya and Sheryians team.. Dilse respect for your consistency... Love your way of teaching.. Simplifying complex concepts in Desi style ❤ Asynchronous javascript toh bhai 🔥🔥🔥🔥 hai...
"Hola! Me gusta mucho el contenido de su canal pero noté que este video está en otro idioma. Sería genial si pudieran agregar subtítulos en español o una traducción al español del audio. Hay muchos hispanohablantes como yo que estamos interesados en este tema pero que lamentablemente no entendemos. Agregar subtítulos nos permitiría disfrutar plenamente de sus excelentes videos. ¡Muchas gracias por considerar agregar traducción para que su gran contenido pueda llegar a más personas!"
Have to tell ki bande m dam to hai bhai thnks dil s ....meh aksar cmnt nhi krta but aj kra hu mujhe sahi m acha lga vdeo samjh m a gya bohot ache s thnx ❤
05:11 DOM manipulation is the name of the whole thing. 10:22 JavaScript DOM Manipulation: How to Select Elements in JavaScript 15:33 Changing CSS properties using JavaScript DOM manipulation. 20:44 Learn about JavaScript DOM Manipulation 25:55 Learn JavaScript DOM manipulation and the importance of understanding frontend development 31:06 Learn how to change the background color and use conditional logic with JavaScript 36:17 Understanding DOM manipulation using JavaScript 41:22 DOM manipulation with JavaScript: Selecting elements by id and class and changing inner HTML and text content.
this guy is explaining very well ,baar bolna was very good and explaination should be this fast taki kisi ko nind na aaye ,like and comment and subscribe for you.
sir apki jitni bhi video dekhi har video se kuch na kuch seekhta hun sachme sir bas ek baat bht bekaar lagi voh hai ki mene video dekhne ke baad jab apka channel dekha toh subs bht kam dikhe aur par itna mast content hai ekdum premium jaise sir jldi se 1million ho jaaye bbs me toh yahi chta hun ❣💝
#four pillars destroyed . but bro as i am frank at the very starting of the video i think , i will not get clear at dom . but bhai you rocked yaar. the way you are teaching is marvelous...
# html , css and js ka full course ka video banao bro .. aapki teching ka tarika ka koi jawab nhi hai yrr .. sach mein sab chizo ko itne easy or simple way mein kiya or saath mein practical .. Love you brother .. I am from bijapur chattishgarh
masha allah kya baat hai.
doms bhout difficult tha per ab " ayaa hai itna sukoon".
only 40 min
this guys explain basic of dom in simple way ,, Thanks Bro
Bro mana YT pr 10 videos watch ki but jasa Topics ko ap na Cover kia hai Kamal hai Yr . Best Way of teaching
-->😎Dom->Document Object Model
---Represent structure of web page (Using Tree like structure)
----Each element - node in tree
---These nodes can be accessed, modified, and manipulated using programming languages like JavaScript
-->Pillers Of DOM (4)
----1.Selection of the elements
-----querySelector
------document.querySelector("#id_name/.class_name/element") ; //select only fist
------document.querySelectorAll("#id_name/.class_name/element") ; //select many element and return nodeList
-------we need to use forEach method get access of each element of nodeList(set Of Many Element) ;
--------elem.forEach(function(e){ //logic }) ;
-----idSelector
------document.getElementById("id_name") ; // don't use (#)
-----classSelector
------document.getElementsByClassName("class_name") ; // don't use (.)
----2.Changing HTML
------elem.innerHTML = "kuchh bhi" ; // will change original content
----3.Changing CSS
------elem.style.property = "value" ; // use camelCase for property -(backgroundColor , color )
----4. Event Listener
-----elem.addEventListener("event" ,function(){ // changing css/HTML }) ;
-----events -> Mouse Events:click, dblclick, mousedown, mouseup, contextmenu,mouseout, mousewheel, mouseover
Touch Events:touchstart, touchend, touchmove, touchcancel
Keyboard Events:keydown, keyup, keypress
Form Events: focus, blur, change, submit
Window Events: resize, scroll, load, unload, hashchange
Thanks 😊
thanks abhiraj
Thankyou abhiraj :)
Lage raho bhai tarraki pe.... contect info please
thank YOu
Everyone on youtube talks of DOM, but first time someone made it understandable. Thanks!
bhai ye literally bhai mai kya bolu itna sahi channel h
i wish ye channel mujhe pehle mil jaata
boht time bach jaata mera. web dev itni sahi chiz h aur mai bhaagta tha isse btao
yaha aake sahi me chize samjhi, bnana sikhra hu
async function(){
let nextVideo = await fetch('sheryians next video')
console.log(nextVideo)
}
Thanks for teaching us❤😊
CodeWithHarry se yahan pe convert huwa hun bohart hi badiya samjha ya great channel ❤️
from pakistan, well done bro, buht acha samjh aya,, thank god,ap jaisy teachher bhi hain jo easily transfer krty hain jo umy mind me hai..
The best teacher in the world
You are right bro.
Yes bro
very true!!
True
Thank you for the most awaited topics covered including DOM and Async JavaScript. Thank you!
Everyone on youtube talks of DOM, but first time someone made it understandable. Thanks😊
This guy teaches what needs to be taught, no more extra gyan nothing straight to the point, keep it up brother enjoying the videos
#4pillarsDestroyed
This channel is like a blessing to me! The way they teach by breaking each and every topic into it's simplest form...wow! This guy taught how to write logic in js to a dumbo like me! He's a GENIUS! I can't thank enough to you and all other teachers! I know this channel will grow a lot in the future!
LOVE U ALL!
I m struggling to understand Dom from two days but now my all doubts are cleared, and the way of your teaching is very Awesome ❤❤
Marvellous videos !! Please maintain this simplicity in your every video . We like your content bcoz of your simple explaining nature , so always keep the content simple and in depth ✨✨
next video kidr hai
?
Great teacher in IT field..Just present the topic in a easy way..Apko dekh kr hi padhne ka confidence aa jata ase hote hai teacher..Thanks for helping us all of you..Keep posting learning videos.. Please come with full stack project using React and node❤❤❤❤❤🎉🎉🎉
There was a small logic in this video, this logic was taught very well by this brother. Thanks to him, Love from Bangladesh.❤
never imagined coding this interesting, amazing teaching
Thank you very much sir for your efforts ❤ This is the best channel for learning web development. Your lectures really help us 🙏
gzzb video bnate ho aap bawa❤🔥❤🔥❤🔥❤🔥❤🔥❤🔥
You people are just wow I mean how easily can you teach us. All the efforts you guys are putting in the filed of Web Development is just incredible. I would love to see you guys reaching at the top. Take a ❤
Best teacher's in the UA-cam ❤ history
Although I know Js DOM , but I need to revise and This is the best video which cover a lot of topics of JS in Less than 40 minutes ... Thank you Guyss
Just completed the video. It's perfect for beginners. I understood everything so thanks a bunch..! Please bring the intermediate Dom course. I'm eager to learn more from you.
Indepth concept and easiest method of teaching thanks sheriyans 💯❣️👍
Well, I never like anyone's video but I liked your video. I tried to learn JS again after watching your video. It was very nice it helped me brother. Wow really bhai
Thank you for the most awaited topics covered including " DOM" and Async JavaScript. Thank you bro 💕
Woah! I requested for this in the previous video of advanced JS and here it is. Thank you so much!
One of the best explaination that i seen in UA-cam i think better then shradha didi🙏👏👏
Bro please also start react js playlist 😊
yes
Yes pls
Yess
Yes
34:58 34:59 35:00 35:00 35:01
Thank you very much for such a informative and valuable video. From the bottom of my heart I respect the level of your knowledge.
Maza agya aj tuh matlb ek bar mei hei har chez smajh arge hai wow,
Recommended video guys
As always great explanation bro ❤
Best bhaiya
Best 😅
❤❤bhaiya and Sheryians team..
Dilse respect for your consistency...
Love your way of teaching..
Simplifying complex concepts in Desi style ❤
Asynchronous javascript toh bhai 🔥🔥🔥🔥 hai...
This was the best Javascript Tutorial I have ever seen on UA-cam...Thanks a lot ♥____♥
Only watch your videos daily and learn frontend development 😊
20:14 #FourPillarsDestroyed
Ya it's best video to cover dom concepts , thank you for it.❤
"Hola! Me gusta mucho el contenido de su canal pero noté que este video está en otro idioma. Sería genial si pudieran agregar subtítulos en español o una traducción al español del audio. Hay muchos hispanohablantes como yo que estamos interesados en este tema pero que lamentablemente no entendemos. Agregar subtítulos nos permitiría disfrutar plenamente de sus excelentes videos. ¡Muchas gracias por considerar agregar traducción para que su gran contenido pueda llegar a más personas!"
los subtítulos estarán allí pronto
A ella le gusta la gasolina
(Dame más gasolina)
Cómo le encanta la gasolina
(Dame más gasolina)
A ella le gusta la gasolina
(Dame más gasolina)
Gracias por tus comentarios, ya estamos trabajando en ello.
#4 Pillars Destroyed
This channel is one of the best channels for studying
Helloooooo bachoooooooo
Helloooo betaaaa
😂@@singhji6471
The way of teaching is AWESOME
Innovative way of teaching , loved it bro 🙌🙌🔥🔥💖💖
Concept clear of DOM in best way... Thank you 😊
Easy and point to point explaination i love your videos. This channel is so underrated.Thank you for clear my all concepts.
I love you and your team's videos soo much best teacher's ever..
Thanks a lot man, you are saving a lot of my time during internship preparation
no one explained me this good, I've watched 3 videos before this Dom tutorial and all of them were around 1 hour long
your videos are amazing i wasnt able to learn anywhere but you guys made it soo easy
Accha samjhe tu bhai, we want this kind of teacher in our life.
I have seen so many videos but you explained the concepts in very simplest form .Thanks you to clear my concepts. 🎉
Bro this is this topic is actually good .... honestly you guys doing great 👍
Ome of the greatest video of all time for dom beginners ❤❤❤
Have to tell ki bande m dam to hai bhai thnks dil s ....meh aksar cmnt nhi krta but aj kra hu mujhe sahi m acha lga vdeo samjh m a gya bohot ache s thnx ❤
Great teacher I'll never seen tbis tutorial at UA-cam god bless you shreyans team 🎉❤
05:11 DOM manipulation is the name of the whole thing.
10:22 JavaScript DOM Manipulation: How to Select Elements in JavaScript
15:33 Changing CSS properties using JavaScript DOM manipulation.
20:44 Learn about JavaScript DOM Manipulation
25:55 Learn JavaScript DOM manipulation and the importance of understanding frontend development
31:06 Learn how to change the background color and use conditional logic with JavaScript
36:17 Understanding DOM manipulation using JavaScript
41:22 DOM manipulation with JavaScript: Selecting elements by id and class and changing inner HTML and text content.
this guy is explaining very well ,baar bolna was very good and explaination should be this fast taki kisi ko nind na aaye ,like and comment and subscribe for you.
Great bhaiya,I was searching such a good content from many days....... finally I got.Thank you......
sir apki jitni bhi video dekhi har video se kuch na kuch seekhta hun sachme sir bas ek baat bht bekaar lagi voh hai ki mene video dekhne ke baad jab apka channel dekha toh subs bht kam dikhe aur par itna mast content hai ekdum premium jaise sir jldi se 1million ho jaaye bbs me toh yahi chta hun ❣💝
Feeling positive about the channel, actually it removes my unnecessary worrying that things are hard in life!
really loved your video.🥰
keep doing guys
It will take time but you will rock according to this attitude, keep doing, love to support you
you are the best and cutest teacher in the world and i am your biggest fan .😍🤗
4 Pillars of DOM
Selection of an Element
Changing HTML
Changing CSS
Event Listener
are destroyed
Love you bhai❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤
best teaching techniques . i can learn coding enjoying it ..thanks
Sheryians Coding School
Bollywood hai hi hag ne ka jaga 🤣🤣.Apka shika e ka tarika bohot achha lagta hai ❤❤❤❤Thank you sir and Happy Teachers day
The only best video on Dom ❤
Thanks for explaining with such a ease and understandable way
Very Helpful and Useful videos ❤
You are good teacher , thanks
huge thanks bro for clear the concept of dom
I dont know how. to thank you but you made things easy to understand
Good Explaination bhaiya 😍
thankyou bhai DOM basic etna easy terah se smjahene k liye
watching your first vdo ,it's osm..Now i am your subscriber
Love your teaching style and concept you have teacher Sir thank you❤❤❤
#4PillarsDestroyed best vedio bhaiya❤
The only best video on dom
#4PillarsDestroyed
// 4 Pillars of JavaScript: Short Notes 💡
// 1. Select Element:
document.querySelector("h1"); // CSS selectors to grab HTML element.
// 2. Change HTML:
document.querySelector("h1").innerHTML = "New Text"; // Change inner content.
// 3. Change CSS:
var a = document.querySelector("h1");
a.style.color = "orange"; // Use camelCase for CSS properties.
a.style.backgroundColor = "purple";
// 4. Add Event Listener:
var b = document.querySelector("h2");
b.addEventListener("click", function () {
console.log("Clicked!"); // React to user action.
});
var c = document.querySelector("h3");
c.addEventListener("click", function () {
c.innerHTML = "Stay Strong!"; // Update text.
c.style.color = "yellow"; // Change style.
c.style.backgroundColor = "black";
});
bhi apni sikhane ki terika e alag hey
Take love 🖤🖤🖤
Very helpful 🎉
bhai tu such me gajab padhata hai ❤❤
noice video you all are doing good ❤❤❤❤😘😘
#four pillars destroyed . but bro as i am frank at the very starting of the video i think , i will not get clear at dom . but bhai you rocked yaar. the way you are teaching is marvelous...
Bhai yar 4 din se samj nhi rha tha thanks yar video banane k lie ❤
Achcha padaya. Sarthak bhai apka bahut bahut shukriya
Thanks for your simplicity towards teaching
bro what a conceptual video
wow!!bhai clear ho gaya DOM❤
# html , css and js ka full course ka video banao bro ..
aapki teching ka tarika ka koi jawab nhi hai yrr .. sach mein sab chizo ko itne easy or simple way mein kiya or saath mein practical .. Love you brother .. I am from bijapur chattishgarh
Easy to understood ❤❤🎉😊😊
Excellent Teaching style Sir ❤
Aapfka teaching method bhuthi achha hai bhai
bhai bhot acha lecture tha ,next b esy hi
Bhut maja aaya bhiya thank you so much love you aap aase hi padhte raho ❤❤❤❤❤❤😊
amazing explanation !!
JazakaAllah bro ❤
shartak your way of explaing is very good