Modern JavaScript Tutorial #6 – The Document Object Model




💻 Get the full Modern JavaScript (novice to ninja) course from Udemy. Discount auto applied:
https://www.thenetninja.co.uk/udemy/modern-javascript

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:

+ Course files – https://github.com/iamshaunjp/modern-javascript

Original source


46 responses to “Modern JavaScript Tutorial #6 – The Document Object Model”

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

  2. 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!

  3. I'm a complete novice in JS and wanted to learn the "net" technologies/languages that it takes to build a web app for my little project. I came across Shaun and I can only say the tutorials are spot on, with just the right pace, entertaining, not monotonic at all and very easy to understand. I''m buying this on udemy 101% and would buy something similar (from novice to ninja) for Bootstrap, node.js and some kind of database as well; sure provided querrySelector('.author') === Shaun 😉

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

  5. hello sir, i am facing a problem. i think it is related to my browser. My problem is:
    i am not able to see the exact output in my console. the output my console shows is "null". i wish i could upload a screenshot of my error messages.
    whenever i am trying to grab an element using queryselector, it shows null in console. but in the browser , the page looks good with exact output.
    even the nodelist in the console says: length: 0
    what should i do ? my browser is upto date. i think DOM is not working on my chrome browser. need help.

  6. Quick question: Will the code work just as fine, if i don't add that weird high-pitched voice in the end of typing "querySelector" ???

    Joking ofc!!!! Awesome vid. and the timing was excellent cause of incoming exams!!! Lifesaver <3

  7. <p>lorem error ipsum</p>
    <p>lorem success ipsum</p>
    <p>lorem ipsum lorem</p>
    <p>lorem ipsum success</p>
    <p>error lorem ipsum</p>
    <p>lorem ipsum lorem</p>
    <p>lorem ipsum error</p>
    <p>success lorem ipsum</p>

Leave a Reply