Thank you everybody! Hopefully I covered some of the basics for you well enough! I will strive to do better on my next series for sure! Exciting things are on the way!
Man, I've been searching a long time now for someone to explain with CLARITY. This was EXACTLY what I was looking for. I'm so excited I've FINALLY got the FOUNDATION to javascript. Looking forward to those projects. The Best! Keep doing what you doing. Your approach is right, Dev Ed!
Great series. Love the way you tie it all together with "..and this is how you use it." examples. I have been studying for a few months but this is the first time i understand how it all works. Well played, Ed for the Win.
already knowing python and c++ i was able to breeze this whole series in like an hour (since a lot of the things you perfectly explained were review of course (just a little new syntax only) and by far, you are better than any professor i have had. I am learning front end development on the side so that i can gett an internship soon so that when i graduate cs next year, i can actually go into a roll where i want to be all my life! Thank you for everything and i look forward to reviewing your other tutorials and playlists!
Ed, thank you very much. I finished the Node.js videos and now I am here because I want to start with the front-end of the website I am building. Thank you again
Wow thanks, I have looking for this for such a long time. All I've been seeing is just people making "tutorials" whene really it was just a copy and paste process. Thanks for the help, very much appreciated.
The add before this video literally told me that I'm learning the wrong way online to try to sell me his online course people are such acam artists these days good video keep it up
Thank you very very much bro this helped me a "LOT" cause very confuse about Dom manipulation that's why I can create any dom manipulation this helps me to answer the question in my mind. I hope you may upload more videos bro.
Dude i just love to see you doing these video's so "au natural" its so funny and i actually learn from you. Im doinmg a ucademy fullstack course and i hate it. next course im buying of you. thank you so much
I laughed at 2:27... Who's Butt did you like to change? haha I love your content. I started self-learning web development in May and your tutorials are very clear and fun. Please don't stop making videos.
Thanks Dev for awesome series.. Learn a lot from this series. One more thing your starting music is so amazing. Feeling so much excitement and energy when listen.
you have being my new idol i also just see your "unhappy confession" video, but i think u r just in problem of "searching problem" (which mean u in condition of u thinking "not have a problem" is "a problem", which not good and will make u always have problem) just want to saying u r great, so take it easy
hit two stones with one? i thought it was hit two birds with one stone XD anyways great video, you are to me the best teacher when it comes to this subject :)
Im trying to add an element to the li, but also apply some mouseover and mouseout events to the same list. The mouse events are not getting applied to the newly added element. Please help const newName = document.querySelector(".my-name"); const magicButton = document.querySelector(".magic-button"); magicButton.addEventListener("click", function () { newName.classList.add("magicCSS"); }); const userListObj = document.querySelector(".names-list"); const newUserText = document.querySelector(".add-user"); const addUserBtn = document.querySelector(".add-user-btn"); addUserBtn.addEventListener("click", function () { const newUserLi = document.createElement("li"); const newUserVal = document.createTextNode(newUserText.value); newUserLi.appendChild(newUserVal); userListObj.appendChild(newUserLi); newUserText.value = ""; }); const userList = document.querySelectorAll(".names-list li"); for (user of userList) { user.addEventListener("mouseover", function () { this.style.color = "red"; }); user.addEventListener("mouseout", function () { this.style.color = "black"; }); }
Umm, at 10:00 i had to add do console.log(this.textContent); because in Firefox it was showing so much stuff that made an Li element and not the value in between the html brackets.
Hey Ed Thanks for these Tutorial. I was following the tutorial, but I am getting an error "userlist.appendChild is not a function" Below is my js code. const userlist = document.querySelectorAll('.userList'); const listInput = document.querySelector('.list-input'); const addList = document.querySelector('.addListBtn'); //get value from inputs addList.addEventListener('click', function(){ //create Li const newLi = document.createElement('LI'); const liContent = document.createTextNode(listInput.value); //Add the input value inside the li newLi.appendChild(liContent); //Attached the li to the ul userlist.appendChild(newLi); }); What am I doing wrong?
Hey Dev Ed i have completed the last videos but I m facing the problem in this as I am not getting the output as you got . the console says there is problem with code and it in the if loop, says that there is problem when I begin with if(user of userList) it say you have error from of userList but I have tried the code as it is . so help with this if you can and thanks for the superb content on Javascript.
Idk if its just me or someone else as well. I am getting this error: 127.0.0.1/:1 Refused to apply style from '127.0.0.1:5500/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. I have copied everything letter by letter in both the files by Ed. Still no idea why this would be happening. I looked around the internet and it seems to be a pathing issue. But I might also have skipped something while installing Js. Please help.
Thank you everybody! Hopefully I covered some of the basics for you well enough!
I will strive to do better on my next series for sure!
Exciting things are on the way!
I enjoyed this series a lot, please make more content like this but maybe do other frameworks (react) or libraries(bootstrap)! Thanks!
Super duper helpful sir Ed! All are clear. Hope you make more video tuts. Thanks a lot!
Sir i am waiting for more indepth videos
I should say thanks to you for covering essential concept in less time
Ok, your explain is very goooooooooooooooooooooooooooood...
Man, I've been searching a long time now for someone to explain with CLARITY. This was EXACTLY what I was looking for. I'm so excited I've FINALLY got the FOUNDATION to javascript. Looking forward to those projects. The Best! Keep doing what you doing. Your approach is right, Dev Ed!
Yeah this guy rocks
Ed your energy and ability to explain JS simply is beyond anything I have found on YT so far! Thank you for this amazing content!
This man deserves a beer. Finally got the hang of it! Thanks :)
Great series. Love the way you tie it all together with "..and this is how you use it." examples. I have been studying for a few months but this is the first time i understand how it all works. Well played, Ed for the Win.
already knowing python and c++ i was able to breeze this whole series in like an hour (since a lot of the things you perfectly explained were review of course (just a little new syntax only) and by far, you are better than any professor i have had. I am learning front end development on the side so that i can gett an internship soon so that when i graduate cs next year, i can actually go into a roll where i want to be all my life! Thank you for everything and i look forward to reviewing your other tutorials and playlists!
I love how you explain everything slowly and don't leave anything out. Great!
Ed, thank you very much. I finished the Node.js videos and now I am here because I want to start with the front-end of the website I am building. Thank you again
You're so good! You've made JS so easy and fun to learn!
I have been learning JavaScript for a while now without a proper understanding, Your videos give me hope. thanks
Wow thanks, I have looking for this for such a long time.
All I've been seeing is just people making "tutorials" whene really it was just a copy
and paste process. Thanks for the help, very much appreciated.
The best way to learn JS. These are the only videos that made me understand JS. Thank you so much.
Watched the video => Like => subscribed . You have high teaching skills, thanks.
Perfect way to learn what you really will need, this course is awesome
ur voice is so soothing we feel relaxed while studying
it was an amazing ride with you ser, more of the projecct based tutorial all the way
The add before this video literally told me that I'm learning the wrong way online to try to sell me his online course people are such acam artists these days good video keep it up
Thank you very very much bro this helped me a "LOT" cause very confuse about Dom manipulation that's why I can create any dom manipulation this helps me to answer the question in my mind. I hope you may upload more videos bro.
Anybody else wanna give this man a hug?
Yo dude the way you explain things is amazing don't stop your videos!
I'm going to refer your page to all of my dev friends !!
Very helpful but Woo! gets confusing towards the end. Tho, you are a great teacher!
Yeah, he kind of rushed the end but the other parts were ok.
Useful Course Developedbyed
Oh you are so cute! Helping me learn JS much quicker!!
You are cute too
@@spike2565 this is comment section not your whatsapp group
@@johncena-li1bl man. he is literally commenting.
You are the best teacher in the world.
Best Javascript Tutorial👏👏
I must say that you teach incredibly well.... I love this video and your way to teaching as well... Thanks a tonn.
Dude i just love to see you doing these video's so "au natural" its so funny and i actually learn from you. Im doinmg a ucademy fullstack course and i hate it. next course im buying of you. thank you so much
I am crazy in js dom tutorail problems I have understood that Developedbyed is very easy way...
Stuff went from 0-100 real fast with this video! xD
You are far far better than my teacher.
Thanks Dev Sir; you really clreared my all concept about JS,thnaks alot sir.
Thank you for making javascript tutorial. Learing a lot
I laughed at 2:27... Who's Butt did you like to change? haha
I love your content. I started self-learning web development in May and your tutorials are very clear and fun. Please don't stop making videos.
Hahahahha. I bet nobody noticed
Thanks Dev for awesome series.. Learn a lot from this series. One more thing your starting music is so amazing. Feeling so much excitement and energy when listen.
Hi Ed, thank you so much for making this series. If you ever find yourself in Copenhagen, Denmark I would be delighted to buy you a beer!
thanks men I dont speak english but you explain very clearly
I don't have words... Great video
..i can't do much but atleast watch full ads on your video that might help me contribute little bit 😉
Thank you, I really needed this!!!! You rock!!!!
Thank You! Holy cow, you made me feel powerful making a simple to do list :). Keep it up brother.
Wow You are just an amazing teacher!
Simple and precise!!
the best developer on youtube ever :)
Thanks!! Your videos are awesome! I've been learning a lot with u! Greetings from Brazil
You delivered things as I wanted. Thanks.
you have being my new idol
i also just see your "unhappy confession" video, but i think u r just in problem of "searching problem" (which mean u in condition of u thinking "not have a problem" is "a problem", which not good and will make u always have problem)
just want to saying u r great, so take it easy
Ugh...the ending is tricky, but I'll rewatch it till it becomes natural. Great teaching, regardless!
It's easier to use querySelector but get getElementsByClassName maybe faster in terms of compilation ... maybe useful :)
thank you so so much! great video and your explanation is clear and easy to understand :)
Youre the most funny guy I ever see in this youtube 😎 and also a good youtuber good teacher ❤️
Thank you so much Sir,you are a great teacher.I learnt a lot from this video as well as from your other videos.Keep up the good work.
7:22 next tutorial: how can you land ur mouse on the button so fast?
aimbot duh
Thank you.. this is so helpful for me as a beginner, you explained it well!
Bro struggles with variable and class names. That's how you know he's legit
Thanks for the tutorial so for Ed! Loving the content!
Awesome videos. Made me get your course to learn more and more. Thanks a lot for the great work.
you are a great teacher. I learned and enjoyed it a lot.
Thank you for explaining in easiest way
Hi Ed! Thank you, your video series. It helps a lot for me , so please make more like this. Just keep going! I want to learn more tricks :)
Awesome. This serie is very helpful. Thank guy 😍😍😍
Thank you for spreading your knowledge.
I cried for couple of minutes, because you didnt put the link in discription for the collection of events as you mentioned in the video
thank you friend, it was very helpful for me :)
Proper one on DOM, thanks.
Thanks Ed.This video was very helpful..😍
we want more tricks+i like it it"s just so cool
I really like this dude.
I follow your each and every vdos... tq
7:22 idk anything but that needs talent!
Love this. Very helpful! Thanks for sharing :)
Great tutorial!
Really enjoyed it!
Thanks Dev you are amazing!
Last part adding new lines didn't worked for me.. I have tripple checked my code, but can't find anything different to your code.
I really need this.
This was a really good lesson!
Hi, thanks for this video,
May I know, which theme & font family r u using in ur vscode?
Thank you for this video!!
hit two stones with one? i thought it was hit two birds with one stone XD
anyways great video, you are to me the best teacher when it comes to this subject :)
Thank you so much for that great explanation
Uncaught TypeError: itemList.appendChild is not a function
at HTMLButtonElement. (app.js:18)
(anonymous) @ app.js:18 plz correct this one
Beautiful stuff out here
Good video! Can you please tell me the name of the vscode theme? I love
This is super! YAY!
Im trying to add an element to the li, but also apply some mouseover and mouseout events to the same list. The mouse events are not getting applied to the newly added element. Please help
const newName = document.querySelector(".my-name");
const magicButton = document.querySelector(".magic-button");
magicButton.addEventListener("click", function () {
newName.classList.add("magicCSS");
});
const userListObj = document.querySelector(".names-list");
const newUserText = document.querySelector(".add-user");
const addUserBtn = document.querySelector(".add-user-btn");
addUserBtn.addEventListener("click", function () {
const newUserLi = document.createElement("li");
const newUserVal = document.createTextNode(newUserText.value);
newUserLi.appendChild(newUserVal);
userListObj.appendChild(newUserLi);
newUserText.value = "";
});
const userList = document.querySelectorAll(".names-list li");
for (user of userList) {
user.addEventListener("mouseover", function () {
this.style.color = "red";
});
user.addEventListener("mouseout", function () {
this.style.color = "black";
});
}
Awesome explanation 👌👌👌👌👌
Great teaching!
Awesome content. Thank you so much!
at 14:02 is there a specific reason why LI was written all uppercase? Will it not work if written in lowercase?
Umm, at 10:00 i had to add do console.log(this.textContent); because in Firefox it was showing so much stuff that made an Li element and not the value in between the html brackets.
Super helpful !
What about dom manipulation before rendering or dom parsing or dom loading.
Is it possible?
These have helped me so much thank you very much
Can't wait for the project based tutorials
Seriously thank you very much your tutorial is very clear and helpful +1 subscrib !!!!!!!
Thank youuu! Hope you enjoy the series.
@@developedbyed sir i haved coverd this series whats the next step where can i learn more in depth
Still looking the link you said you were going to put in the description below for all the actions you can do with addEventListener
Hey Ed Thanks for these Tutorial. I was following the tutorial, but I am getting an error "userlist.appendChild is not a function" Below is my js code.
const userlist = document.querySelectorAll('.userList');
const listInput = document.querySelector('.list-input');
const addList = document.querySelector('.addListBtn');
//get value from inputs
addList.addEventListener('click', function(){
//create Li
const newLi = document.createElement('LI');
const liContent = document.createTextNode(listInput.value);
//Add the input value inside the li
newLi.appendChild(liContent);
//Attached the li to the ul
userlist.appendChild(newLi);
});
What am I doing wrong?
Just use document.querySelector no queryAll on user list. Should work!
@@developedbyed oh god thank you i was driving crazy
@@developedbyed thank you man i was stuck on this for around 3 hr thank you for saving my day
@@developedbyed Good video! Can you please tell me the name of the vscode theme? I love
thank u bro. great tutorial
Hey Dev Ed i have completed the last videos but I m facing the problem in this as I am not getting the output as you got .
the console says there is problem with code and it in the if loop, says that there is problem when I begin with if(user of userList)
it say you have error from of userList but I have tried the code as it is . so help with this if you can and thanks for the superb content on Javascript.
you are so fantastic!!!!
Thanks for this tutorial :D
Idk if its just me or someone else as well. I am getting this error: 127.0.0.1/:1 Refused to apply style from '127.0.0.1:5500/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
I have copied everything letter by letter in both the files by Ed. Still no idea why this would be happening. I looked around the internet and it seems to be a pathing issue. But I might also have skipped something while installing Js. Please help.
nvm figured it out. I didnt have the script attached im a fool.
Which tutorial covers the 'this' keyboard?
text.classList.add("change); return an error saying app.js:4 Uncaught TypeError: Cannot read property 'classList' of null
at app.js:4
(anonymous) @ app.js:4
trying to learn in quarantine.. i am facing the same problem
@@niskarshaghimire2176 add. => above =>