Вивчай верстку сайту на FlexBox безкоштовно
ITVDN: курси програмування
Відеокурси з
програмування

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

    Підписка

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

    Підписка

      Акція закінчилась. Більше актуальних пропозицій у розділі Акції!

      Усі акції

      С 3 по 10 декабря 2020 года на ITVDN проходит акция — вы можете пройти обучение по курсу Верстка сайта на FlexBox CSS” бесплатно!

      Что такое FlexBox?

      FlexBox (читается как “флексбокс”) призван упростить позиционирование элементов на странице. Он позволяет забыть о проблемах с неудобной ручной настройкой размеров и положения блоков, которая отняла бы у вас кучу времени так и не дав желаемого результата. С помощью технологии флексбокс вы можете задать желаемое поведение всем элементам страницы, прописав минимум кода. Это особенно удобно при адаптивной и мобильной верстках, когда размеры вашей интернет-странички не фиксированы и меняют свой размер в зависимости от устройства, с которого пользователь зашел на сайт.

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

      Сегодня флексбоксы очень популярны в использовании и поддерживаются почти всеми современными браузерами.

      О курсе “Верстка сайта на FlexBox CSS”

      Автор видео курса — Виталий Мазяр, сертифицированный FrontEnd разработчик и тренер учебного центра CyberBionic Systematics.

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

      Вы узнаете, как работать с готовым макетом в Photoshop-е, а именно: определение точного расстояния между элементами, выгрузка иконок, картинок, шрифтов, а также цветов, в которые окрашены элементы.

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

      Программа курса:

      1. Знакомство с курсом Верстка сайта на FlexBox CSS
      2. Введение в FlexBox
      3. Верстка трех секций
      4. Смена потока и медиа запросы
      5. Адаптивная верстка сайта

      Для кого этот курс

      Курс предназначен прежде всего для начинающих верстальщиков и FrontEnd разработчиков, а также для всех, кого интересует такая технология верстки сайтов, как FlexBox. Чтобы освоить флексбоксы, вам необходимо знать языки HTML и CSS на базовом уровне.

      Курс входит в комплексные программы обучения по специальностям FrontEnd Developer, Верстальщик сайтов.

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

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

      Сроки акции

      Акция проходит с 3 по 10 декабря 2020 года включительно. Доступ к курсу открывается на 10 дней.

      КОМЕНТАРІ ТА ОБГОВОРЕННЯ
      СТАТТІ ЗА СХОЖОЮ ТЕМАТИКОЮ
      Notification success
      Ми використовуємо cookie-файли, щоб зробити взаємодію з нашими веб-сайтами та послугами простою та значущою.