Обсуждаем почему архитектура в стилях ничуть не менее важна, чем в коде. Разбираю типичные архитектурные ошибки при написании стилей. Говорю про основные методологии: OOCSS, SMACSS, БЭМ, Atomic (functional) CSS и CSS-in-JS (JSS).
Запись второй части пятой лекции курса Frontend разработки в образовательном проекте МГТУ им. Баумана и VK Образования 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: vileven
Facebook: / volodin11
Instagram: / volodin11
Twitter: / vileven11
#сss #javascript #frontend #фронтенд #web #вебразработка #фронтендразработка #программирование #js #css3 #smacss #webdev #webdevelopment