The Importance of THIS in Javascript

  Рет қаралды 21,894

developedbyed

developedbyed

Күн бұрын

Check out my web development courses here 🔥
developedbyed.com
In this video, we dive into the power of JavaScript's "this" keyword and explore how it can be used to create a simple library for DOM manipulation and animation. With the help of examples and explanations, you'll learn how to leverage "this" in combination with "apply", "call", and "bind" to build your own jQuery-like functionality.
We start by understanding the concept of "this" and its role in JavaScript. Then, we demonstrate how to create a lightweight library called miniQuery using the "this" keyword. The library allows you to select DOM elements, add classes dynamically, and apply fade-in and fade-out animations.
Throughout the video, we explain each step in detail and provide clear code examples. By the end, you'll have a solid understanding of "this", apply", "call", and "bind", as well as how to create your own DOM manipulation library.
Key topics covered in this video:
- Introduction to "this" keyword in JavaScript
- Exploring "apply", "call", and "bind"
- Building a lightweight library using "this"
- Selecting DOM elements and adding classes dynamically
- Creating fade-in and fade-out animations
🛴 Follow me on:
Twitch: / developedbyed
Twitter: / developedbyed
Instagram: / developedbyed
Github: github.com/dev...
#programming #javscript

Пікірлер: 73
@developedbyed
@developedbyed Жыл бұрын
Let's take a break from all these frameworks and focus on what actually matters... Javascript
@maherylala2153
@maherylala2153 Жыл бұрын
Yes, a lot of people only know how to code with certain framework and not vanilla js which is totally weird
@avikroy1236
@avikroy1236 Жыл бұрын
Nice one! "this" always becomes a headache
@shubhamrasal8930
@shubhamrasal8930 Жыл бұрын
Please continue with this format. It's really fun and gooood 🔥
@BMikel
@BMikel Жыл бұрын
Great! Please keep up the series! Greetings from Ukraine, Buccha
@zhanezar
@zhanezar Жыл бұрын
please do more of these , thsi was really great
@danmaina9731
@danmaina9731 Жыл бұрын
I have never wrap my head around the this keyword until this video. Short and concise. Thanks very much.
@thegrumpydeveloper
@thegrumpydeveloper Жыл бұрын
Once I mastered “this”, I spent the rest of my js career actively trying to avoid its complexity and have not missed it.
@itsnerd404
@itsnerd404 Жыл бұрын
Thanks ED Really Appreciate Your Hard Work
@cypher0166
@cypher0166 Жыл бұрын
My favorite Dev
@karlstenator
@karlstenator Жыл бұрын
I've recently built m first Javascript class for input validation, and it works brilliantly. 🥳 So much easier to maintain and manage.
@prasanthmoolethodi3152
@prasanthmoolethodi3152 Жыл бұрын
Thanks a lot bro
@RVAraghav
@RVAraghav Жыл бұрын
I love this video series! Thank you! Btw what’s your camera?
@dauda-dev5554
@dauda-dev5554 Жыл бұрын
These small tips, explanations of plain javascript are excellent :)
@icoderdev
@icoderdev Жыл бұрын
Thanks for always creating contents like these... ❤❤❤❤❤❤❤❤
@Terms-and-Conditions
@Terms-and-Conditions Жыл бұрын
you mean content like.this
@cobrax707
@cobrax707 Жыл бұрын
20:28 you little svelty boyyy
@naranyala_dev
@naranyala_dev Жыл бұрын
the pure web, awesome series
@melvinwelton3528
@melvinwelton3528 Жыл бұрын
I love these! I've been coding for a few years and your videos are super helpful. So thank you 🙏
@danielhultcodes
@danielhultcodes Жыл бұрын
I really appreciate these vanilla JS videos!
@CodeOnBlocks
@CodeOnBlocks Жыл бұрын
What VS Code theme are you using? It's the best I've ever seen.
@baahbernard4183
@baahbernard4183 7 ай бұрын
You are amazing. 💫 I learnt a lot.
@francocrovo8394
@francocrovo8394 11 ай бұрын
This is great, and I guess that by saying "this" right now, I'm talking about the video... For some reason some hours ago I was wondering about how jQuery was made, all those chain functions, I didn't expect to get the answer here.
@user-gp6si9vw3j
@user-gp6si9vw3j 10 ай бұрын
Thanks alot Ed, you're a gift to any aspiring or pro programmer and i enjoy this, much more i really do learn alot from your videos even though i cant comment on all of them or likes but worry not...opportunity will present itself at its time. keep up the good work!
@ahad1031
@ahad1031 Жыл бұрын
Very helpful thanks😍
@Jorgeee
@Jorgeee Жыл бұрын
Why would we want to use bind instead of just taking a parameter with an object and accessing the object properties from inside the function? Is there any advantage?
@salmanfarshisajib6512
@salmanfarshisajib6512 Жыл бұрын
I think focusing in javaScript is a great decision. ❤✌
@alfiartya23
@alfiartya23 Жыл бұрын
I've been learning JS in 1 year, but this concept of Call, Apply and Bind really made me confuse everytime. Thanks Ed for this explanation video!
@j-0-n-e-z
@j-0-n-e-z Жыл бұрын
Why do we need document.querySelectorAll.call(document, selector)? Isn't it just complicated version of document.querySelectorAll(selector)? I don't get it
@joshmorgantech
@joshmorgantech Жыл бұрын
Bro you're on the level where someone breathes Code 😀😀😀😂 Thanks so much for the service we appreciate your tutorials🙏🙏
@juliensavary
@juliensavary Жыл бұрын
great work im learning right by you ed! typescript is a yes for me
@joshcool
@joshcool Жыл бұрын
Love this!
@ilkou
@ilkou Жыл бұрын
We can also do a 'return this' instead of 'return library' ✌🏼
@BMikel
@BMikel Жыл бұрын
yes Indeed
@Darkfault
@Darkfault 8 ай бұрын
Hey, do you use your drawing tablet as a second screen when coding?
@huseynfy
@huseynfy Жыл бұрын
Thank you!
@wisdomelue
@wisdomelue Жыл бұрын
this was a spectacular video🔥
@aljehammuaadh9079
@aljehammuaadh9079 Жыл бұрын
Its a nice video but which i didn't get is : when you call the call back function after querySelectorAll . Does call back function (call) take more than 1 parameter ???
@kickflipz
@kickflipz Жыл бұрын
Love this type of content, and yeah I agree I love learning what's happening under the hood all of these JavaScript frameworks. And I love and need to learn about typescript so yes please!!! 😍
@samnmeje3486
@samnmeje3486 Жыл бұрын
What is your vscode theme
@taylortoast2
@taylortoast2 Жыл бұрын
Very good, Ed!
@jxs489
@jxs489 5 ай бұрын
Hello Ed, i cannot find subtitle switcher like i watch your video on youtube. I want to buy this course but i'm not good at listening English, I need subtitle when watch video. Can you add subtitle on your website's course video.
@n3uron_bloom938
@n3uron_bloom938 Жыл бұрын
What theme do you use for VScode? I like it :)
@CodeOnBlocks
@CodeOnBlocks Жыл бұрын
Did you find out what the theme was called? I'm trying to figure it out as well.
@annisfun1993
@annisfun1993 Жыл бұрын
i think its Atom one dark
@Seven77tw
@Seven77tw 6 ай бұрын
thank you♥
@user-in2gp8zr4i
@user-in2gp8zr4i Жыл бұрын
Hi and thank you. Where do I can find console in edge browser?
@louptreize
@louptreize Жыл бұрын
Amazing 😲
@deepumon.d3148
@deepumon.d3148 Жыл бұрын
Great 🥰
@ValleyDigitalMarketing
@ValleyDigitalMarketing Жыл бұрын
A breath of fresh air dudes got the formula down.
@volavidinspiredclothing8984
@volavidinspiredclothing8984 Жыл бұрын
@developedbyed. Can you share your Gadget setups pls?
@DeepLook1
@DeepLook1 Жыл бұрын
Pleaae make js videos that most use in javascript frameworks.
@waleedsharif618
@waleedsharif618 Жыл бұрын
In ReactJs we dont have “this”, right?
@naranyala_dev
@naranyala_dev Жыл бұрын
but with tailwind css
@kasiawu
@kasiawu Жыл бұрын
I love watching you. :D
@41ex
@41ex Жыл бұрын
no one's ever called me a sexy sausage before.... i like it....
@samarnagar9699
@samarnagar9699 Жыл бұрын
discord where????
@aps69
@aps69 Жыл бұрын
Add chapters ed
@deepakbhange5715
@deepakbhange5715 Жыл бұрын
Isn't jQuery also do that
@pepumarius2006
@pepumarius2006 Жыл бұрын
there is no magic to these frameworks. They are just JS with some compiler magic :)))
@ahmedsiddiqui2083
@ahmedsiddiqui2083 Жыл бұрын
Waiting for your redux full beginning to advance video 😢😢
@millennia
@millennia Жыл бұрын
This could be a course 🥳🥹
@ilkou
@ilkou Жыл бұрын
use this comment replies to argue about next and svelte 🔥🔥
@craizytech9056
@craizytech9056 Жыл бұрын
😂bruh not the sausage
@samnmeje3486
@samnmeje3486 Жыл бұрын
You didn't mention nuxt and Vue js 😂😂😂
@harmonreiner7992
@harmonreiner7992 4 ай бұрын
your playlist is a mess...you have vids that are repeats of other vids...24,25,26,30,31,43,45
@omarkraidie
@omarkraidie Жыл бұрын
Get outta here! :D
@brandmasis
@brandmasis Ай бұрын
are you 25?
@kurdm1482
@kurdm1482 Жыл бұрын
what theme is that, please
Page Transitions with 0 Lines of JAVASCRIPT!
6:19
developedbyed
Рет қаралды 45 М.
Learn JavaScript OBJECTS in 7 minutes! 🧍
7:01
Bro Code
Рет қаралды 53 М.
Чёрная ДЫРА 🕳️ | WICSUR #shorts
00:49
Бискас
Рет қаралды 6 МЛН
Little brothers couldn't stay calm when they noticed a bin lorry #shorts
00:32
Fabiosa Best Lifehacks
Рет қаралды 21 МЛН
女孩妒忌小丑女? #小丑#shorts
00:34
好人小丑
Рет қаралды 85 МЛН
What is THIS keyword in JavaScript? - Tutorial for beginners
26:40
Visually Understanding JavaScript Prototypes
14:58
Steve Griffith - Prof3ssorSt3v3
Рет қаралды 53 М.
A Full Guide to CSS UNITS!
13:38
developedbyed
Рет қаралды 15 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 945 М.
DSPy Explained!
54:16
Connor Shorten
Рет қаралды 58 М.
5 JavaScript Concepts You HAVE TO KNOW
9:38
James Q Quick
Рет қаралды 1,4 МЛН
Покупка бюджетного ПК на Wildberries? 🤬
0:59
Электронный звонок #shorts
0:26
TheBestBike
Рет қаралды 627 М.
📱магазин техники в 2014 vs 2024
0:41
djetics
Рет қаралды 1,1 МЛН