CSS Flexbox
ITVDN: курсы программирования
Видеокурсы по
программированию

Выбери свою IT специальность

Подписка

О курсе

Flexbox — это современный инструмент верстки, позволяющий быстро создавать сложные гибкие макеты и функции, упрощая решение задач, для которых ранее мы использовали чистый CSS.

Данный курс позволит вам на практике рассмотреть приемы использования технологии Flexbox. Вы познакомитесь с общими понятиями и принципами логики работы технологии, научитесь применять основные свойства, рассмотрите способы взаимодействия между элементами, увидите то, как можно комбинировать медиа запросы с флексбоксом и многое другое.

Читать дальше...

Предварительные Требования

Базовые знания языка вёрстки HTML & CSS. Желательно ознакомление с технологией вёрстки Flexbox

Читать дальше...

Вы научитесь

- Выполнять верстку хедера макета и меню в нем.
- Создавать простое меню на сайте с использованием флексбокс технологии.
- Использовать свойства flex-grow и flex-shrink для создания «резиновой» верстки.
- Выполнять планшетную и мобильную версии простой страницы без использования дополнительных правил медиа запросов.
- Понимать функции свойств align-items, flex-wrap, order, а также их нюансы и преимущества использования.
- Работать с дополнительным потоком у flexbox, размещая элементы в нужной позиции.
- Понимать, как, зачем и когда нужно сменить направление основного потока.
- Размещать много рядовых блоков, вне зависимости от их количества, работая с флексбоксами.

Читать дальше...
Скачать материалы курса Для получения материалов курса нужно авторизоваться
Получить сертификат Для получения сертификата нужно авторизоваться
  • Длительность: 3 ч 0 м
  • Курс создан: 07.03.2023
  • Уроков: 4 из 4
  • Обновлен: 07.03.2023
  • Язык: украинский

Что входит в курс

  • 4 видео уроков
  • Домашние задания
  • Тестирование
  • Сертификат

×

Вы открыли доступ к тесту! Пройти тест

Вы действительно хотите открыть доступ к тестированию по курсу CSS Flexbox на 40 дней?

Войдите или зарегестрируйтесь для того чтоб продолжить просмотр бесплатного видео

Цель урока — ознакомиться с основами технологии Flexbox, общими понятиями и принципами логики работы технологии Flexbox, выработать понимание того, как использовать Flexbox на практике. Познакомиться с первоначальной простой структурой перед созданием лендинга страницы (одностраничный лендинг) и разобраться с тем, как выполнять первые шаги при верстке. Также рассмотреть создание простого меню на сайте с использованием флексбокс технологии.

Читать дальше...

Цель урока — ознакомиться с основными используемыми свойствами на практике и получить понимание того, когда их использовать. Разобрать какие есть возможности у свойств align-items, flex-wrap, order, а также их нюансы и преимущества использования.

Читать дальше...

Цель урока — разобрать, как, зачем и когда нужно сменить направление основного потока. Просмотреть, какие нюансы возникают при смене потока. Рассмотреть, каким становится поведение у свойства margin с Flexbox элементами, каким образом можно использовать медиа запросы при верстке макета, используя Flexbox технологию. Ознакомиться со свойством flex-direction и тем, как меняет свое поведение свойство margin с использованием флексбоксов.

Читать дальше...

Цель урока — познакомиться со свойствами flex-grow и flex-shrink для создания «резиновой» верстки. Познакомиться с процессом завершения планшетной и мобильной версии простой страницы без использования дополнительных правил медиа запросов.

Читать дальше...
ПОКАЗАТЬ ВСЕ

Покупай подпискус доступом ко всем курсам и сервисам

Библиотека современных IT знаний в удобном формате

Выбирай свой вариант подписки в зависимости от задач, стоящих перед тобой. Но если нужно пройти полное обучение с нуля до уровня специалиста, то лучше выбирать Базовый или Премиум. А для того чтобы изучить 2-3 новые технологии, или повторить знания, готовясь к собеседованию, подойдет Пакет Стартовый.

Стартовый
  • Все видеокурсы на 3 месяца
  • Тестирование по 10 курсам
  • Проверка 5 домашних заданий
  • Консультация с тренером 30 мин
59.99 $
Оформить подписку
Базовый
  • Все видеокурсы на 6 месяцев
  • Тестирование по 16 курсам
  • Проверка 10 домашних заданий
  • Консультация с тренером 60 мин
89.99 $
Оформить подписку
Премиум
  • Все видеокурсы на 1 год
  • Тестирование по 24 курсам
  • Проверка 20 домашних заданий
  • Консультация с тренером 120 мин
169.99 $
Оформить подписку
комментарии и обсуждения
Notification success