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

compare_arrows

Используем проценты для задания ширины блоков и задаём диапазон, в пределах которого ширина будет меняться. Разбираем как работать с изображениями, размер которых должен подстраиваться под размер блока. Выясняем, где могут пригодиться возможности функции calc. Исследуем особенности и ограничения мобильных устройств, которые важно учитывать при верстке макетов, которые будут на них использоваться. Знакомимся с подходом Mobile First (сначала мобильные). Учимся оценивать готовность дизайн-макета для верстки под мобильные устройства. Изучаем основные принципы отзывчивой верстки. Используем средства, с помощью которых можно реализовать страницу, подстраивающуюся под устройства на которых она открывается. Учитываем размеры, ориентацию экрана и другие характеристики. Работа над курсовым проектом под руководством опытного наставника. В рамках верстки страниц проекта вам предстоит использовать все знания полученные на курсе, собрав все отработанные практики вместе. Задача будет максимально приближена к тем, что получает frontend-разработчик в компании.