-->😎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

@nishantchoudhary8301

10 ай бұрын

Thanks 😊

@Ratikant

9 ай бұрын

thanks abhiraj

@harleenkaurmakhija9935

9 ай бұрын

Thankyou abhiraj :)

@hackarmy4875

9 ай бұрын

Lage raho bhai tarraki pe.... contect info please

@sachinandanprasad7618

9 ай бұрын

thank YOu

only 40 min this guys explain basic of dom in simple way ,, Thanks Bro

I have seen so many videos but you explained the concepts in very simplest form .Thanks you to clear my concepts. 🎉

Bro mana YT pr 10 videos watch ki but jasa Topics ko ap na Cover kia hai Kamal hai Yr . Best Way of teaching

Everyone on youtube talks of DOM, but first time someone made it understandable. Thanks!

The best teacher in the world

@lokeshguru1980

10 ай бұрын

You are right bro.

@codewithsunil6981

10 ай бұрын

Yes bro

@digitaltrainer7240

10 ай бұрын

very true!!

@shortflicks2

7 ай бұрын

True

masha allah kya baat hai. doms bhout difficult tha per ab " ayaa hai itna sukoon".

i saw your channel first time and u are really an amazing teacher u just clear my doubts in a single video thankyou so much for making this video i will suggest your channel to all of my friends 😄😄

Thank you for the most awaited topics covered including DOM and Async JavaScript. Thank you!

Thank you very much sir for your efforts ❤ This is the best channel for learning web development. Your lectures really help us 🙏

The Javascript content is the best out there. i really learned a lot. Thank you so much for your hardwork

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

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 ❤

This guy teaches what needs to be taught, no more extra gyan nothing straight to the point, keep it up brother enjoying the videos

Thank you for the most awaited topics covered including " DOM" and Async JavaScript. Thank you bro

jo kahee sy samjh na aye ap k chenal sy samjh a jata hy itna simple ker k samjhty ho ap bhiya kmal hy owsom

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.

Thank you for the most awaited topics covered including " DOM" and Async JavaScript. Thank you bro 💕

After watching your video it became easy..... Thanks for teaching it.

There was a small logic in this video, this logic was taught very well by this brother. Thanks to him, Love from Bangladesh.❤

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❤❤❤❤❤🎉🎉🎉

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 ✨✨

@jahanzaibiftikhar5971

9 ай бұрын

next video kidr hai ?

never imagined coding this interesting, amazing teaching

your videos are amazing i wasnt able to learn anywhere but you guys made it soo easy

Thank you very much for such a informative and valuable video. From the bottom of my heart I respect the level of your knowledge.

Woah! I requested for this in the previous video of advanced JS and here it is. Thank you so much!

Thanks a lot man, you are saving a lot of my time during internship preparation

This channel is one of the best channels for studying

Bro please also start react js playlist 😊

@pramodkumar-km7lk

10 ай бұрын

yes

@aksh2902

10 ай бұрын

Yes pls

@hrishikrajsahu4272

9 ай бұрын

Yess

@mudasirmehdi8234

9 ай бұрын

Yes

@ArshadAli-tp1or

9 ай бұрын

34:58 34:59 35:00 35:00 35:01

Indepth concept and easiest method of teaching thanks sheriyans 💯❣️👍

Thanks for your simplicity towards teaching

you guys make everything looks so easy. Thank you

#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 am currently learning dom and here your video comes I am super excited to learn Dom by the sheriyans coding school

CodeWithHarry se yahan pe convert huwa hun bohart hi badiya samjha ya great channel ❤️

Best teacher's in the KZread ❤ history

async function(){ let nextVideo = await fetch('sheryians next video') console.log(nextVideo) } Thanks for teaching us❤😊

The way of teaching is AWESOME

Great teacher I'll never seen tbis tutorial at KZread god bless you shreyans team 🎉❤

Love your work ❤❤❤

Mtlb i haven't words for uhh ... You all the guys are amazing and wht the content you are giving to us ... Thanks a lot 🙏🙏 And love sheriyans codings school...❤❤

Thanks for explaining with such a ease and understandable way

The only best video on Dom ❤

Sir it would be great if you add time stamps in videos. By the way thank you for the great content. ❤❤

As always great explanation bro ❤

@Vinay_Kumar_Sahani

10 ай бұрын

Best bhaiya

@Vinay_Kumar_Sahani

10 ай бұрын

Best 😅

best teaching techniques . i can learn coding enjoying it ..thanks Sheryians Coding School

you are the best explainer

Good content ❤ brother. And teaching style 😂👌. One question when will you launch React js series??

❤❤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...

Ome of the greatest video of all time for dom beginners ❤❤❤

Great bhaiya,I was searching such a good content from many days....... finally I got.Thank you......

Only watch your videos daily and learn frontend development 😊

This series is completely next level🔥🔥🔥

He is smartest and the best of all❤

Wonderful explanation. Thank you so much

"Wow, this video is truly amazing! I couldn't stop watching from beginning to end. Great job!" "I've been looking for content like this for ages. Thank you for sharing such valuable information!" "Your editing skills are on point! The transitions and visuals are so captivating." "This video is so inspiring! I feel motivated to [insert action or goal inspired by the video]." "The humor in this video had me in stitches. You're a natural comedian!" "The way you explained [specific topic] was so clear and easy to understand. You're an excellent teacher." "I can't get enough of your channel. Every video is a treat!" "The music choice in this video is spot-on. It really enhances the overall experience." "I appreciate how you tackled such an important issue in this video. It's crucial that more people see this." "Your enthusiasm is infectious! Watching your videos always brightens my day."

4 pillars destroyed 🎉

thank for this video...this video is very useful me and all public

Amazing video, simple explanation, Thanks!

I don't know who is lovbabbar who is codewithharry.i only know harsh bhaiya❤❤❤❤

@Allgaming_rebvu

7 ай бұрын

But you now her name 😂😂😂😂😂

"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!"

@anuragsarkar8773

10 ай бұрын

los subtítulos estarán allí pronto

@exexex_tension7630

9 ай бұрын

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)

@harshwardhanpatil813

5 ай бұрын

Gracias por tus comentarios, ya estamos trabajando en ello.

Best best teacher and explainer

keep doing guys It will take time but you will rock according to this attitude, keep doing, love to support you

#4 Pillars Destroyed

Easy😎pese to understand with you sir thanks

helpfull video for my starting dom manupulation study

thank q so much bhai itne acche se samjhne ke liye

Great Video Easy To Understand...

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

thank you very much sir for helping us like your child to learn these precious thing

Thank you so much for valuable information about DOM 🙂

maza agaya !!!!!Bht accha explain kia apne

you people just rocked thanks guys for giving us a good funny and learning enviroment

Love your teaching style and concept you have teacher Sir thank you❤❤❤

Video is simple but really useful

Achcha padaya. Sarthak bhai apka bahut bahut shukriya

Simple of way of explaining ❤

I really liked the content. Thankyou sir so much.

Thank you so much your teaching method is too good.❤

thank you for your hard work.

Excellent Teaching style Sir ❤

your teach way.... love from Pakistan

You teach DOM in a good manner❤❤.

Very well explained! Thanks!🙏

Feeling positive about the channel, actually it removes my unnecessary worrying that things are hard in life!

Very Well Explained

Thank you very much sir for your efforts ❤

Best teacher on KZread for sure ❤️🚀🫂

Good Luck Sheriyans

sarthak bhaiya you are too great .. I have seen many videos of many youtubers for learning dom , but this is the very easy way 🫡🫡🫡💓💓💓💓❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥

Thank you so so so much bhaiya bohot easy and acchese samjh aya😍😍🤩❤👑you are best

Literally man you are great👏👏👏❤❤✨✨

Thank you for making this video bro 🤗🤗

thanks for this type of great content!

Quality content and nice way of teaching ❤

Amazing bhaiya ji❤

thankyou for such an amazing video

your teaching is amazing keep it up💌

first time wacthing ur video , quality content never enjoyed web technology in such a intereresting and fun way , sir plz keep on goning love from odisha❣❣

Bahut khoob aise hi padhate rhiye