The Best Way to Include JavaScript Files in Your HTML - Modules & Defer Tutorial

Поділитися
Вставка
  • Опубліковано 16 січ 2025

КОМЕНТАРІ • 17

  • @licokr
    @licokr Рік тому +1

    Clean, fast and slim, only necesssary information.👍👍👍 Thank you!

  • @fuadcs22
    @fuadcs22 Рік тому +4

    You can use alt+up/down arrow to move current line up or down instead of copy paste.

  • @dev_ression
    @dev_ression Рік тому

    Learning something new every day, thank you bro

  • @mohammadabbas1623
    @mohammadabbas1623 Рік тому +1

    Helpful

  • @TomasMisura
    @TomasMisura Рік тому

    I have been using the "defer" method for a while. The use of the "module" method is acceptable, but it is more beneficial for developers who have experience with frameworks of any kind and will not be confusing for them. On the other hand, using the "import" method might be useful for learning JSX syntax and preparing ourselves for frameworks.

    • @dcode-software
      @dcode-software  Рік тому +1

      Absolutely! I haven't seen you comment in a while Tomas - hope you're well!

    • @TomasMisura
      @TomasMisura Рік тому

      Hi@@dcode-software , I haven't been watching or commenting on videos related to front-end development, including yours, for a while. I took a break from programming, this is why. Recently, I've decided to return to my long-term project, and I'll be looking to refresh my knowledge from videos like yours

  • @tamas-pamas
    @tamas-pamas Рік тому

    what was the disadvantage to wrap everything into the domContentLoaded listener?

    • @dcode-software
      @dcode-software  Рік тому +1

      I guess a disadvantage may be that you need to remember to put all your code inside of their (or at least, a "main" function). Whereas if you just use the "defer" attribute then you can avoid doing that completely.

  • @kerrykreiter445
    @kerrykreiter445 Рік тому

    Thanks Dom! Great content and very helpful!! I am currently working on a project that uses modules and it is very difficult for me to debug issues for exactly the reason you pointed out. Is there a workaround for accessing variables in my main.js module? I have a bunch of other js files that main.js is importing and really need to keep it as a module. Thank you for all your in-depth and super informative videos!!

    • @dcode-software
      @dcode-software  Рік тому

      Hey, I'm glad you found it helpful. If you really need to see the variables in a module, you can assign the variable to the window object.

  • @kurt-tc
    @kurt-tc Місяць тому

    what about making variables accessible in the global window object? like
    const username = window.username = "dcode";
    this way you can access it from everywhere just as before.

  • @bmehder
    @bmehder Рік тому

    Man's been on a role lately, innit.

    • @dcode-software
      @dcode-software  Рік тому

      👀 thanks for being subscribed for so long to notice the change in my uploading schedule