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

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

Подписка

О курсе

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

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

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

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

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

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

Вы научитесь

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

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

  • 5 видео уроков
  • Домашние задания
  • Проверка ДЗ
Войдите или зарегестрируйтесь для того чтоб продолжить просмотр бесплатного видео

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

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

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

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

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

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

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

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

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

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

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

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

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

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