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

Рет қаралды 11,370

Күн бұрын

⏰ Курс 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) - мультистроки, экранироавние кавычек, интерполяция переменных и выражений

Пікірлер: 29

@jinke5935 2 жыл бұрын

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

@Ireile 2 жыл бұрын

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

@alien2364 2 жыл бұрын

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

@alexandrrothenberger 2 жыл бұрын

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

@strogalev 2 жыл бұрын

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

@yusufbeky4527 2 жыл бұрын

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

@ronaldreagan5591 2 жыл бұрын

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

@ArtemNi 2 жыл бұрын

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

@DamedParadis 2 жыл бұрын

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

@adiletasangalukov8556 2 жыл бұрын

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

@volodymyrdubinkin4823 2 жыл бұрын

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

@exploringtheworld8780 2 жыл бұрын

Спасибо!

@CptMerkury 2 жыл бұрын

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

@awenn2015 2 жыл бұрын

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

@akramyuldoshev4889 2 жыл бұрын

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

@palmanagibator3.084 2 жыл бұрын

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

@alexanderalexander7722 2 жыл бұрын

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

@forsuren1995 2 жыл бұрын

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

@alexanderalexander7722 2 жыл бұрын

@@forsuren1995 СПС

@user-or1hy4xz8u 2 жыл бұрын

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

@arsa946 2 жыл бұрын

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

@user-sg3xv3pk3r 2 жыл бұрын

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

@digitalturkistan1857 2 жыл бұрын

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

@awenn2015 2 жыл бұрын

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