Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Имена классов в верстке | Как лучше называть элементы в разметке

Автор: Александр Ламков — Friendly Frontend

Загружено: 2023-12-14

Просмотров: 9252

Описание:

✏️ Разбираемся как лучше называть классы элементам пользовательского интерфейса.

🔴 Timeline:
▶ 00:00​ | Введение
▶ 00:35​ | Общие правила по неймингу классов
▶ 02:05​ | Структурные блоки с семантическими тегами
▶ 03:00​ | Структурные блоки с нейтральными тегами (div, span)
▶ 03:55​ | Списки
▶ 04:11​ | Карточки
▶ 04:22​ | Изображения
▶ 04:35​ | Текст
▶ 05:00​ | Элементы форм
▶ 05:52​ | Чекбоксы и радиокнопки
▶ 06:50​ | Разное
▶ 08:18​ | Модификаторы размеров
▶ 08:28​ | Модификаторы наличия чего-либо
▶ 08:59​ | Модификаторы состояний
▶ 09:45​ | Заключение

📚 Ссылки из видео:
➖ Часто используемые имена классов в HTML-разметке: https://github.com/aleksanderlamkov/h...

💬 Коммьюнити-чат в телеграме (помощь новичкам):
https://t.me/FriendlyFrontend

🧑‍💻 Основной телеграм-канал:
https://t.me/AleksanderLamkov

❤️ Boosty (поддержать автора):
https://boosty.to/friendly-frontend

🗂️ Бесплатные курсы на канале:
🟠 HTML:    • HTML курс 2025  
🔵 CSS:    • CSS курс 2025  
🟡 JS:    • JavaScript курс 2025  
🟢 A11y:    • Accessibility курс 2025  
🗺 Frontend Roadmap:    • Frontend Roadmap 2024 | Что должен учить ф...  
⚪️ Мастер-класс по верстке для новичков:    • Адаптивная верстка сайта с нуля для начина...  
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS):    • Вёрстка сайта с 0 до результата | HTML, БЭ...  
⚫️ Мастер-класс по верстке с практикой по JavaScript:    • Вёрстка сайта с нуля • HTML, SCSS, JS прак...  
🔴 Мастер-класс по верстке на стеке JSX, SCSS, JS, Vite, Minista (SSG), БЭМ: https://stepik.org/a/228315

📌 Автор:
➖ Личный сайт: https://aleksanderlamkov.ru/
➖ Telegram: https://t.me/AleksanderLamkov
➖ Boosty: https://boosty.to/friendly-frontend
➖ GetMentor: https://getmentor.dev/mentor/aleksand...
➖ Stepik (платные курсы и мастер-классы): https://stepik.org/a/228315

#frontend #фронтенд #html #css

Имена классов в верстке | Как лучше называть элементы в разметке

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#7481 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "FH-t1mt-lSs" ["related_video_title"]=> string(91) "БЭМ методология за 10 минут | Основы для начинающих" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(53) "Александр Ламков — Friendly Frontend" } [1]=> object(stdClass)#7454 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "jQCzxM2dPWU" ["related_video_title"]=> string(146) "10. CSS позиционирование — свойства position, top, right, bottom, left, z-index. Контекст наложения" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(53) "Александр Ламков — Friendly Frontend" } [2]=> object(stdClass)#7479 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "bMYxQao21gw" ["related_video_title"]=> string(124) "Фронтенд и моё первое тестовое задание — прожарка, анализ ошибок." ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(53) "Александр Ламков — Friendly Frontend" } [3]=> object(stdClass)#7486 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "YRJshFk79sA" ["related_video_title"]=> string(130) "Как правильно работать с class, id и другими атрибутами! Советы начинающим!" ["posted_time"]=> string(19) "7 лет назад" ["channelName"]=> string(11) "BrainsCloud" } [4]=> object(stdClass)#7465 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "hjdRQspuelk" ["related_video_title"]=> string(87) "Именование переменных, классов и методов в коде" ["posted_time"]=> string(19) "6 лет назад" ["channelName"]=> string(29) "Диджитализируй!" } [5]=> object(stdClass)#7483 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "GjXTxTXwXOw" ["related_video_title"]=> string(26) "Personal bloodwork tracker" ["posted_time"]=> string(20) "21 час назад" ["channelName"]=> string(7) "Diirzal" } [6]=> object(stdClass)#7478 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "5vsfYifNqzk" ["related_video_title"]=> string(108) "Как называть переменные, методы и классы? Чистый код (Clean Code)" ["posted_time"]=> string(21) "4 года назад" ["channelName"]=> string(18) "Sergey Nemchinskiy" } [7]=> object(stdClass)#7488 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "aPdEzyf8Kk0" ["related_video_title"]=> string(134) "Comedy Club: Борьба с тарелочницами | Екатерина Шкуро, Никита Никитин @ComedyClubRussia" ["posted_time"]=> string(19) "3 дня назад" ["channelName"]=> string(11) "Comedy Club" } [8]=> object(stdClass)#7464 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "cZa0aWzAj8E" ["related_video_title"]=> string(128) "14. CSS псевдоклассы — child, not. Состояния hover, focus и focus-visible, active, disabled, checked" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(53) "Александр Ламков — Friendly Frontend" } [9]=> object(stdClass)#7482 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "WdubKeJ881I" ["related_video_title"]=> string(150) "18. Актуальность HTML-тегов и атрибутов. Сервисы caniuse и caninclude. Валидатор разметки от W3C" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(53) "Александр Ламков — Friendly Frontend" } }
БЭМ методология за 10 минут | Основы для начинающих

БЭМ методология за 10 минут | Основы для начинающих

10. CSS позиционирование — свойства position, top, right, bottom, left, z-index. Контекст наложения

10. CSS позиционирование — свойства position, top, right, bottom, left, z-index. Контекст наложения

Фронтенд и моё первое тестовое задание — прожарка, анализ ошибок.

Фронтенд и моё первое тестовое задание — прожарка, анализ ошибок.

Как правильно работать с class, id и другими атрибутами! Советы начинающим!

Как правильно работать с class, id и другими атрибутами! Советы начинающим!

Именование переменных, классов и методов в коде

Именование переменных, классов и методов в коде

Personal bloodwork tracker

Personal bloodwork tracker

Как называть переменные, методы и классы? Чистый код (Clean Code)

Как называть переменные, методы и классы? Чистый код (Clean Code)

Comedy Club: Борьба с тарелочницами | Екатерина Шкуро, Никита Никитин @ComedyClubRussia

Comedy Club: Борьба с тарелочницами | Екатерина Шкуро, Никита Никитин @ComedyClubRussia

14. CSS псевдоклассы — child, not. Состояния hover, focus и focus-visible, active, disabled, checked

14. CSS псевдоклассы — child, not. Состояния hover, focus и focus-visible, active, disabled, checked

18. Актуальность HTML-тегов и атрибутов. Сервисы caniuse и caninclude. Валидатор разметки от W3C

18. Актуальность HTML-тегов и атрибутов. Сервисы caniuse и caninclude. Валидатор разметки от W3C

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]