HTML + CSS — Алексей Левицкий

HTML + CSS — основа веб-разработки. Именно поэтому хорошему разработчику просто необходимо хорошо разбираться в этих технологиях.

Подробная лекция Алексея Левицкого по HTML & CSS для студентов Paralect Startup Summer 2021
__
]00:00 HTML + CSS — основа веб-разработки
02:58 Теги по назначению
10:30 Семантика
12:44 Категории контентной модели
15:38 header
17:17 hgroup
19:02 nav
21:26 article
22:15 section
23:58 main
25:00 aside
26:20 footer, address, figure, figcaption, time, mark
28:12 Что такое float?
33:57 clearfix
37:05 Позиционирование элементов (Position)
38:31 Свойства смещения
47:10 Особенности
48:33 Специфичность
55:50 Flexbox - CSS Flexible Box Layout Module
59:03 Super Power или CSS Grid Layout
1:02:32 Анимации CSS
1:14:08 Задание
1:22:10 Мультфильм, который Алексей сверстал на CSS
1:24:33 HTML-шаблонизаторы/предпроцессы
1:26:29 Разделение данных и представления
1:27:15 Улучшенный синтаксис
1:28:20 Emmet
1:30:10 CSS
1:31:10 Методологии верстки
1:32:00 Обзор методологий
1:33:05 BEM
1:36:56 Блок Элемент Модификатор
1:42:05 БЭМ
1:43:45 CSS-предпроцссоры
1:47:00 Сравнение LESS/ Sass/ Stylus
1:53:42 Недостатки LESS/ Sass/ Stylus
1:55:00 PostCSS
1:58:53 CSS-модули
2:02:30 Адаптивная верстка
2:04:40 Терминология
2:08:44 Настройка области просмотра
2:10:13 Инструменты
2:11:03 Относительные единицы измерения
2:11:32 Медиазпросы
2:13:20 Примеры
2:14:28 Флексбоксы
2:16:22 Next level или Математика и Grid layout
2:19:48 Holly Albatross
2:25:17 Оптимизация верстки

Больше полезной информации у нас в Telegram-канале
📲 https://t.me/productdevv

О нашей команде и о том, как стать частью Paralect Community, можно узнать тут:
👉🏽 https://join.paralect.com/
🔗 https://www.paralect.com/about