Template Literals (ES6) - Beau teaches JavaScript

How to use template literals in JavaScript ES6. These are surrounded by backticks ``.
More info:
🔗 developer.mozilla.org/en-US/d...
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/Quincy-Larson

[@yungkakashi2447]

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

[@sherrysong8795]

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!

[@dimarzio9374]

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

[@goodwish1543]

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

[@creativetexan5935]

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]

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...

[@amitavamozumder73]

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

[@westwood2678]

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

[@colindante5164]

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.

[@m3rl1on]

crazy typing speed!

[@WeirdStuffaaaa]

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

[@faisalnaseer798]

which IDE are you using?

[@Qors1314]

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

[@thesexrace]

This was very helpful. Thanks very much!

[@leylaziba8452]

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

[@dsuryas]

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

[@freecodecamp]

Check out this video for an explanation of those dots: ua-cam.com/video/iLx4ma8ZqvQ/v-deo.html

[@dsuryas]

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]

@E Rodriquez Thanks a lot man that was helful

[@mariachaudhry4608]

which editor it is ?

[@parnprayajunhaman105]

How are you typing so fast??

[@sithiss1]

What is this lighting fast typing speed Oo

[@antonkot6250]

8+ years of practise, I suppose

[@user-cs8jf7pl4d]

More like video speed 2x.

[@Kenbomp]

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

[@sofianebm7492]

gg