Адаптивная и мобильная верстка
О чём курс
Вам нужен веб-интерфейс, который одинаково корректно отображается на смартфонах, планшетах и мониторах с любым разрешением — именно это вы освоите на курсе. Здесь разбирают, как перестать верстать «по пикселям» и перейти к гибким структурам, используя современные возможности CSS.
Внутри курса:
- Резиновая вёрстка: настройка блоков через проценты, работа с адаптивными изображениями и вычисления через функцию calc.
- Mobile First: проектирование интерфейсов с учетом ограничений мобильных устройств и специфики тач-интерфейсов.
- Медиа-выражения и Breakpoints: настройка логики отображения контента в зависимости от ориентации и размера экрана.
Курс ориентирован на frontend-разработчиков, которые хотят систематизировать работу с отзывчивыми интерфейсами. Финалом обучения станет верстка курсового проекта, максимально приближенного к реальным задачам, которые решают разработчики в компаниях.
Программа обучения
- Модуль: Резиновая вёрстка
- Теория: 2 часа
- Практика: 4 часа
- Модуль: Мобильная вёрстка
- Особенности и ограничения мобильных устройств
- Подход Mobile First
- Оценка готовности дизайн-макетов
- Теория: 3 часа
- Практика: 6 часов
- Модуль: Адаптивная вёрстка
- Основные принципы отзывчивой верстки
- Реализация страниц, адаптирующихся под различные характеристики устройств
- Теория: 4 часа
- Практика: 8 часов
- Модуль: Вёрстка страниц сайта адаптирующегося под различные устройства
- Курсовой проект
- Теория: 2 часа
- Практика: 8 часов
Другие материалы школы 12
Н Нетология Все материалыОтзывов пока нет. Будьте первым!
Это не розничная цена — это ваш взнос в складчину. Мы собираем группу участников и делим между ними стоимость официального доступа: каждый платит только свою долю, а получает весь материал. Чем больше участников, тем меньше взнос. После того как сумма собрана, мы оформляем официальный доступ и раздаём материалы всем, кто участвовал.
Нажмите кнопку «Получить доступ» на этой странице и следуйте инструкциям. Вас переведёт на форму оплаты — доступны все современные способы (карта, СБП, электронные кошельки). После оплаты на почту придёт письмо с доступом: материалы выдаются в разделе «Мои складчины» на нашем основном сайте skladchik.org. Учтите: в России skladchik.org открывается только через ускоритель интернета (VPN) — настроить его можно за пару минут по инструкции на skladchik-kak-voiti.online.
Да, конечно. Все материалы — видео, PDF, дополнительные файлы — можно скачать к себе на компьютер и пользоваться ими сколько угодно, без ограничений по времени. Ссылки остаются активными в вашей библиотеке «Мои складчины».