What Kyle teaches: CSS styling What I want to learn: Hair styling
@arunrawat31422 жыл бұрын
😂
@gopalloharnew59482 жыл бұрын
😁😁
@DracoVoldre2 жыл бұрын
He did it recently x)
@SuboptimalEng2 жыл бұрын
@@DracoVoldre I saw 🙌
@DilanDog3 жыл бұрын
This guy is born to be a teacher and mentor
@sidthetech_USA3 жыл бұрын
The thing I like about Kyle's CSS tutorials is he always does it with style.
@programmingforfun41582 жыл бұрын
You are genious bro. Instead of focusing on just basic things you always dive deeper.
@fabaladibbasey74533 жыл бұрын
Also Nodelist can easily be converted into array with spread operator to be able to have all JavaScript array method functionality
@buraksurumcuoglu83033 жыл бұрын
Great tip brother.
@faizanahmed93042 жыл бұрын
I agree
@ruturajbhandari7695 Жыл бұрын
Can we use Array.from()
@Stevie1derson3 жыл бұрын
Tip to use Array methods on dom elements from document.querySelectorAll() 1) Array.from(document.querySelectorAll(“element”)) 2) […document.querySelectorAll(“.selector”)]
@samandarboymurodov89412 жыл бұрын
Thank you. Useful tips.
@ayushkushwaha171 Жыл бұрын
Thanks for this!
@AustinThomasFilms Жыл бұрын
I found this on your website and came to KZbin to give you a like. Super helpful!!!! This cleared up a lot
@gopalloharnew59482 жыл бұрын
Kyle don't use any vscode theme but still he customizes it a lot which we cannot see directly !
@connorallen1623 жыл бұрын
Super helpful! this was such a mystery to me. Though I see why direct DOM manipulation isn't exactly encouraged for beginners, this kind of operation could really use a framework to make it more maintainable and scalable!
@oldclient3 жыл бұрын
Very informative. First time I noticed the difference between these DOM methods when I worked with , and nodes in a project. You have to notice that Node also is handling attributes and other DOM types. Therefore, the nodeType of a Node has these values: 1 (element), 2 (attribute), 3 (text) and more... Nine or ten in total currently.
@tomraaff45763 жыл бұрын
you can use instanceof to see if a node is an HTML element. It makes working with nodes easier. ie. if (node instanceof HTMLElement) { node.innerText = 'this is an html element' }
@simonshurety38702 жыл бұрын
I'm not sure how to set this up?
@m4m2053 жыл бұрын
You just save my life. I am working on a project and I need to understand this. Thank you.
@talatkuyuk65563 жыл бұрын
This was my pain, could not understand the weird behavior of the nodes and elements. Thank you very much, now I understand.
@DarkSomaX2 жыл бұрын
Thank you so much, I was breaking my head trying to understand the differences between the nodes and the elements and how they work 🙃
@pierre363911 ай бұрын
Awesome! Well explained and simplified
@codlover14682 жыл бұрын
You are awesome brother. You clear all my doubt. Love from 🇮🇳
@BoatLoad-o5z15 күн бұрын
when someone incorrectly say "doubt" instead of "question" we know right away he/she is indian
@sereneabrahammathew97383 жыл бұрын
That info on live updates is really useful 🙂
@dave60123 жыл бұрын
Yup, can’t say how many times I’ve redefined the same query selector inside functions for dynamic content. Now I know I can keep just one definition in the global scope to get the updates.
@talhaibnemahmud3 жыл бұрын
Extremely helpful video ❤️
@alexmercer89842 жыл бұрын
Bro, I absolutely Love this video!
@nsharma49813 жыл бұрын
Only you can demystify the most cryptic of JavaScript's intricacies in such an easily understandable manner within 9 minutes, Kyle! This was really helpful! :)
@johnnypark53982 жыл бұрын
Super well explained. thank you!
@Enes-ik4bm2 жыл бұрын
Thank you for videos. Love from Turkey 🙂
@raven.4815 Жыл бұрын
Can't thank you enough for this! You really saved me from a couple of headaches lol
@karthicksj19363 жыл бұрын
Thank you Kyle for giving this cheat sheet.Your teaching is also awesome 👌👌
@HarshKapadia3 жыл бұрын
Wow! AMAZING video Kyle!
@justanotherhotguy3 жыл бұрын
Learned something new today, thank you!
@bayasahamed1815 Жыл бұрын
Thanks for this video and clear explanation.
@MrTomro3 жыл бұрын
i had no idea about the live update thing. ty
@akash-m8g6p3 ай бұрын
I lost you at Element. Thanks for sharing
@deepaknegi43853 жыл бұрын
Awesome information, thanks for sharing
@YaseenAli082 жыл бұрын
thanks alot, kyle your tips and teachings are very informative and helpful.
@realfranciscohermida3 жыл бұрын
Couldn't you easily convert either type of collection to arrays and not have to deal with live updates if that is not desired?
@dave60123 жыл бұрын
Shedding light on the dark corners 🙌
@arulmuruganK943 жыл бұрын
I always had doubts when it comes HTML node and element
@Stormpaw2 жыл бұрын
Thanks, that video helped a lot!
@naveedalirehmani41352 жыл бұрын
Thank you Kyle, Thank you very much!
@franciswayungi35193 жыл бұрын
Thank you very much Kyle for your detailed explanations.
@AsakuraAvan2 жыл бұрын
So a node is a superset of an element? Every element is a node but not every node is an element?
@benbrahimilias4262 жыл бұрын
I think elements is a subset of a node.
@asagex3 жыл бұрын
Before I watch… my guess is that nodes refer to anything while element refers to just tag based ones. Element would exclude text nodes and such Edit: despite my poor wording, I appear to be correct. Sweeeeeeet
@milanpavlovic8141 Жыл бұрын
This helped me soo much
@bevik123 жыл бұрын
Can we get a collection of your cheat sheets Kyle? Pleeease!
@srinik99993 жыл бұрын
I thought it's Node JS vs Someother New technology like Nodejs. 😂
@nayyyhaa3 жыл бұрын
Hahaha samee😂
@mzpl73573 жыл бұрын
me too
@jonathanjeshualaniba59583 жыл бұрын
i immediately searched for element js XD
@AshokKumar-yi5ph3 жыл бұрын
Me toooooo
@WillAyeAce3 жыл бұрын
I thought the same
@bones_twisting_sorrow47503 жыл бұрын
Great explainer, thank you Kyle.
@suryapratapsingh51493 жыл бұрын
Please cover advance concepts of ES6 and ES7
@vahidseyidov Жыл бұрын
Thanks for all man
@zenlogie93103 жыл бұрын
but Kyle, why would we wanna have a static list that doesn't live-update ??
@benbrahimilias4262 жыл бұрын
I think it's useful in filtering;
@michaeleke39133 жыл бұрын
Great Video...learnt alot!
@tomasgilamoedo83012 жыл бұрын
Great content! thank bro
@raymondyoo54613 жыл бұрын
great video thanks a lot for your tip
@geforcesong3 жыл бұрын
That's a good point. thanks!
@hartztech80983 жыл бұрын
Great to reason for selecting because HTMLCollection its update automatically, When we selected sometime we don't want to update selecting further that we required.
@yaseenlakhdhar60903 жыл бұрын
Awesome Kyle thanks!
@vatsalyasinghi4383 жыл бұрын
Please do a tutorial on next js..
@ינוןאלבז-כ1ז3 жыл бұрын
I ask this my self a long time. Now i gonna figure it
@Shuyinz3 жыл бұрын
I didn't get it. Why would you prefer static over live update on HTML? I can't see any real case scenario where it would be harder to debug?
@mhombach30353 жыл бұрын
That was my question too, but I guess that in bigger projects you never know what sideeffects are triggered by calling some function. And let's say you are iteration through the "live updated list" with a for-loop and you are creating a const before that loop and store the list's length in there, then the iteration is faulty if some new element is added inbetween, because the for-loop won't reach the end of the array since it changed length. I guess it's not "bad practice" to use either, you just have to be knowing what you want to do, what things are happening inside your app and then decide for the best method :)
@Shuyinz3 жыл бұрын
@@mhombach3035 Sounds very reasonable! Great! Thanks for sharing! :)
@shwackthenoobsac3 жыл бұрын
Great content
@tinmank3 жыл бұрын
I've got four consecutive notifications this video, its like youtube trying to get an answer for you. do you but do you?
@Pacvalham3 жыл бұрын
Does this prevent live updates? const parents = Object.freeze(document.getElementsByClassName('parent'))
@PerfectionOfError3 жыл бұрын
Learned something new!
@gopalloharnew59482 жыл бұрын
oOo that's why you prefer querySelector instead of getElementsByClassName !
@SanjeevKumar-fi1kt3 жыл бұрын
Hlo sir I need ur help... how can I contact u?
@funnyclipsmsda3 жыл бұрын
I have a request for a video. I do HTML, CSS and JS coding. For one of my projects, I require a custom scrollbar. I know how to make one, but the conventional ::-webkit scrollbars aren't as customizable as I'd like. What I'm looking for is to replace the scrollbar with a div, so that you have to drag the div to scroll, not the scrollbar thumb. Please help me, I haven't found a solution online yet.
@smilo_don3 жыл бұрын
One way would be to make the div draggable then use the ondrag event to calculate a position and scroll to it using window.scrollTo but it can be dragged both horizontally and vertically so you would have to lock it to only one.
@윤지만-w4m3 жыл бұрын
super awesome
@alexmahone5013 жыл бұрын
Beast
@batuhanunal9380 Жыл бұрын
wonderfull
@trentreimer1303 жыл бұрын
I'm more inclined to listen to someone who plays a Jackson.