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

Netology

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

Программа

1. Резиновая вёрстка

Используем проценты для задания ширины блоков и задаём диапазон, в пределах которого ширина будет меняться. Разбираем как работать с изображениями, размер которых должен подстраиваться под размер блока. Выясняем, где могут пригодиться возможности функции calc.

2. Мобильная вёрстка

Исследуем особенности и ограничения мобильных устройств, которые важно учитывать при верстке макетов, которые будут на них использоваться. Знакомимся с подходом Mobile First (сначала мобильные). Учимся оценивать готовность дизайн-макета для верстки под мобильные устройства.

3. Адаптивная вёрстка

Изучаем основные принципы отзывчивой верстки. Используем средства, с помощью которых можно реализовать страницу, подстраивающуюся под устройства на которых она открывается. Учитываем размеры, ориентацию экрана и другие характеристики.

4. Вёрстка страниц сайта адаптирующегося под различные устройства

Работа над курсовым проектом под руководством опытного наставника. В рамках верстки страниц проекта вам предстоит использовать все знания полученные на курсе, собрав все отработанные практики вместе. Задача будет максимально приближена к тем, что получает frontend-разработчик в компании.
Сессии:
  • 25 мая 2018
Характеристики онлайн курса:
  • Бесплатный:
  • Платный:
  • Сертификат:
  • MOOC:
  • Видеолекции:
  • Аудиолекции:
  • Email-курс:
  • Язык: Русский Ru

Отзывы

Пока никто не написал отзыв по этому курсу. Хотите быть первым?

Зарегистрируйтесь, чтобы оставить отзыв

Ещё из рубрики «Бизнес и менеджмент»:
Netology Интернет-маркетолог: от новичка до профи
Хотите в сжатый срок освоить все основные инструменты интернет-маркетинга и...
Netology SMM-менеджер: продвижение бизнеса в социальных сетях
Онлайн-интенсив позволит вам разобраться в нюансах техники привлечения и уд...
Netology Веб-аналитика: что нужно знать интернет-специалисту
Веб-аналитика: что нужно знать интернет-специалисту
Netology Node, AngularJS и MongoDB: разработка полноценных веб-приложений
Node, AngularJS и MongoDB: разработка полноценных веб-приложений
Netology Adobe Photoshop: основы для веб-дизайнера
Adobe Photoshop: основы для веб-дизайнера
Ещё от Netology:
Netology Интернет-маркетолог: от новичка до профи
Хотите в сжатый срок освоить все основные инструменты интернет-маркетинга и...
Netology SMM-менеджер: продвижение бизнеса в социальных сетях
Онлайн-интенсив позволит вам разобраться в нюансах техники привлечения и уд...
Netology Веб-аналитика: что нужно знать интернет-специалисту
Веб-аналитика: что нужно знать интернет-специалисту
Netology Node, AngularJS и MongoDB: разработка полноценных веб-приложений
Node, AngularJS и MongoDB: разработка полноценных веб-приложений
Netology Adobe Photoshop: основы для веб-дизайнера
Adobe Photoshop: основы для веб-дизайнера

© 2013-2017