Адаптивная и мобильная верстка

65 участников

О чём курс

Вам нужен веб-интерфейс, который одинаково корректно отображается на смартфонах, планшетах и мониторах с любым разрешением — именно это вы освоите на курсе. Здесь разбирают, как перестать верстать «по пикселям» и перейти к гибким структурам, используя современные возможности CSS.

Внутри курса:

  • Резиновая вёрстка: настройка блоков через проценты, работа с адаптивными изображениями и вычисления через функцию calc.
  • Mobile First: проектирование интерфейсов с учетом ограничений мобильных устройств и специфики тач-интерфейсов.
  • Медиа-выражения и Breakpoints: настройка логики отображения контента в зависимости от ориентации и размера экрана.

Курс ориентирован на frontend-разработчиков, которые хотят систематизировать работу с отзывчивыми интерфейсами. Финалом обучения станет верстка курсового проекта, максимально приближенного к реальным задачам, которые решают разработчики в компаниях.

Программа обучения

  • Модуль: Резиновая вёрстка
    • Теория: 2 часа
    • Практика: 4 часа
  • Модуль: Мобильная вёрстка
    • Особенности и ограничения мобильных устройств
    • Подход Mobile First
    • Оценка готовности дизайн-макетов
    • Теория: 3 часа
    • Практика: 6 часов
  • Модуль: Адаптивная вёрстка
    • Основные принципы отзывчивой верстки
    • Реализация страниц, адаптирующихся под различные характеристики устройств
    • Теория: 4 часа
    • Практика: 8 часов
  • Модуль: Вёрстка страниц сайта адаптирующегося под различные устройства
    • Курсовой проект
    • Теория: 2 часа
    • Практика: 8 часов
Складчина создана 8 декабря 2017 г. · описание обновлено 23 марта 2026 г.

Другие материалы школы 12

Н Нетология Все материалы
614 ₽ 17 900 ₽