Javascript Objects and Keyword This | Javascript Tutorial For Beginners

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ม.ค. 2019
  • Check out my courses and become more creative!
    developedbyed.com
    Javascript Objects and Keyword This | Javascript Tutorial For Beginners
    In this video series we are going to learn modern javascript from scratch. This video is recommended for anyone wanting to learn javascript the modern way with ES2015. No previous programming knowledge is required, so this video series will help you learn javascript as your first programming language.
    If you want to learn how to create objects in javascript you have come to the right place. We will also be looking at the confusing this keyword in javascript that alot of people find confusing.
    Things covered in this video:
    Javascript this keyword,
    How to create javascript objects.
    How to attach methods to javascript objects.
    📔 Materials used in this video:
    VSCode: code.visualstudio.com/
    🛴 Follow me on:
    Twitter: / deved94
    Github: github.com/DevEdwin
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 128

  • @kal_4life
    @kal_4life 3 ปีที่แล้ว +20

    i like how he is calm, and chill and does not like to rush

  • @rickgale3182
    @rickgale3182 5 ปีที่แล้ว +59

    These tutorials are increasing my understanding of Javascript by leaps and bounds. Thank you, Ed!

  • @gabrielesu
    @gabrielesu 5 ปีที่แล้ว +32

    Finally, a video on 'This' that didn't confuse me 😭

  • @Jacksononduty
    @Jacksononduty 5 ปีที่แล้ว +69

    I absolutely love what you're doing buddy. You always put a smile on my face when I sit down to code.

    • @developedbyed
      @developedbyed  5 ปีที่แล้ว +32

      That was my goal with this channel, try to get people happy/excited to learn! Thanks for the lovely comment!

    • @damianperera927
      @damianperera927 4 ปีที่แล้ว +1

      @tom jackson Soo true

  • @gavr1loo
    @gavr1loo 4 ปีที่แล้ว +18

    Dude...i FINALLY understood keyword THIS!!! Thank you so much!
    Easy to understand when you explain it in a way you did. Awesome!

    • @victor-ld3bx
      @victor-ld3bx 2 ปีที่แล้ว

      bro how is your programming going

  • @FranciscoGonzalez-zx8uc
    @FranciscoGonzalez-zx8uc 4 ปีที่แล้ว +13

    You are a great teacher Ed ! I loved the explanation of the "this" and window, everything is much more clearer now. Thank you !

  • @anonymous.youtuber
    @anonymous.youtuber 4 ปีที่แล้ว +18

    Very good explanation of “this”. I like your style, it’s relaxing and takes away the anxiety of the learning process.

  • @VenomTheChosenOne
    @VenomTheChosenOne 3 ปีที่แล้ว +1

    Ed bro you're a legit great instructor. No monotone stuff in your tutorials. Always excited!!

  • @MrRazvan05
    @MrRazvan05 4 ปีที่แล้ว

    i looked at a lot of tutorials about "this", but this made me understand it finally! thank you

  • @medio_cre
    @medio_cre 2 ปีที่แล้ว

    For the first time I got full understanding of what is "this" and methods in objects! Kudos to Edwin!!!

  • @nilsromer8960
    @nilsromer8960 3 ปีที่แล้ว

    Dude this is probably the best tutorial series I have ever seen !

  • @altamashjawad6691
    @altamashjawad6691 3 ปีที่แล้ว

    Thank you so much. I have been trying to grasp the idea of THIS for a day now and buddy you have made it sound so simple. Great work Ed!

  • @yazeedzaid220
    @yazeedzaid220 4 ปีที่แล้ว

    the best and the only youtube teacher that explains things and everybody can understand them

  • @HostDotPromo
    @HostDotPromo 5 ปีที่แล้ว +5

    Great break down of this 🙌

  • @strategic1337
    @strategic1337 ปีที่แล้ว

    recently discovered these, they have been super helpful. thank you.

  • @wogrem5611
    @wogrem5611 10 หลายเดือนก่อน

    You are a great teacher You are ! I loved the explanation of the "this" and window, everything is much more clear now. Thank you ! Keep It up

  • @parthy5386
    @parthy5386 3 ปีที่แล้ว

    THIS video is the best explanation for 'THIS' i ever found. Thank my gorgeous friend Edwin

  • @Xxxsorrow
    @Xxxsorrow 4 ปีที่แล้ว +4

    7:00 that was so helpful, thank you!

  • @thomaskahr990
    @thomaskahr990 4 ปีที่แล้ว

    Big thank you. Know This makes a lot more sense. Finally I got it.

  • @firestarterman6889
    @firestarterman6889 3 ปีที่แล้ว

    Ed .. I just wanna thank you so much!
    I always wanted to learn javascript but I dreaded it it because it uses math and it's so much more complicated than HTML and CSS, and I could even understand Python much easier...
    probably because python reminds me more of Basic.. and Javascript is more like C++ and Pascal
    Especially when I saw tons of other tutorials... and they all looked so overwhelming... But you make it so easy like a breeze!
    I'm finally enjoying in learning Javascript!

  • @Helldivers2Guy
    @Helldivers2Guy 3 ปีที่แล้ว +1

    Oh THIS is a good explanation! Thank you.

  • @amycross5430
    @amycross5430 5 ปีที่แล้ว +4

    Dude you are awesome!!!

  • @navikmeister6519
    @navikmeister6519 3 ปีที่แล้ว

    I watched a lot of Tutorials about JS, when i saw your videos i was like, no way he cand explain that much in 8-10 minutes. But i was wrong, you're awesome Dude, JS is so fun now.

  • @alejandrogarcia7349
    @alejandrogarcia7349 4 ปีที่แล้ว

    Thank you for busting out the crayons and explaining for me like if I was in 1st grade. love it!!

  • @shuvod3425
    @shuvod3425 ปีที่แล้ว

    Thank you for clearing my concept about this.
    JavaScript this is really a tricky item to use.
    "Only last statement is enough, this will target an object if it is invoke with that function if not it will always referred to global object"

  • @heavydirtysoul1491
    @heavydirtysoul1491 3 ปีที่แล้ว

    tha was really helpful for me. i think that i understand what 'this" is. and now i know that there is the window object, and that usual functions are just methods for the window object. thanks a lot!

  • @imankit12feb89
    @imankit12feb89 4 ปีที่แล้ว

    You are the best teacher so far.

  • @hank7898
    @hank7898 3 ปีที่แล้ว +1

    I'm hearing someone laughing and seeming cheerful for the first time in ages and its legit making my well up

  • @martinmclean5985
    @martinmclean5985 4 ปีที่แล้ว

    Pure magic, my enthusiastic internet teacher friend!

  • @TechnoNates
    @TechnoNates 2 ปีที่แล้ว

    this is gold man. Thank you so much

  • @tacva2607
    @tacva2607 3 ปีที่แล้ว

    Excellent tutorial.Thanks Dev

  • @sajjadleith5958
    @sajjadleith5958 3 ปีที่แล้ว

    Thanks ED for these tutorials I hope u make more of these :)

  • @christianjoshuabayot5548
    @christianjoshuabayot5548 2 ปีที่แล้ว

    Recalling my javascript knowledge at 2021 to be a front end developer. You dev ed your fucking good at teaching .more vid for front end dev.

  • @freddy7304
    @freddy7304 4 ปีที่แล้ว

    Best explanation ive heard so far, i get it now.

  • @ramadhanekaprawiralubis6925
    @ramadhanekaprawiralubis6925 2 ปีที่แล้ว

    thank you sir, now i understand keyword "this"

  • @sebipoiana1768
    @sebipoiana1768 2 ปีที่แล้ว

    Ed, these video tutorials are amazing! Are you also going to explain Setters and Getters as well please? I am very bad at those ones bcs I don't get WHY we need them! Thank you!

  • @juanpunch8473
    @juanpunch8473 3 ปีที่แล้ว

    thankss for this awsome vid, this keyword is really confusing to me

  • @DavidHdezES
    @DavidHdezES 3 ปีที่แล้ว

    This video is the best of "this" videos.

  • @reinaogo7161
    @reinaogo7161 3 ปีที่แล้ว

    Thank you very much for sharing ur knowledge^^ God bless you

  • @alexvech
    @alexvech 5 ปีที่แล้ว +1

    you were born to teach !

  • @conorbase7776
    @conorbase7776 3 ปีที่แล้ว

    Nice Video. I'm new to JS.

  • @themindfulcog
    @themindfulcog ปีที่แล้ว

    My guy, I've been watching so many tutorials on objects, and methods I'm going to go watch your methods now.. my brain has been melting I don't know why I couldn't get it, after your video it seems so easy lol
    Tldr; thank you

  • @marioarriola1799
    @marioarriola1799 4 ปีที่แล้ว +1

    wow thanks so much it was so easy to understant what means this ))) great thanks if i write about it in spanish i will give you the credit thanks again :).

  • @arzedigitallearning8925
    @arzedigitallearning8925 4 ปีที่แล้ว

    you are amazing man, from iran!

  • @shaik_mohammedimran
    @shaik_mohammedimran 3 ปีที่แล้ว

    Hi Ed, really cool & understandable
    Also make the video for Typescript DTO & fetch api's

  • @lilliesan
    @lilliesan ปีที่แล้ว +1

    You are such a great teacher Ed

  • @user-xo4iu2es3e
    @user-xo4iu2es3e 4 ปีที่แล้ว

    Very good lessons!

  • @shahrukhpinjari1987
    @shahrukhpinjari1987 3 ปีที่แล้ว

    ohhh man after watching 3-5 vdoz now i understand what is 'this' by ur explanation method.

  • @damislav
    @damislav 3 ปีที่แล้ว

    this helped a lot

  • @RameenFallschirmjager
    @RameenFallschirmjager 5 ปีที่แล้ว

    there is no need to make any fuss about "this". this seems very intuitive to me!

  • @brennaharden7354
    @brennaharden7354 3 ปีที่แล้ว

    'this' video saved my life in 2021 :')

  • @CloutGenie
    @CloutGenie 4 ปีที่แล้ว

    THis dude is nice with it!!!

  • @mumenrider002
    @mumenrider002 4 ปีที่แล้ว

    You're so good!

  • @frankjustice2344
    @frankjustice2344 3 ปีที่แล้ว +1

    I need that on a t-shirt. "Look at the left of the dot and you'll know what this is."

  • @ianpropst-campbell6028
    @ianpropst-campbell6028 ปีที่แล้ว

    Great tutorial! Is "this" kind of like "self" in python?

  • @kaokaoylan4510
    @kaokaoylan4510 2 ปีที่แล้ว

    //Finally I know about "this " !

  • @Randomcharacters285
    @Randomcharacters285 2 ปีที่แล้ว

    This guy is a f***ing legend man

  • @itcertifications6066
    @itcertifications6066 3 ปีที่แล้ว

    thankYou Ed. I am from India. I don't know you are from which country?. The videos are awesome. It is one of the best videos on javascript available on TH-cam. please do upload advanced javascript videos and also projects related to javascript.

  • @pedroandrespalaciopalacio2028
    @pedroandrespalaciopalacio2028 ปีที่แล้ว

    God sent man !

  • @Montagious
    @Montagious 3 ปีที่แล้ว

    Thank you dev ed for making me feel that I am not alone. this keyword always confuses me

  • @theincubatorspirit
    @theincubatorspirit 3 ปีที่แล้ว

    Thanks bro. Please increase your vs code font.

  • @Mast3rDesign
    @Mast3rDesign 2 ปีที่แล้ว

    ur a great guy

  • @mohammadanarul624
    @mohammadanarul624 5 ปีที่แล้ว

    thank you so much....

  • @AnaRamirez-ng1tj
    @AnaRamirez-ng1tj 2 ปีที่แล้ว

    I finally understood what the hell THIS is 😭 Thank you!

  • @bahidev9245
    @bahidev9245 4 ปีที่แล้ว

    you are my hero

  • @abdurrahaman3950
    @abdurrahaman3950 5 ปีที่แล้ว +2

    you are great bro! but i think you should try your best and please make a video on how to build logic on js

  • @terkuz103
    @terkuz103 4 ปีที่แล้ว

    Why if I use an arrow function named 'apples' It doesn't saves in the Window object?

  • @techtips4019
    @techtips4019 5 ปีที่แล้ว

    thanks for the vids

  • @alinoorfaiyaz1015
    @alinoorfaiyaz1015 4 ปีที่แล้ว

    Love from Bangladesh

  • @priyanzhu
    @priyanzhu ปีที่แล้ว

    Bro what is the name of the initial intro music? I loved it

  • @jeffjames15
    @jeffjames15 2 ปีที่แล้ว

    I enjoyed this.video

  • @ronit8067
    @ronit8067 4 ปีที่แล้ว

    can we use the "object" like a Class?

  • @kyomdonalddogo5775
    @kyomdonalddogo5775 8 หลายเดือนก่อน

    Hey I'm still confused about this keyword , cus its different from java and i thought its the same like java but isnt. Have any stuff i can read to get it? Thanks

  • @aliansari902
    @aliansari902 3 ปีที่แล้ว

    I love you broh,you are 100% amazing keep going on :)

  • @kaid3566
    @kaid3566 2 ปีที่แล้ว

    "We bought a car...cuz we have a lot of money...but we actually don't..." is LITERALLY the saddest thing I've ever heard in any coding video. But seriously, you are funny and informative, keep it up!

  • @MattDvc
    @MattDvc 3 ปีที่แล้ว

    so this is like self in Py?

  • @raitasorin
    @raitasorin 3 ปีที่แล้ว

    yu da best

  • @codyhuntington6956
    @codyhuntington6956 4 ปีที่แล้ว

    A way that I find to think about is that you basically are creating your own local window that you are referencing!

  • @umoooo
    @umoooo 3 ปีที่แล้ว

    you are awesome

  • @michaelxaviercanonizado7931
    @michaelxaviercanonizado7931 2 ปีที่แล้ว

    what theme is that?

  • @ocxigin9220
    @ocxigin9220 3 ปีที่แล้ว

    i came here to commemt just to let you know that i love your intro

  • @jatinmehra5705
    @jatinmehra5705 3 ปีที่แล้ว

    Which intro music is this?

  • @bumbledex
    @bumbledex 4 ปีที่แล้ว

    what is the difference between window and using this.. I figured they console log the same result but they have different datatype

  • @gavingonzalez7174
    @gavingonzalez7174 5 ปีที่แล้ว +2

    Love the accent 🤩

  • @ImmortalPlayz
    @ImmortalPlayz 3 ปีที่แล้ว

    Thank you for busting out the crayons

  • @TomoTechno
    @TomoTechno 3 ปีที่แล้ว

    ED, how to find you in LinkedIn?

  • @freguenshoodjean5841
    @freguenshoodjean5841 ปีที่แล้ว

    We buy a car cause we have a lot of money, but we actually dont.😂😂😂😂😂😂
    That's the reason why learn from Ed ismso funny and easyyy..

  • @soumikroy6683
    @soumikroy6683 3 ปีที่แล้ว

    So.... _this_ is like _dir()_ of python.?

  • @WhyWeird
    @WhyWeird 3 ปีที่แล้ว

    so "this" is very similar to "self" in python and if you don't understand "this" then you should try to understand it before building your project because believe me it will make everything a lot easier to do

  • @aseel1024
    @aseel1024 5 ปีที่แล้ว

    well explain! thx
    what does ${ } means? is this in es6 !

    • @muralikrishnan-m
      @muralikrishnan-m 4 ปีที่แล้ว +4

      let's see it with eg:- var animal = "dogs" ;
      console.log("I love " + animal) //output: I love dogs
      (or)
      console.log(`I love ${animal}`) //output: I love dogs
      in the 2nd console.log, we used that ${} if we have more than one variable we can use this ${}. It will be helpful. But beware you have to use ``.

    • @aseel1024
      @aseel1024 4 ปีที่แล้ว +1

      @@muralikrishnan-m thx bro

    • @muralikrishnan-m
      @muralikrishnan-m 4 ปีที่แล้ว

      @@aseel1024 😇

  • @MrGigi-dz9cv
    @MrGigi-dz9cv 3 ปีที่แล้ว

    'This' is an array of properties for a html object.

  • @joniboii1468
    @joniboii1468 3 ปีที่แล้ว

    6:10 i typed in the exact same things and nothing happened and my console says unexpected identifier right after this part:
    sayName: function() {

  • @gavingonzalez7174
    @gavingonzalez7174 5 ปีที่แล้ว

    Can I say I learned JavaScript once I get though the seres

  • @augischadiegils.5109
    @augischadiegils.5109 2 ปีที่แล้ว

    ❤️❤️❤️❤️❤️

  • @leonidmatveychev1931
    @leonidmatveychev1931 4 ปีที่แล้ว

    i love you

  • @northstarcode8675
    @northstarcode8675 3 ปีที่แล้ว

    I get it, but... how and when do I use it? :(

  • @robertm4795
    @robertm4795 2 ปีที่แล้ว

    I understand how to use the "THIS" keyword but I am confused why they use it. Wouldn't it be easier just to add the object name instead of this.

  • @mallikarjunvelivela
    @mallikarjunvelivela ปีที่แล้ว +1

    Bro is your married: true now😂

  • @Jsmny44
    @Jsmny44 ปีที่แล้ว

  • @heavydirtysoul1491
    @heavydirtysoul1491 3 ปีที่แล้ว

    00:45 I don't worry, thanks