Template Literals (ES6) - Beau teaches JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ต.ค. 2024
  • How to use template literals in JavaScript ES6. These are surrounded by backticks ``.
    More info:
    🔗 developer.mozi...
    Beau Carnes on Twitter: / carnesbeau
    ⭐JavaScript Playlists⭐
    ▶ES6: • ES6 - Beau teaches Jav...
    ▶JavaScript Basics: • JavaScript Basics Course
    ▶Design Patterns: • Design Patterns - Beau...
    ▶Data Structures and Algorithms: • Data Structures and Al...
    ▶Clean Code: • Clean Code - Beau teac...
    -
    We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community.
    Join our community at freecodecamp.com
    Follow us on twitter: / freecodecamp
    Like us on Facebook: / freecodecamp
    Follow Quincy on Quora: www.quora.com/...

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

  • @yungkakashi2447
    @yungkakashi2447 11 หลายเดือนก่อน

    i got stuck doing homework (self taught). the thumbnail alone explained everything to me, lol. thanks ❤

  • @goodwish1543
    @goodwish1543 7 ปีที่แล้ว +7

    Good last example. It took me 10 minutes to understand it. :)

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

    I had to check to make sure I was watching this at normal speed, man you type fast

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

    crazy typing speed!

  • @dimarzio9374
    @dimarzio9374 7 ปีที่แล้ว

    Wow.. Nice explanation of the last MDN example. Bravo.

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

    Code structured using template literals strips the outline algorithm thereby negating the affect semantic markup would have on web crawlers in search engines. It could be said that hybrid search engines using directories could fill the gap but structured code is the way to go. That being said, there is a lot to take into consideration before avoiding it all together.

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

    How the tag function recognized the difference between the strings and values and which to store in the first array and which to store in the second array is not clear. I understand how the ...rest operator works where it places the remaining unknown number of parameters into to an array but how this particular function differentiates between the values and strings is not explained, also why does the tag function place the strings in an array as well?

    • @kn-ee5iq
      @kn-ee5iq 4 ปีที่แล้ว

      this Template Literals (ES6) is coded in such a way that first parameter of a function in which it is applied is assumed to be string array and another parameter to be number array (irrespective of ur personal names given).
      and why not ...string??
      maybe they used [string = ...string] concept...

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

    I still don't quite understand the empty string at 2:54. If there is nothing, should it just return nothing instead of creating an empty string. Could someone explain? Thank you!

  • @leylaziba8452
    @leylaziba8452 6 ปีที่แล้ว

    great explanation of this topic. you made it easy to understand.

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

    wow! it got really complicated really fast, took me a while to digest the last function, but why would we ever use that in daily life coding? the code will be obfuscated AF! LOL

  • @thesexrace
    @thesexrace 6 ปีที่แล้ว

    This was very helpful. Thanks very much!

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

    3:49 my brain can't process that . I got frustrated after seen that . I need more tanning :(

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

    What is this lighting fast typing speed Oo

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

    this was super helpful thank you, but iduno the last example seems so convoluted...(sorry beginner js coder)

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

    Powerful but ugly to read js syntax. But useful video. Reminds of small talk blocks

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

    How are you typing so fast??

  • @dsuryas
    @dsuryas 6 ปีที่แล้ว

    can anyone explain why he's put three dots in front of the values parameter in the tag function?

    • @freecodecamp
      @freecodecamp  6 ปีที่แล้ว +2

      Check out this video for an explanation of those dots: th-cam.com/video/iLx4ma8ZqvQ/w-d-xo.html

    • @dsuryas
      @dsuryas 6 ปีที่แล้ว

      freeCodeCamp I actually googled it and now I kinda have an idea about it, but I don't understand the code copied from MDN, I guess I have to try again.

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

      @E Rodriquez Thanks a lot man that was helful

  • @faisalnaseer798
    @faisalnaseer798 6 ปีที่แล้ว

    which IDE are you using?

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

    which editor it is ?

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

    gg