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

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

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

Подписка

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

+38 099 757 27 82

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

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