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

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

Начать бесплатно
ITVDN logo
Видеокурсы по
программированию

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

Начать бесплатно

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

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

Чему вы научитесь на этом курсе:

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


Этот курс входит в специальности:

ВИДЕОУРОК №1. Знакомство с курсом Верстка сайта на FlexBox CSS

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

Доступ к полному курсу с учебными материалами и тестированием на 30 дней за 9.99 USD

Купить
Описание видеоурока
Титры видеоурока
Скачать материалы
Рекомендуемая литература
Технология flexbox позволяет создавать более легко и правильнее разкладку елементов для веб-страницы в отличии от float-ов. Flexbox позволяют с легкостью выравнивать елементы по горизонтали и по вертикали, менять направление и порядок отображение элементов, растягивать блоки на всю высоту или ширину родителя или прибивать их к любому краю родительского елемента.
Титров к данному уроку не предусмотрено
Рекомендуемой литературы к данному уроку не предусмотрено
комментарии и обсуждения
Notification success