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