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

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

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

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

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

      ВИДЕОУРОК №2. Введение в FlexBox

      Войдите или зарегестрируйтесь для того чтоб продолжить просмотр бесплатного видео
      Технология 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-файлы, чтобы сделать взаимодействие с нашими веб-сайтами и услугами простым и значимым.