Javascript-Template-Literals

Template literals diterapkan dengan menggunakan `` (back tick). Template literals digunakan untuk:

Template literals applied by using `` (back tick). Template literals are applicable for:

1. Multi Line String

No escape line (/n) is needed for multi line strings.

• https://github.com/dwi-handoyo/Javascript-Template-Literals/blob/main/multi-line-strings.js

• https://github.com/dwi-handoyo/Javascript-Template-Literals/blob/main/Exercise-Template-Literals-HTML-Fragments.html

• https://github.com/dwi-handoyo/Javascript-Template-Literals/blob/main/Exercise-Template-Literals-Conditional.html

• https://github.com/dwi-handoyo/Javascript-Template-Literals/blob/main/Exercise-Template-Literals-Looping.html

• https://github.com/dwi-handoyo/Javascript-Template-Literals/blob/main/Exercise-Template-Literals-Nested-HTML-Fragments.html

• https://github.com/dwi-handoyo/Javascript-Template-Literals/blob/main/HTML_fragments.js

2. Embedded Expression

Menggunakan tanda $ dan {}.

Using symbol of $ and {}.

• https://github.com/dwi-handoyo/Javascript-Template-Literals/blob/main/Embedded_Expression.js

3. HTML Fragments

Multi-line String (HTML Fragments) menggunakan concatenate atau back tick.

Multi-line String (HTML Fragments) is using concatenate or back tick.

• https://github.com/dwi-handoyo/Javascript-Template-Literals/blob/main/Exercise-Template-Literals-HTML-Fragments.html

• https://github.com/dwi-handoyo/Javascript-Template-Literals/blob/main/Exercise-Template-Literals-Conditional.html

• https://github.com/dwi-handoyo/Javascript-Template-Literals/blob/main/Exercise-Template-Literals-Looping.html

• https://github.com/dwi-handoyo/Javascript-Template-Literals/blob/main/Exercise-Template-Literals-Nested-HTML-Fragments.html

• https://github.com/dwi-handoyo/Javascript-Template-Literals/blob/main/HTML_fragments.js

4. Expression Interpolation

Menggunakan concatenate atau back tick.

Using concatenate or back tick.

• https://github.com/dwi-handoyo/Javascript-Template-Literals/blob/main/Expression_Interpolation.js

5. Tagged Template

   • Escaping/Sanitize HTML Tag

   • Tag Template Literals

     • https://github.com/dwi-handoyo/Javascript-Template-Literals/blob/main/Tag-Template-Literals-forEach.html

     • https://github.com/dwi-handoyo/Javascript-Template-Literals/blob/main/Tag-Template-Literals.html

   • Styled Components

   • ETranslation & Internationalization