Основы CSS (+ практика по CSS Grid, CSS Flexbox) — Фронтенд-разработка

2 Просмотры
Издатель
Привет! Это третий урок из моего курса по дисциплиние "Фронтенд-разработка" для Университета ИТМО. В этом ролике рассказываю об основах языка CSS.

Смотреть остальные уроки из курса: https://www.youtube.com/playlist?list=PLAhg4XYCffEm0H8SQPtRTG38rbA6LIVzG

Репозиторий по дисциплине: https://github.com/kantegory/ITMO-ICT-Frontend-2021

В рамках первой практической работы вам предстоит изучить работу 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/Web/CSS/CSS_Selectors
Руководство по CSS MDN: https://developer.mozilla.org/ru/docs/Web/CSS/Reference

Ссылки по CSS Flexbox:

Отличный перевод на Хабре: https://habr.com/ru/post/467049/
Руководство на MDN: https://developer.mozilla.org/ru/docs/Learn/CSS/CSS_layout/Flexbox

Ссылки по CSS Grid:

Отличный гайд на хабре: https://habr.com/ru/company/macloud/blog/564182/
Руководство на MDN: https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout
Видео Вадима Макеева про использование CSS Grid и CSS Flexbox: https://www.youtube.com/watch?v=ST1EvRemB_U

Таймкоды:

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 Заключение
Категория
Видеоуроки по боксу
Комментариев нет.