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

Заказать звонок

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

    Подписка

    Заказать звонок

    +38 099 757 27 82
    РУС
    • РУС
    • УКР
    Arrow
    Сегодня в 19.00! Разбор простых задач на Java. Вебинар для начинающих. Подробности
    Arrow

    О курсе

    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 $
    Оформить подписку
    Базовый
    • Все видеокурсы на 6 месяцев
    • Тестирование по 16 курсам
    • Проверка 10 домашних заданий
    • Консультация с тренером 60 мин
    89.99 $
    Оформить подписку
    Премиум
    • Все видеокурсы на 1 год
    • Тестирование по 24 курсам
    • Проверка 20 домашних заданий
    • Консультация с тренером 120 мин
    169.99 $
    Оформить подписку
    комментарии и обсуждения
    Notification success