When the "classList, add, remove and toggle" section of the video came up, I started to feel like a kid in a candy store, where everything is free. This is so exciting I can't wait to finish this JS course, then the React course and finally turn my web design ecommerce store into a reality. That will be the biggest project on my portfolio and I will utilize it to help me land a position as a frontend intern. Thank you so much for your videos Dave, I know I've said it a lot of times already, but you are truly a blessing for the web development community, your courses are accessible, of high quality, perfectly ordered and structured and well paced.
Dave, your content is highly organised, thorough, and easily digestible. I've decided to use your content as a primary source of learning, so, thanks for all your work. I predict your channel to blow up to 50k-100k subscribers within the 2022 year - I'm saying it now! What I find most appealing on your channel is not only your clear, methodical instruction, but the highly accessible/organised catalogue of content on your channel page. If I need to find instruction on a particular topic, it's not hard to find. Take care all the best.
I'm at a loss for words to express my gratitude for all the effort that has gone into bringing us this kind of exceptional, high-quality content. I've decided to follow the Full-Stack course with you. You have mastered your work. Thank you very much Mr. Dave. Your student from Togo (West Africa).
Thank you, Dave! Good job. Still valuable after 3 years. Did not know that you had github link to your css in the description. I trained with my css version and it worked out.
Around 18:00, while changing useCapture true or false, iI think the events change outwards only in both the cases from h2 to section. like while useCapture is true in all three (view, div, h2) -> events changes from h2 to section, i.e. outwards. you referred it should be inwards.
TOTALLY AWESOME VIDEO!!! Top-quality! It's my first time on your channel, and I'm so impressed, you explain everything so clearly and beautifully, Thank you so much!
Hey Dave, you seem to prefer using arrow functions? Is there a reason for that and is there a difference to using the other ways of writing a function? Thanks.
Arrow functions are considered function expressions. I do like arrow functions. It is good to know both. Lately, when working with Next.js, I have found myself writing more traditional functions with the function keyword again.
The source codes files are not what is exactly in the video. That said it is a very good beginners series. I wondering which projects to try out after this the series, i really want to practice this.
Hello Dave, hope all is well. I'm new to Javascript and I'm wondering what does the view.querySelector and div.querySelector means compare to document.querySelector?
Hi Danny, the tutorial right before this one in my Javascript for Beginners series covers how these selectors are created: th-cam.com/video/WbG86sMd3SU/w-d-xo.html
22:09 Can you explain why the h2 background color is purple and the div is also purple? I don't understand Because sometimes I can't read the subtitles
We are attaching event listeners and listening for a click on these elements. When clicked, we are changing the background color. Just after 21:00, we change the target from the view variable to the event.target. This begins on line 17. I really cannot explain the video in the comments as well as simply suggesting to watch the video again. Follow what I do in the code.
Hi Dave, I can't seem to load/display "My 2nd View" as seen in the beginning of your tutorial. I copied the source documents and this loads View1. I tried changing css views from flex to none - view1 disappeared, but view 2 does not appear.
No repo for this one. I didn't create many for the beginning JS tutorials. I think it helps students when they type it out themselves. Thanks for asking!
@@DaveGrayTeachesCode I was just searching for the Scss files since I still don't know it because its little different from the ordinary CSS :D. Thanks :)
I have created a gist for the HTML - gist.github.com/gitdagray/7d1676f2503c987fe22e2a8c10926426 and a gist for the CSS - gist.github.com/gitdagray/cf6256c62fad399e056d8e7187950c73 . You'll need to change display settings for each example.
I have created a gist for the HTML (gist.github.com/gitdagray/7d1676f2503c987fe22e2a8c10926426) and a gist for the CSS (gist.github.com/gitdagray/cf6256c62fad399e056d8e7187950c73). You'll need to change display settings for each example.
When the "classList, add, remove and toggle" section of the video came up, I started to feel like a kid in a candy store, where everything is free.
This is so exciting I can't wait to finish this JS course, then the React course and finally turn my web design ecommerce store into a reality. That will be the biggest project on my portfolio and I will utilize it to help me land a position as a frontend intern.
Thank you so much for your videos Dave, I know I've said it a lot of times already, but you are truly a blessing for the web development community, your courses are accessible, of high quality, perfectly ordered and structured and well paced.
Dave, your content is highly organised, thorough, and easily digestible. I've decided to use your content as a primary source of learning, so, thanks for all your work. I predict your channel to blow up to 50k-100k subscribers within the 2022 year - I'm saying it now! What I find most appealing on your channel is not only your clear, methodical instruction, but the highly accessible/organised catalogue of content on your channel page. If I need to find instruction on a particular topic, it's not hard to find. Take care all the best.
Thank you, Marcus! I sincerely appreciate the kind words and prediction 🙏💯🚀
I'm at a loss for words to express my gratitude for all the effort that has gone into bringing us this kind of exceptional, high-quality content.
I've decided to follow the Full-Stack course with you.
You have mastered your work.
Thank you very much Mr. Dave.
Your student from Togo (West Africa).
Besides the great video you've made, the links in the description also play a huge role. Congrats and thank you so much for creating such content
Thank you for the kind words, Dan! 🙏💯
I'm really happy that I've found your channel. Thank you for sharing your knowledges!
You're welcome! 💯
Thank you, Dave! Good job. Still valuable after 3 years. Did not know that you had github link to your css in the description. I trained with my css version and it worked out.
You explain it really well, ty
Thank you!
7 more tutorials to go :p Thanks Dave!
I agree with Dan below, the links you provide are golden. I learned some Sass as well in this video.
Thank you, Alberto! The traditional academic in me insists on the references 😀
Thank you soo much! This tutorial has helped me a lot understanding JavaScript better.
Great to hear! And you're welcome! 🙏🚀
Hi, your videos are awesome! Continue please.
Will do! Thank you! 💯
So understandable!!! very comprehensive! Thanks a lot man! God bless you!!!!!!
You're very welcome! 🙏🚀
Thanks for making this video. I'm still a bit stuck but have a better understanding
Glad I could help 💯
Thanks for the hard work
Much appreciated 🙏
Around 18:00, while changing useCapture true or false, iI think the events change outwards only in both the cases from h2 to section.
like while useCapture is true in all three (view, div, h2) -> events changes from h2 to section, i.e. outwards.
you referred it should be inwards.
TOTALLY AWESOME VIDEO!!! Top-quality! It's my first time on your channel, and I'm so impressed, you explain everything so clearly and beautifully, Thank you so much!
You're welcome! 💯
Hey Dave, you seem to prefer using arrow functions? Is there a reason for that and is there a difference to using the other ways of writing a function? Thanks.
Arrow functions are considered function expressions. I do like arrow functions. It is good to know both. Lately, when working with Next.js, I have found myself writing more traditional functions with the function keyword again.
This one is a little confusing. Codes don't match your result. I get view1 while you start on view2.
The source codes files are not what is exactly in the video.
That said it is a very good beginners series.
I wondering which projects to try out after this the series, i really want to practice this.
Thank you, Laud! I have a few projects on my channel for Vanilla JS. 💯
Your videos are great! For beginners like me to follow. Does the event propagation only work if click is on the innermost element? 16:30
It needs to be a child to bubble up for example but it does not have to be the innermost child element.
Hello Dave, hope all is well. I'm new to Javascript and I'm wondering what does the view.querySelector and div.querySelector means compare to document.querySelector?
Hi Danny, the tutorial right before this one in my Javascript for Beginners series covers how these selectors are created: th-cam.com/video/WbG86sMd3SU/w-d-xo.html
@@DaveGrayTeachesCode Thank you very much for responding Dave! I got to watch that video to learn more about the DOM. More power to your channel.
Sorry where did you get document.queryselector("h2 +div") there is no class for h2 and div.
No class needed. You can select HTML elements, too. Any selector you might use in CSS could be a selector here.
@@DaveGrayTeachesCode Understood, thanks.
22:09 Can you explain why the h2 background color is purple and the div is also purple? I don't understand
Because sometimes I can't read the subtitles
We are attaching event listeners and listening for a click on these elements. When clicked, we are changing the background color. Just after 21:00, we change the target from the view variable to the event.target. This begins on line 17. I really cannot explain the video in the comments as well as simply suggesting to watch the video again. Follow what I do in the code.
Hi Dave, I can't seem to load/display "My 2nd View" as seen in the beginning of your tutorial. I copied the source documents and this loads View1. I tried changing css views from flex to none - view1 disappeared, but view 2 does not appear.
Go back over the video again. I show how to achieve this.
Which part of the video please ? @@DaveGrayTeachesCode
Is there a repo for this lesson?
No repo for this one. I didn't create many for the beginning JS tutorials. I think it helps students when they type it out themselves. Thanks for asking!
@@DaveGrayTeachesCode I was just searching for the Scss files since I still don't know it because its little different from the ordinary CSS :D. Thanks :)
I have created a gist for the HTML - gist.github.com/gitdagray/7d1676f2503c987fe22e2a8c10926426 and a gist for the CSS - gist.github.com/gitdagray/cf6256c62fad399e056d8e7187950c73 . You'll need to change display settings for each example.
@@DaveGrayTeachesCode these links are not working
@@Really_riel they do now. TH-cam was adding the closing ) to the links so I removed the ( ) surrounding the links.
Can I get the code of those sass files ?
I have created a gist for the HTML (gist.github.com/gitdagray/7d1676f2503c987fe22e2a8c10926426) and a gist for the CSS (gist.github.com/gitdagray/cf6256c62fad399e056d8e7187950c73). You'll need to change display settings for each example.
@@DaveGrayTeachesCode Thanks
Please use better sound. Thanks
I currently do. Note you made your comment on a video that is over two years old. I have continued to improve over that time.