Шаблонные строки в JavaScript на практике - заполняем карточку профиля | JS для начинающих

В этом видео практикуем шаблонные строки на реальном примере. Берём данные из констант - имя, фамилия, должность, компания, опыт - и выводим их на карточку профиля через шаблонные строки и getElementById. Также применяем toLowerCase() прямо внутри ${} для генерации email. ⏱ ТАЙМКОДЫ 0:00 - Демонстрация готовой карточки и задача 0:32 - Открываем script.js - создаём исходные данные: firstName, lastName, role, company, years 2:17 - Создаём константу fullName через шаблонную строку - объединяем имя и фамилию 3:29 - Создаём константу position - роль и компания через ${} 4:09 - Создаём константу email - firstName и lastName через toLowerCase() 5:35 - Создаём константу experience - years + текст "years of experience" 6:11 - Выводим fullName на карточку через getElementById и textContent 7:51 - Выводим position на карточку 8:31 - Выводим email на карточку 9:05 - Ошибка: забыли скобки у toLowerCase() - разбираем и исправляем 10:19 - Выводим experience на карточку - финальный результат 🔗 ИСХОДНЫЙ КОД 🔗 Исходный код: https://www.patreon.com/TopchiyDev/posts/165471547 📚 ПЛЕЙЛИСТЫ И КУРСЫ 📚 Полный курс JavaScript с нуля: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9UyvBaTS0blaMBQYJb5GLaMXB 🚀 JS Практика - проекты с нуля: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9Uyv9Xo2A-WCT0D8c1Ret6bVu 📚 Полный курс HTML с нуля: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9UytoWbG_xrleyom6NfiRLBDE 📚 Полный курс CSS с нуля: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9UyuznEWwwMmvjpG9V2GxG1DQ 🟦 Полный курс Flexbox CSS: 👉 https://www.patreon.com/collection/1320002 🌐 Уроки по хостингу - запуск сайта: 👉 https://www.youtube.com/playlist?list=PLIEunNjc9UyvrhTE4KC5sJK_NoeUX8ZMU 📦 Исходники кода (Patreon): 👉 https://www.patreon.com/c/topchiydev/membership 💬 СОЦИАЛЬНЫЕ СЕТИ 💬 Telegram: 👉 https://t.me/TopchiyDev 🎓 Patreon: 👉 https://www.patreon.com/TopchiyDev #javascript #templateLiterals #шаблонныестроки #javascriptпрактика #jsдлябегиннеров #webdev #frontend #программирование