Шаблонные строки JavaScript: 5 плюсов. Изучаем строковые литералы

Подписаться 140 тыс.

Просмотров 11 тыс.

50% 1

⏰ Курс JavaScript 2.0: itgid.info/course/javascript-2
💎 Курс Функции в JavaScript: itgid.info/course/function-2021
👇 Разверни для полной информации
🧑🏻‍💻 Сайт: itgid.info
Курс Методы массивов: itgid.info/course/arraymethod
🤩 Скачать код урока и задачи : t.me/itgid_info
00:00 Шаблонные строки
00:45 Как создают шаблонные строки
02:15 Экранирование кавычек
05:10 Мультистроки
07:15 Интерполяция переменных
09:45 Интерполяция выражений
12:00 HTML шаблоны
16:00 Задачи
Изучаем преимущества шаблонных строк JavaScript ( templates literals) - мультистроки, экранироавние кавычек, интерполяция переменных и выражений

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

31 май 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 29

@jinke5935 2 года назад

Максимум, что я знал о шаблонных литералах - это про интерполяцию. А тут оказывается можно развернуть гибкую систему с ними. Спасибо за видео!

@Ireile 2 года назад

Спасибо Александр. Про интерполяцию html очень интересно!

@alien2364 2 года назад

За последний пример отдельное спасибо!

@ArtemNi Год назад

Дай Вам Бог Здоровья, Александр! Вы в топе навсегда!!!!

@yusufbeky4527 2 года назад

Ты объясняешь все очень ясно и понятно!!! Прошу тебя, сделай туториал по three js

@strogalev 2 года назад

спасибо, отличный материал. Все знал, но как резюме было супер

@DamedParadis 2 года назад

Сначала лайк, потом просмотр )

@adiletasangalukov8556 2 года назад

Обожаю вас спосибо большое Вы великолепны

@ronaldreagan5591 2 года назад

Хорошее видео. Спасибо за труды.

@volodymyrdubinkin4823 2 года назад

Круть! Не зря я у Вас сейчас несколько курсов прохожу онлайн! Спасибо, стало более понятно некоторые моменты

@alexandrrothenberger 2 года назад

Спасибо! Очень актуально

@exploringtheworld8780 2 года назад

Спасибо!

@CptMerkury 2 года назад

С HTML шаблонами интересно, не задумывался что можно так делать. А на счет споров: я считаю лучше использовать обратные кавычки только там, где это как то облегчит написание и чтение кода. В остальных случаях использовать обычные.

@awenn2015 2 года назад

Так не можно а нужно делать, я только так и делаю )))

@palmanagibator3.084 2 года назад

Александр, вы бы немогли пожалуйста сделать видео по библиотеке ThreeJs || CannonJs, было бы очень круто(Спасибо за видео). //Если есть граматические ошибки извените

@arsa946 2 года назад

Огромное спасибо! А я то думал, зачем пишут ${переменная}. И не заметил ковычек обратных. 5 лет в программировании, а такого не знал!

@akramyuldoshev4889 2 года назад

супер уроки нада учится и учится

@alexanderalexander7722 2 года назад

Спасибо за толковые уроки! Особенно за последний пример. Думаю что будет удобно при добавлении элементов на страницу формировать innerHTML при помощи шаблонных строк и переменных. Вы в своей практике так делаете? Или используете другие фишки?

@forsuren1995 2 года назад

Данная возможность позволяет на стороне фронта создавать к примеру корзину с товарами, по нажатию кнопки купить , создается объект с переменными, и с помощью данных "обратных ковычек", мы можем вставить в любое место страницы эти переменные и вывести их :)

@alexanderalexander7722 2 года назад

@@forsuren1995 СПС

@user-or1hy4xz8u 2 года назад

Не понял, а почему на 6:25 не работает с классическими кавычками из ES5 ?

@user-sg3xv3pk3r 2 года назад

4 пункт, ремарка-со smarty не прокатит, или literal придется добавлять

@digitalturkistan1857 2 года назад

Смерть тиранам.

@awenn2015 2 года назад

Ля, думал что то новое узнаю( ну ок, в принципе я всегда использую апострофы так как это тупо удобнее и не надо голову морочить если вдруг там что то будет , кавычки или переменные