Тёмный

ES6 #3 Шаблонные строки - зачем они нужны? (4 примера использования) 

Василий Муравьев
Подписаться 21 тыс.
Просмотров 9 тыс.
50% 1

Мой Telegram: t.me/stackdevru
В этом видео мы разберемся, как и где использовать шаблонные строки (template strings), которые появились в редакции Javascript ES6.
В ES6 появился новый вид синтаксиса строкового литерала под названием шаблонные строки. Они выглядят как обычные строки за исключением того, что обёрнуты символами обратных кавычек ` вместо обычных кавычек ' или ".
Плейлист курса ES6: • ES6 - Все Новые Фичи в...
Мы рассмотрим 4 примера создания HTML разметки с помощью шаблонных строк:
1) Обычная разметка
2) Разметка HTML с условием
3) Разметка HTML с вложенностью
4) Шаблонная строка с рендер функцией (render function)
Мои Курсы:
Gatsby JS (полный курс): gatsbyjs.ru
React для начинающих: react001.ru
​Все мои курсы (+ исходные файлы): stackdev.ru
Подписывайся на соц сети:
Telegram: t.me/stackdevru
VK: vasilymur
Instagram: / vm_online
Мой блог о веб-разработке: stackdev.blog

Опубликовано:

 

17 янв 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 36   
@dimkagera6955
@dimkagera6955 8 месяцев назад
Че за гений , я такого вообще не видел ))
@user-ff3lc1et3u
@user-ff3lc1et3u 2 года назад
Уроки просто огонь. Было бы круто разбирать всякие реальные примеры, которые встречаются в работе разработчика.
@user-rl8hs4mm7x
@user-rl8hs4mm7x 2 года назад
Обалдеть, как оно умеет!
@stackdev
@stackdev 2 года назад
:)
@mefioz2397
@mefioz2397 5 месяцев назад
спасибо, класс 👍👍👍
@megastyledron
@megastyledron 3 года назад
Спасибо за отличные видосы! Достойная подача и без воды!
@stackdev
@stackdev 3 года назад
Спасибо!
@user-yf2er5vr8q
@user-yf2er5vr8q 2 года назад
Спасибо за отличные видосы! Достойная подача и без воды! super
@stackdev
@stackdev 2 года назад
Спасибо!
@jsb7239
@jsb7239 3 года назад
Про обратный слеш не знал... Благодарю 👍🏻
@sergdonskikh2140
@sergdonskikh2140 3 года назад
Отличные ,грамотные уроки !
@stackdev
@stackdev 3 года назад
Спасибо за поддержку!
@catsapp
@catsapp 2 года назад
Хорошие уроки, прекрасная подача. Всё понятно.
@stackdev
@stackdev 2 года назад
Спасибо!
@user-jm4ce4un6v
@user-jm4ce4un6v 3 года назад
Ставлю «like’», потом смотрю видео.
@stackdev
@stackdev 3 года назад
Спасибо!
@catsapp
@catsapp 2 года назад
Посмотрел?
@user-jm4ce4un6v
@user-jm4ce4un6v 2 года назад
@@catsapp ага
@GoodsJs
@GoodsJs Год назад
Респектуем !!!
@stackdev
@stackdev Год назад
Спасибо!
@zuraiakobishvili1757
@zuraiakobishvili1757 Год назад
Кто ты , воин ??? Не знаю , кто ты , но ты прекрасен ! Спасибо большое .
@stackdev
@stackdev Год назад
Спасибо!
@user-ff3lc1et3u
@user-ff3lc1et3u 2 года назад
Также интересна будет информация, как править баги на проекте. Знакомый разработчик мило попал в епам, так вот ему каждый день приходится не писать код, а искать баги в js. Интересно, что вы можете рассказать на эту тему. Как работать с дебаггером. Как вы ловили баги, когда были новичком.
@Kotekld
@Kotekld 3 года назад
Подписался на js уроки)
@stackdev
@stackdev 3 года назад
контент с уроками js у меня в приоритете
@canariawellhouse1927
@canariawellhouse1927 Год назад
Скажите, пожалуйста, при заключении части кода в обратные кавычки код как будто исчезает (словно превращается в строку), в чём ошибка? То есть даже цвет синтаксиса не как у вас на 4:15, цвет такой, как у строки. Буду очень признательна за помощь!
@vaspurakavdalian1133
@vaspurakavdalian1133 Год назад
Смотри в уроке 3 шаблонные строки
@vaspurakavdalian1133
@vaspurakavdalian1133 Год назад
Здраствуй Василий.Когда я отображаю всё на страницу document.body.innerHTML=html то всё ранее содержимо не отображается.Например у меня есть header c div-оми с классами и т.д теряются ,а отображаются новое.что только не сделал, append() связал но ..... БЛАГОДАРЮ
@Transguddit
@Transguddit Год назад
Так ты же присваиваешь новое значение, поэтому оно перезаписывет старое. Что бы добавить к тому что уже есть, используй += document.body.innerHTML += html
@artyomasryan9841
@artyomasryan9841 2 года назад
А как ставить эти обратные ковычки? (На маке)
@catsapp
@catsapp 2 года назад
` Have you examine this question? I found that this is next to ${Z} letter`
@tw1sh15
@tw1sh15 5 месяцев назад
буква ё в русской раскладе (под кнопкой Esc)
@catsapp
@catsapp 2 года назад
Ребята, кто учит яву скрипт, еще советую канал Dev Pandaren. Там такой же прекрасный автор!
Далее
REALLY LOVES CHIPS
00:19
Просмотров 2,5 млн
Урок 15. JavaScript. Все о Spread и Rest
24:08