Изучай Flexbox CSS с нуля на украинском языке
ITVDN: курсы программирования
Видеокурсы по
программированию

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

    Подписка

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

    Подписка

      Добрый день, друзья!

      Сегодня имеем хорошие новости для всех, кто хочет научиться создавать гибкие веб-сайты с помощью современных технологий – на ITVDN опубликован новый курс “CSS Flexbox”. Курс на украинском языке!

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

      Это особенно удобно при адаптивной и мобильной вёрстке, когда размеры вашей интернет-страницы не фиксированы и меняют свой размер в зависимости от устройства, с которого пользователь зашел на сайт.

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

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

      Автор курса – Алексей Кучеренко, Frontend разработчик и тренер-консультант CyberBionic Systematics.

      Курс состоит из 4 уроков общей продолжительностью 2 часа 40 минут.

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

      1. Знакомство с Flexbox.
      2. Верстание трёх секций.
      3. Изменение потока и медиа-запросы.
      4. Адаптивная вёрстка сайта.

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

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

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

      Материал рассчитан на тех, кто имеет базовые знания HTML & CSS.

      Смотрите первый урок в свободном доступе. Курс уже доступен на нашем сайте в полном объеме – для каждого урока есть практические задания, опорный конспект и онлайн тесты для более глубокого усвоения материала. Если у вас есть активная подписка, вы можете просмотреть его прямо сейчас.

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

                    

      КОММЕНТАРИИ И ОБСУЖДЕНИЯ
      ВИДЕО КУРСЫ ПО СХОЖЕЙ ТЕМАТИКЕ
      СТАТЬИ ПО СХОЖЕЙ ТЕМАТИКЕ

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

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

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

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