Методы toLowerCase() и toUpperCase() на практике - карточка пользователя | JavaScript для начинающих

В этом видео практикуем методы toLowerCase() и toUpperCase() в JavaScript на реальном проекте - карточка пользователя.

Вы узнаете как нормализовать email через toLowerCase(), как привести имя и роль к верхнему регистру через toUpperCase(), как извлечь username из email через indexOf() и slice(), как получить инициалы через trim() и slice(), и как вставить данные на страницу через textContent и getElementById.

────────────────────
⏱ ТАЙМКОДЫ
────────────────────
00:00 - Введение и обзор задачи
00:37 - Разбор готовой карточки и исходных данных
01:08 - Константы - rawName, rawEmail, rawRole
02:28 - toLowerCase() - нормализация email к нижнему регистру
03:18 - indexOf() - находим позицию символа @ в email
04:22 - slice() - извлекаем username из email
05:16 - toUpperCase() - имя заглавными буквами
05:57 - toUpperCase() - роль заглавными буквами
06:24 - trim() и slice() - получаем инициал
07:46 - Вставка данных на страницу через textContent
08:26 - Вставка имени и роли
09:33 - Вставка email
10:27 - Вставка username
12:07 - Итог - карточка пользователя готова

────────────────────
💻 ИСХОДНЫЙ КОД (SOURCE CODE)
────────────────────
🔗 Исходный код (source code): https://www.patreon.com/TopchiyDev/posts/161410117

────────────────────
📚 ПЛЕЙЛИСТЫ И КУРСЫ
────────────────────

📌 Полный курс FlexBox CSS:
👉 https://www.patreon.com/collection/1320002

📌 Полный курс JavaScript:
👉 https://www.youtube.com/playlist?list=PLIEunNjc9UyvBaTS0blaMBQYJb5GLaMXB

📌 JavaScript Практика:
👉 https://www.youtube.com/playlist?list=PLIEunNjc9Uyv9Xo2A-WCT0D8c1Ret6bVu

📌 Полный курс CSS:
👉 https://www.youtube.com/playlist?list=PLIEunNjc9UyuznEWwwMmvjpG9V2GxG1DQ

📌 Полный курс HTML:
👉 https://www.youtube.com/playlist?list=PLIEunNjc9UytoWbG_xrleyom6NfiRLBDE

────────────────────
💬 СОЦИАЛЬНЫЕ СЕТИ
────────────────────

💬 Telegram:
👉 https://t.me/TopchiyDev

🎓 Patreon:
👉 https://www.patreon.com/TopchiyDev

────────────────────
#javascript #tolowercase #touppercase #jsпрактика #строковыеметоды #frontend #webdevelopment #webdev #frontenddeveloper #coding #programming #javascripttutorial #jsbeginners #beginners

Видео Методы toLowerCase() и toUpperCase() на практике - карточка пользователя | JavaScript для начинающих канала Topchiy Dev