Привет!📢
▶ Telegram: t.me/Dmitry_Kolotilshikov
▶ Препроцессоры (урок 1): • 82. Frontender[1.0] ПР...
▶ Препроцессоры (урок 2): • 83. Frontender[1.0] ПР...
▶ GitHub: github.com/DmitryKolotilshikov
▶ Linkedin: / kolotilshikov
CSS Nesting | Вложенность в чистом CSS. Препроцессоры больше не нужны? Frontender[1.0]
К каждому уроку также есть PDF файл по теме урока, который можете скачать у меня в телеграм-канале под анонсом данного урока.
Ваша обратная связь обязательна =)
Курс Frontender[1.0] разделен на 3 модуля:
1) HTML, CSS, SCSS, БЭМ, Flexbox, Grid, Bootstrap, GIT, FIGMA, верстка 3 макетов (100 уроков);
2) JavaScript, решение задач, написание нескольких приложений;
3) React, Typescript, Redux написание полноценного приложения;
НЕ СОМНЕВАЙТЕСЬ И РАЗВИВАЙТЕСЬ! У ВАС ВСЁ ПОЛУЧИТСЯ! :)
Желаю приятного обучения! 🔥
Таймтрек
00:00 Интро
01:01 CSS Nesting (вложенность)
01:59 Пример 1
03:23 Для чего CSS Nesting?
03:48 Дебаг в DevTools
04:19 CSS Переменные vs SCSS переменные?
04:53 Пример 2
06:03 Пример 3 - псевдоклассы и псевдоэлементы
07:26 Стиль БЭМ
08:09 Пример 3 (Media запросы)
10:42 Пример 4 - соседние и родственные селекторы
11:41 Пример 5 - карточки (MDN)
13:53 Финиш
▶ Графический дизайн и анимация: t.me/getlogo
📢 ПЛЕЙЛИСТ FRONTENDER[1.0] - 1 Модуль: • Frontender[1.0] - 1 мо...
Также тебе могут быть полезны эти уроки:
📢 HTML для начинающих за 33 минуты: • HTML для начинающих за...
📢 CSS для начинающих + практика за 24 минуты: • CSS для начинающих + п...
📢 FLEXBOX. Всё о flexbox в одном уроке: • FLEXBOX. Всё о flexbox...
📢 FLEXBOX. Всё о flexbox | Практика: • FLEXBOX. Всё о flexbox...
FRONTENDER[1.0] полный, структурированный и бесплатный курс по фронтенд разработке на KZread.
📢 Автор курса: Дмитрий Колотильщиков
#html #frontend #frontender