JavaScript THIS keyword explained - A deep dive 👨🏻💻
@arod32953 жыл бұрын
So I have a very important question. PLEASE help. So there must be more to the layers of seniority I should say to the concept of front vs backend…there’s more job titled for a coder of all levels. What are those many titles called? Web developer Front end Back end Web designer Programmer (which idk if that’s just another word for web dev or if that’s a proper title) Junior developer (idk if that’s another word for entry front end) What other titles are there? Knowing this would help people find a proper path to get started instead of aiming high like “I want to be a software developer” like I did 3yrs ago. Now I’m aiming for front end (if that’s right) and design web logic to interact with smart contracts (I want to work in the blockchain industry and a lot of the work is programming websites to interact with the contracts) Thank you
@starkxz Жыл бұрын
@@arod3295 There are many job titles and roles within the world of software development. Here are some common ones: Full-stack developer: a developer who can work on both the front-end and back-end of an application. Mobile developer: a developer who specializes in building applications for mobile devices. Game developer: a developer who specializes in building video games. DevOps engineer: a developer who works on the development and deployment of software through collaboration with software developers and IT professionals. Software engineer: a developer who designs, builds, and tests software applications. QA engineer: a developer who is responsible for testing software applications to ensure that they function properly. UX/UI designer: a designer who specializes in creating user interfaces and experiences for software applications. Product manager: a professional who oversees the development and management of a software product. Technical writer: a professional who creates documentation and user guides for software applications. It's important to note that some of these roles may require more specialized knowledge or experience in a particular area. For example, becoming a mobile developer may require knowledge of specific programming languages and frameworks, as well as experience with mobile app development. Ultimately, the best way to determine which role is right for you is to explore the different areas of software development and see which ones interest you the most. Consider taking online courses or tutorials, attending meetups or conferences, and talking to professionals in the field to learn more about the different roles and how you can get started in your desired career path.
@cleanocavalcante3 жыл бұрын
Dear KZbin's Algorithm gods, please bless this channel with a million views per episode 🙏🏼😁. This content is absolutely gold. I've been learning JS for the past 2 months and I'm really benefitting from all this knowledge. Thank you so much, and keep up the fantastic work! Cheers from Brazil!
@ColorCode-io3 жыл бұрын
Haha this is the best comment I ever got. Thank you. I'm glad these videos are helping. Message me on instagram if you have questions.
@cleanocavalcante3 жыл бұрын
@@ColorCode-io You 100% deserve it!
@omersoncruz1081 Жыл бұрын
Amen!
@uzgurCoder Жыл бұрын
Your wish granted😁😅😅
@darksoulgamer58373 жыл бұрын
This is an underrated channel! The explanation is mind blowing not confusing at all, please keep making videos on JS 🙏
@ColorCode-io3 жыл бұрын
Great to hear that! More videos coming soon.
@redeye85366 ай бұрын
@@ColorCode-io lol i really like this thank you lolllll xddddd
@axkongkong28192 жыл бұрын
I watched your video on THIS...didn't understand anything......then i watched 10 other random videos on KZbin about THIS....did not understand anything. I gave up and went on with my day. The next day your 1 min video on THIS popped up, i watched that, and that was clear as day!!!! I followed up by watching this 24 min video, and everything was so clear!! I don't know if its just the time it took for information to absorb over 24 hours or i re-watched your videos a few times like you said at the end, in order to get it. One thing is for sure, this is the best tutorial on THIS and i am pretty sure i watched them all. Love your teaching style, very good examples and slight humor sprinkled around. Subscribed!
@ColorCode-io2 жыл бұрын
That's awesome! Thanks for sharing and I'm glad it clicked.
@jorgecruz8342Ай бұрын
An easy way to remember call and apply is: call begins with c, so, coma separated, apply begins with a, so array of parameters. Great tutorial by the way!
@ColorCode-ioАй бұрын
Great tip!
@digitalfragrant9 ай бұрын
The most underrated educator on YT. Production quality is also insane. Keep it up man!
@ColorCode-io9 ай бұрын
I appreciate that!
@RossieeissoR2 жыл бұрын
Style, pace, music, explanation, effects, even typing sound... everything is perfect.
@ColorCode-io2 жыл бұрын
Thank you :)
@atlas81332 жыл бұрын
'This' video should have at least 100 times more views. Pure gold if you've ever been confused about the intricate applications of 'this' in different contexts. He also covers .bind, .call, .apply as a nice bonus. My favorite video about 'this', simple as 'that'!
@ColorCode-io2 жыл бұрын
Thank you for 'that'! ;)
@randymartin90403 ай бұрын
I love this series, thank you so much for it! I love learning the fringe case type scenarios, and you don't edit out your mistakes which is fantastic. It actually helps a ton because we make the same mistakes while learning and often don't know how to solve it. It leads to a very comprehensive understanding of each concept. I really appreciate it!
@ColorCode-ioАй бұрын
That's great feedback. Thank you.
@User2021x2 жыл бұрын
This channel and Web Dev Simplified are the most helpful channels for Web Developers. Thank you!
@ColorCode-io2 жыл бұрын
Thanks!
@neria1511 ай бұрын
this playlist need to be everywhere ! Thank you Sina!
@ColorCode-io11 ай бұрын
🙏
@starkxz Жыл бұрын
This channel is the best when it comes to JS. Honestly it needs more views. Thanks Sina, keep up the fantastic work.
@ColorCode-io Жыл бұрын
Thank you!
@rohithaider2 ай бұрын
I can't tell you how much grateful I am to you for making me understand this confusing 'this' keyword. You are such an amazing mentor. Love from Bangladesh ❤
@ColorCode-ioАй бұрын
You're so welcome!
@dipankarsahoo71192 жыл бұрын
i watched a single video of yours and fell in love with your way of teaching, the background music, the humor everything loved it ..! subscribed
@ColorCode-io2 жыл бұрын
Awesome dude 👍🏼
@alainkaiser2697 Жыл бұрын
this is better than 99% of the blog posts out there trying to explain core concepts like this!
@ColorCode-io Жыл бұрын
🙏🏼
@stepanterechshenko54352 жыл бұрын
best explanation of "this" I have found and I was looking in 3 different languages on YT
@ColorCode-io2 жыл бұрын
Glad to hear it!
@nynzxoxo3 жыл бұрын
You deserve so many more views and subs! This content is gold
@ColorCode-io3 жыл бұрын
Thank you :)
@myashkov19752 жыл бұрын
Simple, clear and perfect for beginners explanation of 'this' keyword, thanks, man!
@ColorCode-io2 жыл бұрын
You're very welcome!
@towhid6476 Жыл бұрын
Loved the video explanation. I was following a JS course for a month and this one dominates all
@ColorCode-io Жыл бұрын
Great to hear!
@sharonh3879 ай бұрын
Thanks!
@ColorCode-io9 ай бұрын
Thank you so much
@himanshuarora1910 Жыл бұрын
i really liked it when i can see the person who is teaching ,great work
@ColorCode-io Жыл бұрын
Thank you
@chrismills5307 Жыл бұрын
Amazing video, clear explanation, great communication and presentation skills, and covers all the ins and outs without making it overly complex.
@ColorCode-io Жыл бұрын
Thank you!
@ebcoutinho10 ай бұрын
These videos are helping me to fill the knowledge gaps I have
@Flipping_myFinds3 жыл бұрын
Always liked creating and designing. Programming is a new journey that I’m taking (haven’t had really good inexpensive sources to learn from)and I’m super glad I found you and I know your videos and courses will guide me finally the right way
@ColorCode-io3 жыл бұрын
Great to hear! Best of luck in your journey and reach out to me if you have questions.
@MarstonH Жыл бұрын
dude you are so real and good at explaining. this has helped a lot
@ColorCode-io Жыл бұрын
Thank you!
@Fred-my9er2 жыл бұрын
This was so well explained with good examples. I probably need to rewatch it to remember everything but I understood it all.
@ColorCode-io2 жыл бұрын
👍
@DeepakSharma-ue3pn4 ай бұрын
This video is the perfect summarisation of chapter "this all makes sense now"
@havefun5519 Жыл бұрын
Cool explanation. BTW, the video quality is great, and the speed of the talk is good, like the clear accent.
@ColorCode-io Жыл бұрын
👍
@RAJVEERBIRADAR3606 ай бұрын
i was confused in this from aproximately 1yr i was just asuming it not understanding it true meaninig. thanks to you i was completely able to understand the topic this, (same concept self in python)
@ColorCode-io6 ай бұрын
Glad it helped!
@abhijeetbajpai102211 ай бұрын
Dude, I really love the way of teach things, Really Awesome !! The hat's off to you.
@ColorCode-io11 ай бұрын
Thank you!
@michaelnorton9715 Жыл бұрын
Our WDD 330 Fundamentals of Web Development class at Brigham Young University - Idaho has this video as part of our notes! I like how you explained all of "this" ;) I enjoyed your video start and your energy throughout the video. I got lost on that last part where you set a time-out but I felt like I understand how to use "this" better than I did before. I need to watch your arrow function video. That's one thing that I get tripped up with. Thanks for all the time and work you put into making this video. Liked and subscribed!
@HarelYeh... Жыл бұрын
Really thanks for all the effort, it's really fun to watch and learn from you, you convey it in a pleasant way and not like a robot or excessive seriousness, just a pleasure.
@ColorCode-io Жыл бұрын
Thank you! ♥️
@anuragsingh-ts3nb2 жыл бұрын
best instructor which u cannot even get on paid course, after watching this i became his big FAN!!😊
@ColorCode-io2 жыл бұрын
Thanks dude
@prakharpaw-de7vh Жыл бұрын
came here looking for explanation on the original f***ing a**hole of JavaScript, aka the this keyword. Ended up watching the entire series. Thank you
@ColorCode-io Жыл бұрын
haha nice
@salamina_3 жыл бұрын
Excellent explanations on subjects have always been a mystery to me. Thank you for making these tutorials, really insightful and entertaining.. dig your teaching style. Keep them coming!
@ColorCode-io3 жыл бұрын
I appreciate that. Thank you 👍
@MuhammadUsman-fl7lo2 жыл бұрын
The channel needs more support !
@ColorCode-io2 жыл бұрын
🙏
@syedaun54103 жыл бұрын
Please keep going with your videos. You are really easy to understand and fun to watch.
@ColorCode-io3 жыл бұрын
Thanks :)
@namanjoshi5089 Жыл бұрын
gold mine which isn't known by many .. love this channel
@andresfelipeladinoespitia Жыл бұрын
Thank you very much man. I had to watch it a couple of times, but I finally got the whole *this* concept. Also, you sound 100% like Edward Snowden.
@ColorCode-io Жыл бұрын
Glad to hear it!
@sudiptasaha8905 Жыл бұрын
Hey, your content really adds value to my skillset. Please do make more videos. Love from India ❤
@ivo_sa Жыл бұрын
man, i love your videos ! they are incredibly informative and also funny to watch !
@ColorCode-io Жыл бұрын
Thank you!
@dineshreddy89152 жыл бұрын
perfect, everything is perfect.... The concept , the video, editing , making us attracted, every thing is perfect expecting more video from you (react if possible)
@jatilyadav4000 Жыл бұрын
Content is just amazing I could'nt stop watching
@ColorCode-io Жыл бұрын
I'm glad :)
@uncleswell Жыл бұрын
There is an interesting anomaly with this video.. the sound cuts off right around 0:06.. but only with my earbuds.. skipping or reloading the video at any timestamp past that point does not work.. however, sound works fine without the earbuds.. Have tried debugging the in all sort of different ways.. cant figure it out.. very, very weird!
@edhead7610 ай бұрын
Is bind only used with the keyword 'this'? This is a great explanation, but I had to pause and rewind several times to grasp the concept more fully. Actually, to clarify, this is the BEST explanation I've come across, and I have been searching for the correct way to use 'this' for quite some time!
@kurisu26 Жыл бұрын
Best "this" tutorial I found. Thanks
@stevecrabtree9141 Жыл бұрын
Just found your channel, you would be a blast to work with! I would be dying all day with your humor
@ColorCode-io Жыл бұрын
Who knows, maybe some day :)
@slaincore2 жыл бұрын
You are just awesome explainer/teacher! Keep going my friend!
@ColorCode-io2 жыл бұрын
Thank ya
@prince59222 жыл бұрын
4:15 But I can do this "use strict"; const me = { name: "sina", talk: talk, walk: () => { return this; }, }; console.log(me.walk()); and even though I am in strict mode "this" will refer to window.
@BHASKARARAOKONNA2 жыл бұрын
Your explanation and presentation of the video are so good that I couldn't even wait to share this to my fellow learners and also SUBSCRIBED. Really, you should have got more views and subscribers. Keep up the good work 😀😎🙏
@BigSmoke-r9w9 ай бұрын
Best explanation! I swear to god, this is amazing
@oneofone_13333 жыл бұрын
Man i stubbled on your content, love it!!!! Greetings from Switzerland
@ColorCode-io3 жыл бұрын
Awesome. Thank you. One of my favorite places 🇨🇭
@oneofone_13333 жыл бұрын
@@ColorCode-io Ma man!
@taunado2 жыл бұрын
Great production and all, thanks for sharing. +1 for providing purposeful and real-world use-case cases to provide the context for your teaching. My brain is constantly trying to work out the end goal and why what you're teaching has value, making it difficult to follow along.
@ColorCode-io2 жыл бұрын
Much appreciated!
@asadmoosvi3 жыл бұрын
Love these videos! You explain concepts really well and in great detail.
@ColorCode-io3 жыл бұрын
👍👍👍
@santhoshk92853 жыл бұрын
keep rocking saanaaaaaaaa ... waiting for more 🔥
@ColorCode-io3 жыл бұрын
More coming end of July
@by23133 жыл бұрын
I really like your classes. I'm using them in conjunction with a UDemy course and learning it from a couple folks is helping it sink in a bit more. I hope you do one on the Reduce method.
@ColorCode-io3 жыл бұрын
Awesome. I may do one in August
@davidmmadden3 жыл бұрын
@@ColorCode-io would also love one on reduce!
@erickchavez4551 Жыл бұрын
Nicely explained! thanks for the amazing quality of your videos. Took a bunch of notes to review after watching the video.
@劉奕德-o2s Жыл бұрын
Great explanation! By the way, what actually is the favorite feature mentioned in 2:54 ?
@IlPandax10 ай бұрын
As an italian brother, your italian is perfect! And also your Javascript! XD
@ColorCode-io9 ай бұрын
Grazie mille
@Jmaster547 Жыл бұрын
Hey idk if this is a stupid question. but in the example at 5:54, when I use return `I am ${name}` instead of this.name, I still get the same output for you.talk() and me.talk(). Was wondering why this still works.
@rahulmp71093 ай бұрын
Your presentation style is really awso🎉🎉🎉🎉
@ColorCode-ioАй бұрын
🙏 Thank you
@darksoulgamer58373 жыл бұрын
Love these videos, but could you also share some real world use cases? Like for call, apply,bind etc. Even for this, why do we really need it
@longingbydesign3 жыл бұрын
Thank you for your amazing videos. Please consider dropping the use of the non-standard innerText in favor of the standard textContent as many of your less experienced viewers will pick up that otherwise. innerText has its place (preserving linebreaks and whitespace), but in your examples its really all about textContent.
@ColorCode-io3 жыл бұрын
Thanks for the comment. You obviously pay close attention to detail :)
@yarinvanzikri2 жыл бұрын
love your content and attitude! am here just to say thanks!
@ColorCode-io2 жыл бұрын
Awesome! Thank you!
@AustinThomasFilms3 ай бұрын
Subscribed instantly, your channel is amazing
@ColorCode-ioАй бұрын
Thank you
@programmingforfun4158 Жыл бұрын
I dont know how this type of content can only have 25k views
@MonkeyDLuffy-t2b2 күн бұрын
this is frustrating, this is making mad, this is no joke, this is absolutely terrible, this is nightmare, this is confusing, this is making me cry, this annoys me, this makes me look dumb, but this explanation about THIS is clear and accurate.
@dreamhorizons13412 жыл бұрын
Dude make an full JavaScript course you will nailed it man🔥🔥🔥🔥
@ColorCode-io2 жыл бұрын
It's coming... sign up on www.colorcode.io
@dreamhorizons13412 жыл бұрын
@@ColorCode-io woooh!
@PatelBhaveshgo4glory2 жыл бұрын
Amazing explanation. Keep it up, sir!
@ColorCode-io2 жыл бұрын
Thanks!
@thiagoneves503 жыл бұрын
This is really good! I'm very grateful!
@ColorCode-io3 жыл бұрын
Thanks :)
@tetianazhuchenko2182 Жыл бұрын
Your expectations are great 👍 Thanks
@ColorCode-io Жыл бұрын
Thank you!
@error08032 жыл бұрын
Very good and very high quality video. Thank you. Learned a lot👍🏻
@ColorCode-io2 жыл бұрын
Awesome. You’re welcome 👍
@ann_uken Жыл бұрын
Thank you for the video, very well explained! 💥
@ColorCode-io Жыл бұрын
♥️
@nathanisong93932 жыл бұрын
I love how you interact even though I am not still cool with it yet. But thanks
@ColorCode-io2 жыл бұрын
👍
@TheAmanpro3 жыл бұрын
Thank you so much! Beautifully explained. Keep posting
@ColorCode-io3 жыл бұрын
Thank you, Aman :) More coming next week.
@sortingarray2 жыл бұрын
The best explanation of This 😍
@deepaks9301 Жыл бұрын
How did u focus part of screen what is the software ??
@umarkhankhodjaevАй бұрын
Incredibly good lesson
@weiguo2297 Жыл бұрын
Nice video. Help me to solve my confusion about the meaning of this in JSX callbacks.
@ColorCode-io Жыл бұрын
Nice!
@uncoding_with_raj Жыл бұрын
Amazing tutorial man.
@ColorCode-io Жыл бұрын
Appreciate it!
@mohamedmahmoud-nj1uh11 ай бұрын
your videos are amazing , you give tricky tips when you code , in a smpile ways , please make it 100 things you might don't knoOoOoOow in JS
@ColorCode-io11 ай бұрын
👍🙏
@szanka96 Жыл бұрын
I'm amazed that THIS can be explained without causing a headache. Hit the subscribe button. Thank you so much :)
@ColorCode-io Жыл бұрын
Glad it helped!
@YeetYeetYe2 жыл бұрын
Great editing.
@ColorCode-io2 жыл бұрын
👍🎥🎞
@ayushdixit8993 Жыл бұрын
You are great man!!!!!!!... Very well explained.... Thanks
@ColorCode-io Жыл бұрын
Glad it helped
@gerardomonzione67663 жыл бұрын
Thanks your tutorial is perfect i ' am so glad you did these classes ,please keep doing them. By the way , ciao bella is not polite , 😂😂 is informal you can't use with people you don't know 😂😂 i'm italian
@ColorCode-io3 жыл бұрын
Oh no 😂 sorry!
@raziyehjed3627 ай бұрын
in the 11th minute, you said this " if( lang === "en" )" is very breakable so what do you perefer to do ?
@mabutzke2 жыл бұрын
For the 'setTimeout' working with 'this', isn't also possible to just make inside the constructor function 'const that = this' and use 'that' inside the 'setTimeout' in place of 'this'? You could then truly say, use THIS or use THAT :)
@ColorCode-io2 жыл бұрын
hah nice
@surmanikonsam379310 ай бұрын
does 'this' have to do something with scope chaining?
@Kashan-Ali-111 ай бұрын
What a great job, you're doing!
@randy-rndr2 жыл бұрын
instant subscribe, this channel is really emazing
@ColorCode-io2 жыл бұрын
Thank you
@irenashovel9244 Жыл бұрын
this is amazing! thank you so much for this deep dive!
@KhrystynaKlapushchak Жыл бұрын
Thank you very much:) love your sense of humor;)
@ColorCode-io Жыл бұрын
You are so welcome!
@LowrollerWTF6 ай бұрын
Dude thanks so much for this video as an Italian, I can confirm you you can omit or say °Io° and that is perfectly correct 😁 BTW off topic question: your videos look amazing are you using AE and Premiere or is there a new kid on the block who allows to do this without all that burden?
@ColorCode-io5 ай бұрын
Grazie! I use Final Cut Pro + Apple Motion
@Salah-YT2 жыл бұрын
Hello bro thank u so much for all ur nice videos I Love all ur videos but I work with javascript nearly a year now I'm still struggling so even I cant sort it one simple challenge in the CodeWar website so because I work hard on JS I nearly forgot HTML and CSS so please do some video on CodeWar problem solving so people will love the logic and sorting problem please thank u so much
@boooloool60393 жыл бұрын
Subscribed! because you said " i am qoli" amazingly 😀 and of course such a good video!
@ColorCode-io3 жыл бұрын
Haha awesome #Qoli
@brucewernick65429 ай бұрын
How are you editing functions in the console? I'm trying to follow what you do. When I go to the new line, it evaluates my first line and gives an error!
@ColorCode-io9 ай бұрын
Shift + Enter
@brucewernick65429 ай бұрын
Thanks, I re-watched the video and somewhere you did mention the shift + enter.
@TottiBln3 жыл бұрын
Thank You!!! Greetings from Germany, Berlin!
@ColorCode-io3 жыл бұрын
Hello Germany 🇩🇪
@alirezarezaei74162 жыл бұрын
Thanks a lot. after a lot of exhausting search, i realized this keyword.