#2 JavaScript Tutorial | What is Dom? | Document Object Model

Check out our courses:
Spring and Microservices Weekend Live Batch : bit.ly/spring-live-weekend
Coupon: TELUSKO10 (10% Discount)
Master Java Spring Development : bit.ly/java-spring-cloud
For More Queries WhatsApp or Call on : [phone]
website : courses.telusko.com/
Instagram : / navinreddyofficial
Linkedin : / navinreddy20
TELUSKO Android App : bit.ly/TeluskoApp
Discord : / discord
In this video tutorial of JavaScript fundamentals, we will study and understand the concept of Document Object Model also known as DOM.
Document Object Model(DOM) -
The Document Object Model (DOM) defines the logical structure of documents and the way a document is accessed and manipulated.
The name "Document Object Model" was chosen because it is an "object model" is used in the traditional object oriented design sense: documents are modeled using objects, and the model encompasses not only the structure of a document, but also the behavior of a document and the objects of which it is composed. In other words, the nodes in the above diagram do not represent a data structure, they represent objects, which have functions and identity.
With the document object model, JavaScript gets all the power it needs to create dynamic HTML:
1) JavaScript can change all the HTML elements in the page
2) JavaScript can change all the HTML attributes in the page
3) JavaScript can change all the CSS styles in the page
4) JavaScript can remove existing HTML elements and attributes
5) JavaScript can add new HTML elements and attributes
6) JavaScript can react to all existing HTML events in the page
7) JavaScript can create new HTML events in the page
Python Tutorial for Beginners : • #0 Python for Beginner...
Python Tutorial in Hindi : goo.gl/qbL1bN
NodeJS tutorial : • Node JS Tutorial | Cra...
Java and Spring Framework For beginners with Spring Boot : - bit.ly/3LDMj8D
Java Tutorial for Beginners (2023) :- bit.ly/3yARVbN
Subscribe to our other channel:
Navin Reddy : / @navinreddy
Telusko Hindi : / @teluskohindi

[@glanismonteiro5126]

There doesn't exist a better explanation for DOM. Thank you

[@GautamKumar-wx3sm]

Agreeable

[@ykzzy4876]

Agreed!

[@cesmora]

I'm new to web development, and this was a great explanation. Thank you for your time

[@divyanshuchaudhari3257]

Man,the clarity with which you explained the concepts is stupendous and so rare.Keep up your good work.

[@logosmaxima2775]

An in-depth explanation of everything! Down to the smallest details! You Sir, are a treasure! Thank you very much!

[@jaejaeba]

Thankyou so much! I'm from Germany and studying Webdesign but I really didn't understand DOM until I found your video! It really helped me a lot!

[@tubativenkataramana5047]

This guy is helping in-depth knowledge with out getting paid directly. So please be respectful. Even if mistakes let him know rather than reporting and dislikes. He can educate many people with viewers inspiration.

[@alimagnetic-iransenigma9647]

it was really good. i have literaly read over 20 articles to understand DOM but this was better than all of them for me to understand it in only 10 min. thanks man.

[@blablagswjsvsns134]

Really happy to c that someone explaining these things so amazingly..sir g Tussi great ho.
Thanks alot telusko.

[@SimpleSnippets]

Thanks man. Means a lot to me :-)

[@sohilj4555]

Complete explanation on DOM. Thank you, Tanmay!!

[@beenyshsaeed4559]

As a newbie to learning to code, I am happy to have learned it in the easiest of ways. Thank you for putting it up in the lucid way possible. Congrats from the neighbor.

[@benaam5441]

The best JavaScript tutorial playlist I came across till date !!

[@florianarbes]

Nice, exactly what i was looking for. Thank you!

[@rutvikkachchhi7826]

nobody explains in so much depth thankyou for it brotha !

[@ajazullhaqnazari3535]

Thanks very much you explained very good, hope you kept this king of teaching until to end of this series .

[@chandrashekharjha9960]

I saw videos before this video...claiming that DOM is a very simple concept....but their explanation didn't give any clue....this video inspite of being delivered by someone so young ..was very clear and apt....Thanks bro

[@mrrishiraj88]

Wow! Great explanation of DOM and HTML doc.
I have got to understand DOM for the first time now. And, also the expansion of the name DOM.
🙏🙏🙏💯

[@noContext314]

The best explanation ever. PERIOD. 💯🙌

[@paulosilva-dm1qb]

It´s always a pleasure to be one of your "students"..U know how to grab attention and it´s not intentional..Thanks!

[@techany671]

what a VERRRRRRRY TRANSPARENT explanation keep it man.

[@erharshavardhan4008]

Superb bro,Finally i understood how DOM works

[@mithun1247]

You are a great teacher sir, nicely explained a difficult concept. Thanks a lot.

[@beedleChompz44]

best explanation I've seen! thank you so much!!!!

[@ozzyfromspace]

I really wish this was also offered as a paid course! I'd take it just to support you. I'm taking a trash edX course just to earn a certificate but I keep resorting to your videos because your presentations are more clear and well structured. Thank you for your work, you're amazing Telusko!

[@raylansamuel8174]

instablaster...

[@ivonnebenites3308]

Yes thank you so much for the explanation : it was easy to understand and very detailed.

[@farazk9729]

Thorough and more importantly clear explanation; thanks bud

[@shaikshafi4332]

Thankyou very much, there are lot of other videos and articles i have gone through but I got the clarity after watching your tutorial. Subscribied rightaway!

[@sardarzain2551]

superb stunning love you teluskoooo

[@hamzavictor2385]

Wow, now i see the DOM as a JS object in the form of key:value pair in a cascading form... God Job Mr, I so much appreciate your good works.

[@soniya2627]

Wow sir i wish orr principal could teach us like these, you deserve to be very successful professor , wed developer.. Etc
I m in 3 sem of BCA
In this lockdown your channel is the best option for learning and prepare ourselves for future 🤗
Thank you for this awesome explanation

[@ahmadalkordee5879]

NOW i understand what NODE and Dom is ... thanks bro :)

[@karriprakash6543]

Thank-you so much for your explanation in other videos or sites they will rotate some other topic rather than coming into main node of topic but you actually giving entire conclusion of each topic.

[@syafiighazali]

Fantastic overview! Super clear and informative

[@ankitkalwar5570]

excellent explanation, completely to the point, thanks for your effort

[@fabriceasse1175]

all I was looking for. Thanks a lot my dear

[@Everyday_Learning1995]

Awesome Explaination😍 Thanku So Much

[@romanberdichevskii5141]

You are really good at explaining this topic!

[@saranyasaran1916]

A very good explanation. Short and sweet.

[@shrutikhare8787]

Thankyou for the amazing explanation.

[@SatyamKumar-xc9gq]

Thanks For the clarity.

[@djjappey821]

It's 2020, And I'm still watching this video. Really worth. Hope I'll watch all the playlist.

[@hackerdharshini3801]

2021

[@rajlakhanpal]

Very well explained. Thank you 🙏

[@shagunsalecha794]

Its very clear in terms of explanation

[@pankajjoshi6116]

This is the first time am satisfied by someone's online teaching after navin sir....thank you sir...u r doing great ....keep uploading ur videos..am eagerly waiting sir..thank you again

[@SimpleSnippets]

Thank you so much Pankaj :-) This means a lot to me :-) Yes definitely lot more in JS coming up ;-)

[@lathishkumar7099]

why dislikes man ..one of the best education channel. he is helping lot of poore students.who interste to learn programing

[@meghasandesam]

excellent explaining...i am just beginer of JS....i understood very well. many thanks.

[@VishalKumar-rp5hf]

Nice explanation of DOM model. Thank you.

[@nemeziz_prime]

Great explanation!! Much better than what most of the famous Web Dev instructors can explain

[@iamleek]

Fantastic!!!!! thank you so much! making a graphical explanation thus it is so much easier to understand!!!! Thank very much!!!

[@sanjaybhatikar]

Very nice and clear explanations, thank you.

[@balajiseelam]

superb explanation, thank you sir

[@shanmuksandeep9134]

hurrah!!
Finally understood about DOM clearly :)

[@SimpleSnippets]

Thats great to know buddy :-)

[@mehulkumar8648]

Navin Sir Ur explaination is more good...and easy to understand

[@joematv]

Sir you're a good teacher thankyou

[@andreaingram2242]

Great visual DOM explanation

[@Jajajajajajajafjf]

Thank you so much for the education on this.

[@sohulanjum9494]

Thanks a lot...😁👍concept clear...

[@technophile7024]

Very good explanation! Who disliked it. Thanks for your hard work and dedication!

[@pascalbenimana8127]

Thank you for clarifications

[@thisisbhum2271]

Thankyou for the amazing explanation

[@rahulbind6986]

Thank you.... for making me understand Dom

[@shubhamraja1345]

Great great great.... finally I understood exactly what is DOM..👌👌

[@SimpleSnippets]

Glad to hear this buddy. Thanks for the positive feedback :-)

[@music_melody_bay9]

Thank you so much....that is so helpful

[@TheElevenBravo]

What a great video!

[@nimajamalian]

Great explanation!!

[@Orchishman]

Brilliant explanation!

[@dinindutheekshana2254]

You are a gem dude

[@BeingHumanMusic]

Thanks for your tutorial. I'm a PHP developer and wanted to shift to MERN Stack and then found this playlist.

[@celiabest7749]

Thank you so so much. You made it so easy to understand!

[@rishabhagrawal4560]

Wow, Awesome Explanation 👌👌

[@srikarravoori124]

Good explanation.

[@apnabini]

"As you can see" .....good videos keep going...:-)

[@surahome]

good video.simply can understand

[@saranshmehra1538]

Awesome explanation 👍

[@jawaharbabu.t915]

Explained very clearly
Tq😻

[@AdityaJoshi007]

Very nice explanation mate....keep it up. :) Crisp and precise to the point.

[@manikantamunagala9291]

Intersting topic.

[@omarcruz6326]

Great videos, man.

[@miroslavalterov6167]

great tutorial, thank you, God bless

[@AkanshaGrowArts]

awesome explanation!!

[@kalpakpatil5489]

10000 x better teachers...... thnx

[@NainaSharma-fb5bv]

Thank you this help a lot ❤️

[@harisahmed4734]

excellent presentation easy to understand

[@bhavikakapadia2462]

Thank you; you explain things very clearly

[@SimpleSnippets]

Thank you so much Bhavika for the positive response. Means a lot to me and more content is coming soon :-)

[@54.soumyanetrapal5]

This is a beauty.

[@FaizanKhan-qu7is]

Good and easy explanation... Better to understand☺

[@shivam7271]

Great explanation!

[@chinchujohn9827]

nice one...its very helpful..finally understood what is dom 😀

[@Zhangali1]

Thanks for the nice explanation

[@DR-kw4ff]

This was very insightful , THX

[@willysnowman]

Good watch. Thanks!

[@aswarthanarayanareddyb176]

Thank very much sir.....im very exiting to learn JavaScript

[@SimpleSnippets]

Thanks Bhupathi, even I am happy and excited to share more videos on JS ;-)

[@godtatvreetgodtmenneske6124]

Thanks! Well appreciated
All good energies towards you :D!

[@yadavankit860]

A very neat explanation 👌 👍

[@rohil3023]

Amazing explanation :)

[@rajbannasa7662]

Thank you so much sir ❤️

[@bigmugable]

Awesome!

[@manikanta-sr3zc]

thank you brother very nice explanation

[@r.g9028]

Good explanation
Waiting for the next tutorial.

[@universal4334]

Hey Tanmay I am big fan to your dld tutorials 😎😇

[@satyajittodankar7515]

great video ...explanatory ...