Learn JavaScript Scoping In 10 Minutes

Поделиться
HTML-код
  • Опубликовано: 2 окт 2024

Комментарии • 78

  • @njayman
    @njayman 2 года назад +96

    I started learning web development somewhere near 2019. I was still in my undergrad and learning from you. I also used to follow dev Ed, Traversy media, New Boston, Fireship and Net ninja. I have finally landed a job as a JavaScript developer and it's all thanks to you guys. I learn something new every time I watch your videos.

    • @usua1myanmarian
      @usua1myanmarian 2 года назад +3

      Way to go man.

    • @emmm_4465
      @emmm_4465 2 года назад +2

      Congratulations!

    • @dimitargetsov9690
      @dimitargetsov9690 2 года назад +1

      @najish mahmud.With my full respect to You and to the authors listed above:
      please , edit Traverse to Traversy.Brad Traversy deservs it.

    • @DavidTheITGuy.
      @DavidTheITGuy. 8 месяцев назад +1

      How did you easily step in to use javascript basics into projects, it's hard for me here?.

  • @sabayet_hasan_promit
    @sabayet_hasan_promit Год назад +1

    How can I recall a variable outside of the function scope?

  • @lakhveerchahal
    @lakhveerchahal 2 года назад +1

    Thank you Kyle

  • @ythshhshsbsnshegebwnebeben2142
    @ythshhshsbsnshegebwnebeben2142 2 года назад +4

    I know you mainly teach programming and best practices but i would really like to see a video about quickly designing restapis, documentations and databases from you. I know about openapi and a few gui editors and generators but it seems there are nearly no videos about the topic. If you need to designe a prototype backend with a hand full of schemas, yould you start in a Texteditor/IDE or would you choose a more or less automated process in which you define a schema once and use it to generate api, db and doc parts?
    If there is already a video from you about this topic i apologize, thx for reading and keep up the good work.

  • @Fralleee
    @Fralleee 2 года назад +1

    I was expecting some mentions about lexical scope and closures.

  • @js-dev8682
    @js-dev8682 Год назад

    const and let use block scope while var use function scope

  • @ori9390
    @ori9390 2 года назад +5

    This is one of the best channels for those who want to learn the Web Development. Thanks for your efforts, Kyle!

  • @AcrylicHorizonsAbstractArt
    @AcrylicHorizonsAbstractArt 2 года назад +3

    Great explanations for how scoping works! However I'd be hesitant to say you *should* be using module scoping. There are definitely use cases where it's beneficial, but for example I have applications where a lot of variables and data need to be accessible to other scripts running (tracking, analytics, etc) and module scoping would make that more of a pain, so we have a lot scoped globally.
    Either way, great video with great information!

  • @mushfiqaraf5079
    @mushfiqaraf5079 2 года назад +1

    Can you post a video on "Glass website" tutorial with CSS? 🤐

  • @bananatop6059
    @bananatop6059 2 года назад +1

    I just watched your "JavaScript ES6 Arrow Functions Tutorial". You say that you should always use arrow function unless you have a good reason not to. In most of your recent videos you use functions, not arrow function. Have you had a change of mind?

  • @shifronim8950
    @shifronim8950 2 года назад +1

    Hi, check up your sound. Something eating your words, listen 11:00

  • @eduardoburquezsanz1910
    @eduardoburquezsanz1910 2 года назад

    Hi! I like your channel, but you talk so fast, I'm not native english speaker and can't follow you, but it's very interesting for me.
    I've to put on you the speed to .75
    Please!

  • @SuperMukama
    @SuperMukama 2 месяца назад

    Once a thief always a thief, once a colonizer always a colonizer, the world should take heed.

  • @sureshanandsekar4384
    @sureshanandsekar4384 9 месяцев назад

    In React projects , we actually added the type:"module" in package.json . we dont add it manually as far as i knew in react js projects. correct me i am wrong folks.

  • @lutho600
    @lutho600 2 года назад +1

    Congratulations 🎊 man i didn't know you have more than 1 million subscribers.
    Your channel is very helpful,
    love from South Africa 🇿🇦

  • @hypernylium9782
    @hypernylium9782 2 года назад +1

    now, i know you are more of a javascript guy but hear me out. can you try to make a file uploader using html, css, javascript and php with a loading bar? btw love you content. watch all of you're videos 😅

  • @raymondbyczko
    @raymondbyczko 2 года назад +1

    'let' is my friend. 'var' is subject to hoisting in the function context, which makes things messy I would think. Good work as always Kyle!

  • @kastussha1418
    @kastussha1418 2 года назад

    You've got 1million!!!

  • @lann1sterroy
    @lann1sterroy 2 месяца назад

    Thanks a lot Kyle, very clear explanation as always !

  • @derickmoncado
    @derickmoncado 2 месяца назад

    another banger from our boy Kyle

  • @daedalus5070
    @daedalus5070 2 года назад +1

    Great one-stop video on scope. Wrote something the other day and scope was the only thing wrong with any of it!

  • @ara-ara845
    @ara-ara845 3 месяца назад

    well explained thanks alot... God bless

  • @saurabhs4743
    @saurabhs4743 2 года назад +1

    Bro also create videos on source control in vs code

  • @emanuelecampora1999
    @emanuelecampora1999 2 года назад +1

    Can you make a video about promise scope?

  • @larrylam2914
    @larrylam2914 2 года назад +1

    love this type of videos!! they are so informative while the topics may seem easy or general, but i learn things I didn't know every time

  • @gabrielv1856
    @gabrielv1856 2 года назад +1

    Hello Kyle, first and foremost, thanks a lot for simplifying things a lot with your tutorials and lessons. I cant recall for how long ive been watching your channel but its been a while... (times goes really fast man...)
    I am currently working on a personal project that driving me to scope hell. The thing is that certain parts of the code (not just variables and functions) must me accessible by other parts of the code but some shouldnt and thus causing a headache were to place the scope of what. Another problem is that i know that by now there are a "managable" amount of code i can handle but it will become a monster with all the different parts of the project

  • @harunjonuzi
    @harunjonuzi Год назад

    Why did he write moduleScript.js, but that .js file was actually not declared in the html file?

    • @sureshanandsekar4384
      @sureshanandsekar4384 9 месяцев назад

      That is just to show case the module concepts like exports , imports . it s not necessary to load it in .html file. as far as i know

  • @HawkMcDork
    @HawkMcDork Год назад

    cool, my question is, if i create (or change) a variable inside of a function and want to use that new variable OUTSIDE of the function, how do i do that?

  • @alwysrite
    @alwysrite 2 года назад +1

    if I create a js file, how do I know if it is module scope or not?

    • @ashkanahmadi
      @ashkanahmadi 2 года назад

      It's never a module unless you specifically specify type="module"

  • @deatho0ne587
    @deatho0ne587 2 года назад

    Things like TSlint normally throw Warnings in the case of multiple variables with the same name in the same file, due to it is a bad practice.

  • @wisdomngwueche469
    @wisdomngwueche469 2 года назад

    I wish you can be my personal teacher holding by my hand. I can work for you for free for a while. Please consider my offer.

  • @luisaborba4829
    @luisaborba4829 5 месяцев назад

    OMG you're video made so much more sense than the way my teacher was explaining scope to us at the bootcamp. Thank you so much Kyle!!

  • @wpxpert98
    @wpxpert98 2 года назад

    Thank you Kyler

  • @BalaSubramanian-fl1fl
    @BalaSubramanian-fl1fl 4 месяца назад

    Amazing Explanation

  • @sowjanyasiddamshetty1532
    @sowjanyasiddamshetty1532 2 года назад

    Hi Kyle, could you please do a video on decorators in javascript?

  • @parekhnirajj123
    @parekhnirajj123 2 года назад

    Plz make a video on class constructor and methods in js

  • @99baddar
    @99baddar 2 года назад

    Can you create a video or series of video for mern app with docker

  • @masonnash9396
    @masonnash9396 Год назад

    Thanks Kyle!

  • @josenunez8314
    @josenunez8314 Год назад

    this guy is the most 2000's looking guy I have ever seen.

  • @Juzzyjuzzy
    @Juzzyjuzzy 2 года назад

    Great explanation. Thanks for the illustration.

  • @NedumEze
    @NedumEze 2 года назад

    Kyle is a born Teacher. Thanks, Bud

  • @Peywan
    @Peywan 4 месяца назад

    thank you!

  • @iambrijeshtoo
    @iambrijeshtoo Год назад

    Thank you!

  • @SchnippSchnappShnappi
    @SchnippSchnappShnappi Год назад

    Thank you I finally fully understood!

  • @aalaeytb
    @aalaeytb Год назад

    helpful😍

  • @InezhInezh
    @InezhInezh Год назад

    Best 🙂

  • @Harish-rz4gv
    @Harish-rz4gv 2 года назад

    Do javascript have statistics module?

  • @DavidTheITGuy.
    @DavidTheITGuy. 8 месяцев назад

    Your passion is teaching code bro

  • @jesusmanueldelvallepedros2608
    @jesusmanueldelvallepedros2608 Год назад

    1:45 I tried the exact same code but I keep getting the following error message "SyntaxError: Cannot declare a const variable twice:" Any help would be appreciated 😀

  • @MinistryofJavaScript
    @MinistryofJavaScript 2 года назад

    Great share as usual.

  • @Arabian_Abomination
    @Arabian_Abomination 2 года назад

    Thanks Kyle 💯

  • @adebayoomolumo1938
    @adebayoomolumo1938 2 года назад

    Congratulations on 1million

  • @canerucar34
    @canerucar34 2 года назад

    thanks for videos

  • @busyrand
    @busyrand 2 года назад

    Agreed. He's amazing.

  • @thatsawesome.
    @thatsawesome. 2 года назад

    YESSIR!

  • @carafachera4781
    @carafachera4781 Год назад

    Thank you Kyle !!

  • @tejibel2800
    @tejibel2800 2 года назад

    Hey Kyle, i'm returning to writing typescript after almost a decade. I love your videos! Great use of clean code. I see you barely use semi-colons. Could you explain or maybe make a short on when to use them? Keep up making the great content.

    • @JunGull
      @JunGull 2 года назад +1

      JS doesn't require semi-colons. As far as I know, it automatically places then when it's parsed. It's pretty much up to you if you want to add them manually or not.

    • @tejibel2800
      @tejibel2800 2 года назад

      @@JunGull Thanks for the response. I didn't think it was just a style choice! I'll just assume that for now. If i ever find an exception i'll return here to share so.

    • @navidghasemi9685
      @navidghasemi9685 Год назад

      @@tejibel2800 they are not just style choices! sometimes you need them to avoid misunderstanding js

  • @valeriousmonk654
    @valeriousmonk654 2 года назад

    Thank you!

  • @geetanshusharma3727
    @geetanshusharma3727 2 года назад

    I am here

  • @adarsh-chakraborty
    @adarsh-chakraborty 2 года назад

    First?

  • @collinl.179
    @collinl.179 Год назад

    I can not see the video, (only sound).

  • @marvinjones689
    @marvinjones689 2 года назад

    Do u mentor

  • @learningjoe1823
    @learningjoe1823 2 года назад

    Hey codingwithgaurav(Dodo) here.

  • @raymondbyczko
    @raymondbyczko 2 года назад

    I like using the type="module" designation, and then do the import within it. If I then actively add imported functions to button click bindings (using a bit of jQuery), they do not go away, since they are in the DOM (correct me if I am wrong). Even though the module will go away after its processed. Something like this (just adding my 1 cent and excuse the blade notation). This is for a trail/trip planner app I am writing:
    import {stopAdvance, updateTrailList} from "/js/geolocation.js";
    $('#trail_prev').click(()=>{
    let current = $('#trail_controller_index_data').data('current');
    if (current == 0) {
    return;
    }
    current = current - 1;
    updateTrailList(current, {{ $max }}, {!! count($list) !!});
    $('#trail_controller_index_data').data('current', current);
    });
    .
    .
    The above is recent working code fragment. If I recall doing the following does not
    work:
    Probably due to the inability to use *import* with the *src*.

  • @piotrszczesniak
    @piotrszczesniak Год назад