💻 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”
when this cource free ?
Query selectaaaaaaaaaaah
This is the best javascript tutorial i came across.I learnt a lot.Thank you a million times.
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.
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() ?
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!
Done watching all the six vids, and this is the best javascript video i hv ever watched. Legend!
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 😉
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.
hello bro kindly post link in which we your students could ask question …pls
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
I'm going to Udemy now … this course is like Crack!! Can't stop … Thanx!!!!
Thank you for the lessons Net Ninja. My pet parrot even learned a new word to say: query selectooorrr!! XD.
First of all, I wanna thank you for everything you doing. I got some problem with CORS, Access Control Allow Origin errors.
Query Selectooooooor 😀 awesome tutorials man!!
Hey Shaun! Are you going to make a React course on udemy?
Do an angular series bro. Thanks. You just made me think about paying Udemy.
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.
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
Hello Shaun!! Thank you for the discount, I've purchased this course on Udemy for only ₹360(INR). Love from India🇮🇳
Hi Shaun, I followed you for a long time. You are great. Today, I am buying your Udemy course.
Thank you! Shaun
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? 🙂
awesome video, but the way you say selector sounds like selectorAll 😂
BRILLIANT!
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
When using document.getElementById it runs a error saying document is not defined. I'm using visual studio code. Please help.
Love the way u explain, i bought your course
please more of it!!!! so helpfull and interesting!
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
This video was uploaded on my birthday !
Hi Ninja!)
I just bought your course. Actually this is a first ever think I bought online)
Hey Ninja! Please make a playlist in Angular. Looking forward to it.
<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>
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?
You absolute legend, thanks so much for all your videos!
Can you reupload the files for your React Redux Firebase course please?
Hey Shaun, I love your color theme but cannot find it anywhere on the extensions marketplace, is it custom?
please Laravel serious
the best teacher in the net.
Awesome, as per usual
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 🙂
Thanks again! I bought the course without any doubt!
where is <p> stored ? haha
Thank u for this awesome video and series
QuerySelectooooor)))) thanks for video! You are explaining so good!
Will you also teach data structure and algorithms with js? And after this course would I be able to solve problems on hacker rank?
Please make a DOM project & axios crush course…