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

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


​

• Новый уровень знаний
  Дополните свои знания современных возможностей браузеров и CSS, чтобы решать большую часть задач по вёрстке
• Самые актуальные подходы
  Видение того, как делать адаптив, активно менялось последние годы. Поэтому важно взять на вооружение самые передовые подходы
• Больше чем просто разработчик
  Получите опыт, который позволит стать незаменимым звеном в процессе проектирования и создания современных отзывчивых веб-интерфейсов

Чему вы научитесь в течение курса:

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

Ваше резюме после обучения
Frontend-разработчик
Ключевые навыки:

• Адаптивная вёрстка
• Отзывчивая вёрстка
• Вёрстка под тач-устройства
• Вёрстка под мобильные устройства
• Выбор breakpoints
• Flexbox
• Медиа-выражения