Основы CSS (+ практика по CSS Grid, CSS Flexbox) — Фронтенд-разработка
Привет! Это третий урок из моего курса по дисциплиние "Фронтенд-разработка" для Университета ИТМО. В этом ролике рассказываю об основах языка CSS.
Смотреть остальные уроки из курса: • Фронтенд-разработка (курс 2021)
Репозиторий по дисциплине: https://github.com/kantegory/ITMO-ICT...
В рамках первой практической работы вам предстоит изучить работу CSS grid и CSS flexbox в игровой форме, пройдя две игры:
https://cssgridgarden.com/#ru
https://flexboxfroggy.com/#ru
Полезные ссылки:
Мой телеграм-канал: https://t.me/davidobryakov
Мой гитхаб (сюда ставить звёздочки): https://github.com/kantegory
Мой блог: https://blog.kantegory.me
Лекция в текстовом формате: https://t.me/davidobryakov/1093
Селекторы MDN: https://developer.mozilla.org/ru/docs...
Руководство по CSS MDN: https://developer.mozilla.org/ru/docs...
Ссылки по CSS Flexbox:
Отличный перевод на Хабре: https://habr.com/ru/post/467049/
Руководство на MDN: https://developer.mozilla.org/ru/docs...
Ссылки по CSS Grid:
Отличный гайд на хабре: https://habr.com/ru/company/macloud/b...
Руководство на MDN: https://developer.mozilla.org/ru/docs...
Видео Вадима Макеева про использование CSS Grid и CSS Flexbox: • Где использовать флексы, а где гриды?...
Таймкоды:
00:00 Вступление
00:39 Что такое CSS?
02:03 Декларативность
02:50 Языковые конструкции
03:32 Селекторы
06:51 Примеры
09:28 Что почитать?
10:41 CSS Grid, CSS Flexbox
12:28 Задание на первую практическую
13:50 Заключение