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

[Нетология] Адаптивная и мобильная верстка 15 декабря - 23 января ​ Новый уровень знаний Дополните свои знания современных возможностей браузеров и CSS, чтобы решать большую часть задач по вёрстке Самые актуальные подходы Видение того, как делать адаптив, активно менялось последние годы. Поэтому важно взять на вооружение самые передовые подходы Больше чем просто разработчик Получите опыт, который позволит стать незаменимым звеном в процессе проектирования и создания современных отзывчивых веб-интерфейсов Чему вы научитесь в течение курса: Резиновая вёрстка 4 часа практики 2 часа теории Используем проценты для задания ширины блоков и задаём диапазон, в пределах которого ширина будет меняться. Разбираем как работать с изображениями, размер которых должен подстраиваться под размер блока. Выясняем, где могут пригодиться возможности функции calc. Мобильная вёрстка 6 часов практики 3 часа теории Исследуем особенности и ограничения мобильных устройств, которые важно учитывать при верстке макетов, которые будут на них использоваться. Знакомимся с подходом Mobile First (сначала мобильные). Учимся оценивать готовность дизайн-макета для верстки под мобильные устройства. Адаптивная вёрстка 8 часов практики 4 часа теории Изучаем основные принципы отзывчивой верстки. Используем средства, с помощью которых можно реализовать страницу, подстраивающуюся под устройства на которых она открывается. Учитываем размеры, ориентацию экрана и другие характеристики. Вёрстка страниц сайта адаптирующегося под различные устройства 8 часов практики 2 часа теории Работа над курсовым проектом под руководством опытного наставника. В рамках верстки страниц проекта вам предстоит использовать все знания полученные на курсе, собрав все отработанные практики вместе. Задача будет максимально приближена к тем, что получает frontend-разработчик в компании. Ваше резюме после обучения Frontend-разработчик Ключевые навыки: Адаптивная вёрстка Отзывчивая вёрстка Вёрстка под тач-устройства Вёрстка под мобильные устройства Выбор breakpoints Flexbox Медиа-выражения