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