Deprecated: Function create_function() is deprecated in /var/www/vhosts/eduardoarellano.com/d4mations.com/wp-content/plugins/wp-automatic/wp-automatic.php on line 70
Modern JavaScript Tutorial #6 – The Document Object Model | D4mations.com
  • Sunday , 20 September 2020

Modern JavaScript Tutorial #6 – The Document Object Model

Code Canyon



💻 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

3d Ocean

Related Posts

46 Comments

  1. Rom Sloy
    December 10, 2019 at 19:40

    when this cource free ?

  2. TheDjTotzy
    December 10, 2019 at 19:40

    Query selectaaaaaaaaaaah

  3. Alexander Chamwada
    December 10, 2019 at 19:40

    This is the best javascript tutorial i came across.I learnt a lot.Thank you a million times.

  4. Giselle A Velazquez
    December 10, 2019 at 19:40

    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.

  5. scripteaze
    December 10, 2019 at 19:40

    Are there any downsides to using on QuerySelector() only? Are there any benefits to using the other methods as opposed to just QuerySelector() or QuerySelectorAll() ?

  6. John Gordon
    December 10, 2019 at 19:40

    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!

  7. Yaw Manuel
    December 10, 2019 at 19:40

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

  8. Marko Panger
    December 10, 2019 at 19:40

    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 😉

  9. Jihed Gharsellaoui
    December 10, 2019 at 19:40

    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.

  10. jide alade
    December 10, 2019 at 19:40

    hello bro kindly post link in which we your students could ask question …pls

  11. Raspace
    December 10, 2019 at 19:40

    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

  12. Ahmed Musawir
    December 10, 2019 at 19:40

    I'm going to Udemy now … this course is like Crack!! Can't stop … Thanx!!!!

  13. ebgonz2
    December 10, 2019 at 19:40

    Thank you for the lessons Net Ninja. My pet parrot even learned a new word to say: query selectooorrr!! XD.

  14. mike abdallah
    December 10, 2019 at 19:40

    First of all, I wanna thank you for everything you doing. I got some problem with CORS, Access Control Allow Origin errors.

  15. Goose FX
    December 10, 2019 at 19:40

    Query Selectooooooor 😀 awesome tutorials man!!

  16. Joshua Jurado
    December 10, 2019 at 19:40

    Hey Shaun! Are you going to make a React course on udemy?

  17. kenneth mwangi
    December 10, 2019 at 19:40

    Do an angular series bro. Thanks. You just made me think about paying Udemy.

  18. Jackson Bodra
    December 10, 2019 at 19:40

    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.

  19. Khalid Oghli
    December 10, 2019 at 19:40

    Thank you so much
    i buy your modern js in udemy .
    wonderful course .
    i practice and put local storage we learn in todo list project
    ❤️❤️❤️
    https://phantom-todo.netlify.com

  20. Carl Crusader
    December 10, 2019 at 19:40

    Hello Shaun!! Thank you for the discount, I've purchased this course on Udemy for only ₹360(INR). Love from India🇮🇳

  21. Vipin Sharma
    December 10, 2019 at 19:40

    Hi Shaun, I followed you for a long time. You are great. Today, I am buying your Udemy course.

    Thank you! Shaun

  22. NotAWastedMoment
    December 10, 2019 at 19:40

    Thank you very much Shaun. I made a very informed decision and bought your course! Just wondering if you're planning to make the same quality course for React? 🙂

  23. Allison Chen
    December 10, 2019 at 19:40

    awesome video, but the way you say selector sounds like selectorAll 😂

  24. Geoff Groves
    December 10, 2019 at 19:40

    BRILLIANT!

  25. Almyras Vasileios
    December 10, 2019 at 19:40

    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

  26. RONALD GILLIARD
    December 10, 2019 at 19:40

    When using document.getElementById it runs a error saying document is not defined. I'm using visual studio code. Please help.

  27. Alex
    December 10, 2019 at 19:40

    Love the way u explain, i bought your course

  28. Alik Krasnorutskiy
    December 10, 2019 at 19:40

    please more of it!!!! so helpfull and interesting!

  29. Gerald Darko Bekoe
    December 10, 2019 at 19:40

    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

  30. Đạt Nguyễn Thành
    December 10, 2019 at 19:40

    This video was uploaded on my birthday !

  31. Drunk Frog
    December 10, 2019 at 19:40

    Hi Ninja!)

    I just bought your course. Actually this is a first ever think I bought online)

  32. collection tribe
    December 10, 2019 at 19:40

    Hey Ninja! Please make a playlist in Angular. Looking forward to it.

  33. Darryl
    December 10, 2019 at 19:40

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

  34. Amirul Idzham
    December 10, 2019 at 19:40

    This is good. Just like the whole things usually I do it using other languages like PHP. So I should be able to do it using node js isn't?

  35. Russell Driver
    December 10, 2019 at 19:40

    You absolute legend, thanks so much for all your videos!

  36. Waifu seduction artist
    December 10, 2019 at 19:40

    Can you reupload the files for your React Redux Firebase course please?

  37. Ethan Bonsignori
    December 10, 2019 at 19:40

    Hey Shaun, I love your color theme but cannot find it anywhere on the extensions marketplace, is it custom?

  38. Saad Owain
    December 10, 2019 at 19:40

    please Laravel serious
    the best teacher in the net.

  39. Drunk Frog
    December 10, 2019 at 19:40

    Awesome, as per usual

  40. Charles Montojo
    December 10, 2019 at 19:40

    Awesome! The full udemy course do they have really advance topics? Or only made for complete beginners? I’m someone who already use js frameworks but wanna level up more my vanilla JS specially from u 🙂

  41. Dmitry Popov
    December 10, 2019 at 19:40

    Thanks again! I bought the course without any doubt!

  42. roarimatrex
    December 10, 2019 at 19:40

    where is <p> stored ? haha

  43. Abhishek Kumar
    December 10, 2019 at 19:40

    Thank u for this awesome video and series

  44. Dmitry Popov
    December 10, 2019 at 19:40

    QuerySelectooooor)))) thanks for video! You are explaining so good!

  45. idris
    December 10, 2019 at 19:40

    Will you also teach data structure and algorithms with js? And after this course would I be able to solve problems on hacker rank?

  46. Cool Man
    December 10, 2019 at 19:40

    Please make a DOM project & axios crush course…

Leave A Comment

You must be logged in to post a comment.