Обсуждаем почему архитектура в стилях ничуть не менее важна, чем в коде. Разбираю типичные архитектурные ошибки при написании стилей. Говорю про основные методологии: OOCSS, SMACSS, БЭМ, Atomic (functional) CSS и CSS-in-JS (JSS). Запись второй части пятой лекции курса Frontend разработки в образовательном проекте МГТУ им. Баумана и VK Образования
https://park.vk.company/curriculum/pr... . Таймкоды: 00:00 Почему важно говорить про архитектуру в стилях! 03:29 Что такое CSS 07:01 Как стили попадают на страницу? 12:28 Селекторы 15:50 Типичные ошибки: зависимость содержимого от контейнера 18:13 Типичные ошибки: связность со структурой документа 23:21 Почему важно использовать классы в качестве селектора? 26:22 Свойство глобальности CSS 30:21 "Божественные" селекторы 31:16 Признаки хорошей архитектуры 32:33 Объектно-ориентированный CSS 38:12 SMACSS 43:28 БЭМ — Блок, Элемент, Модификатор 47:13 Форма по БЭМу 52:21 Про Atomic (Functional) CSS 54:14 Выводы для студентеских проектов 58:52 CSS-inJS (JSS) 01:07:04 Закругляемся! Мои соцсети, где мне можно задать вопросы: LinkedIn: / volodin11 VK:
https://vk.com/vileven Facebook: / volodin11 Instagram: / volodin11 Twitter: / vileven11 #сss #javascript #frontend #фронтенд #web #вебразработка #фронтендразработка #программирование #js #css3 #smacss #webdev #webdevelopment
