Modern JavaScript Tutorial #6 - The Document Object Model

💻 Get the full Modern JavaScript (novice to ninja) course from Udemy. Discount auto applied:

Hey ninjas, in this modern JavaScript tutorial I'll explain the basics of the DOM (document object model) and show you how to query elements using the query selector & change the content f a web page.

----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

[Raspace]

0:45 DOM Introduction
7:05 Query Selector
12:15 Query Selector All
15:38 Getting element by ID
16:56 Getting element by Class Name
19:18 Getting element by Tag Name
21:06 Changing text inside element
25:36 Changing HTML inside element
30:50 Getting and setting attribute of element
42:19 Adding and removing class
45:55 Challenge
51:08 Toggling class

[GJihed]

One of the best Javascript course I've ever seen, really thank you for this work, very well structured, simple and very very very easy to understand. It's not easy to for me to be 100% concentrated on 60 min video but you just did it. I learned so much and i recommend this course to any beginner or experienced developer who want to know more about Javascript.

[CaleCabrera]

I just finished the whole tutorial and I must say It’s one of the greatest tutorials I’ve ever taken! Absolutely useful even 2 years later 🤯
Thank you so much shaun, appreciate it 🙌🏻

[gslvqz]

I followed your tutorials until this point. I successfully completed the assignment of giving the class of error/success to the <p> elements without watching your explanation. That was huge for me because I have been trying to learn and I always get discourage by the way other instructors have approach their tutorials/courses. But it goes with no saying, that I have just purchased your course and I am committed to work on it diligently. Thank you for sharing your work until this point and thank you for putting together the complete course on Udemy.

[bracekev]

You ARE the absolute BEST Instructor I have ever had. I have been programming for 23 years and you are hands down the BEST Instructor ever!!! Thank you!!!

[rawhasan]

The best style of teaching a complex thing I've ever had! Thank you so much for keeping it free! I'll recommend anyone looking for learning JavaScript to sign-up for the Udemy course by this author.

[scooble]

I've watched quite a few tutorials from various knowledgeable experts, who clearly know what they're talking about, but I found myself getting lost when they don't refer back to the results or the original HTML often enough.
When learning, I find it important to clearly show the results both before and after performing some action.
You clearly did this and I now come away with a better mental model of how to do DOM scripting.

[peixefelipe]

This is the best DOM tutorial I've found! And I looked for it everywhere. Thank you, The Net Ninja!

[julianjohnmert]

I came to Sensei Shauns channel for a github tutorial. Now I know html and css as well as modern javascript XD.
You're content is not only amazing but it is addictive like a television series because you are such a fantastic teacher and I will be purchasing almost every course you have when I start work in March 2021.

I am proud to be a ninja.

[geralddarkobekoe]

Thanks a lot man, i finished the entire playlist and it was gold.You're not just saving Princess Peach but guys like me too hahaha

[yayitseugene]

Just finished your six videos on modern JS! Your tutorials are more clear than my CS professor. Ended up getting the rest of this course, try to be a JavaScript pro 💪

[daivikverma]

thank you this is the best js course on youtube! first time i understood and coded js like that, great work man!

[triducal]

one of the best instructors on youtube. You've taught me a ton of html, css, and js in 2 weeks and I'm picking it up pretty quickly.

[dawoodchowdhury]

Hey man. Your lectures are so clear and concise. Thank you so much for putting these up!

[Shifan]

Teaching is an art and Shaun is gifted that. Thank you so much for the great tutorial. I will definitely enroll to the Udemy course to continue with other sections. Keep up your good work.

[sakihayashi]

Honestly, better tutorial than a Bootcamp I paid for... shockingly great. Thanks, Ninja!

[castlemoyle]

WOW! This is great. I've got a site with about 25-30 pages on it that I've wanted to expand. Except then I'd have to update the menu structure every time I added a new page. Instead, I can just create a .js file with the menu code in an html template and by adding two lines (one that an empty div to hold the menus and the other a link to the js src), all I have to do is update the javascript and it gets reflected everywhere. COOL!

[yawmanuel]

Done watching all the six vids, and this is the best javascript video i hv ever watched. Legend!

[Ali-vzrs]

You have no idea how much I appreciate your work. Thank you Shaun.

[qexnvvo]

OMG i love this. I never comment on videos but after watching this 4 years later and i can say this is gold. I wish i had money for the full course though