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

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

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

    Выбери свою 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 для создания «резиновой» верстки. Познакомиться с процессом завершения планшетной и мобильной версии простой страницы без использования дополнительных правил медиа запросов.
      Читать дальше...
      ПОКАЗАТЬ ВСЕ
      Пакеты подписки с доступом ко всем курсам и сервисам

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

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