КурсБесплатноЧасть практики восстанавливается

CSS: layout и responsive systems

Курс формирует FE-CSS-01 и FE-CSS-02: ученик предсказывает cascade и sizing, строит устойчивые Flexbox/Grid-композиции и переносит responsive-решения от viewport к компонентному контексту. Статус исходного audited pac…

Открыть первый урок

Часть практики восстанавливается. Теория и опубликованные уроки доступны уже сейчас. Если для отдельного шага ещё нет задания или теста, он откроется для чтения и не будет ошибочно засчитан как пройденный.

Пройдено0 / 18

Примерное время7 ч

Модули6

Уроки18

Уроки курса

Откройте любой опубликованный урок. Порядок программы влияет на зачёт прогресса, но не скрывает учебный материал.

1Каскад, слои и управляемая specificity3 уроки0 / 3

Каскад, слои и управляемая specificityОткрыть

Проверка модели: Каскад, слои и управляемая specificityОткрыть

Практика: Каскад, слои и управляемая specificityОткрыть

2Box model, intrinsic sizing и overflow3 уроки0 / 3

Box model, intrinsic sizing и overflowОткрыть

Проверка модели: Box model, intrinsic sizing и overflowОткрыть

Практика: Box model, intrinsic sizing и overflowОткрыть

3Flexbox: main axis, intrinsic minimums и wrapping3 уроки0 / 3

Flexbox: main axis, intrinsic minimums и wrappingОткрыть

Проверка модели: Flexbox: main axis, intrinsic minimums и wrappingОткрыть

Практика: Flexbox: main axis, intrinsic minimums и wrappingОткрыть

4Grid: tracks, minmax и устойчивый visual order3 уроки0 / 3

Grid: tracks, minmax и устойчивый visual orderОткрыть

Проверка модели: Grid: tracks, minmax и устойчивый visual orderОткрыть

Практика: Grid: tracks, minmax и устойчивый visual orderОткрыть

5Responsive conditions: viewport, container и fluid ranges3 уроки0 / 3

Responsive conditions: viewport, container и fluid rangesОткрыть

Проверка модели: Responsive conditions: viewport, container и fluid rangesОткрыть

Практика: Responsive conditions: viewport, container и fluid rangesОткрыть

6Проект: responsive learning dashboard3 уроки0 / 3

Проект: responsive learning dashboardОткрыть

Проверка модели: Project checkpoint: responsive learning dashboardОткрыть

Практика: responsive learning dashboard maintenanceОткрыть