Модуль 3. Адаптивная вёрстка и работа с макетом

Слушатель научится работать с макетами, создавать интерфейсы для разных устройств (настольных компьютеров, ноутбуков, планшетов, смартфонов), размещать сайт в интернете и публиковать изменения в нём.

Часов в программе

6,00 часов

лекции

21,00 час

практика

18,00 часов

самостоятельная

2,00 часа

промежуточная аттестация

47,00 часов

всего

Материально-технические условия реализации программы:

Вид занятий: Самостоятельная работа.
Требуемое ПО:
Браузер Google Chrome и/или Яндекс.Браузер. Google Docs, Google Sheets, MS Office.

Информационные ресуры

Псевдоэлемент в CSS. Режим доступа: https://developer.mozilla.org/ru/docs/Web/CSS/Pseudo-elements

Полное руководство по CSS Grid. Режим доступа: https://tuhub.ru/posts/css-grid-complete-guide

A Complete Guide to Grid. Режим доступа: https://css-tricks.com/snippets/css/complete-guide-grid/

Образовательные ресуры

Интерактивная образовательная онлайн-среда Яндекса.

Учебно-методические материалы

Методы, формы и технологии

Форма обучения - заочная.
В модуле используются наглядные, словесные и практические методы организации процесса обучения.
Методы контроля: самопроверки, автоматизированная проверка в специально выделенной (изолированной) среде для безопасного исполнения компьютерных программ, взаимопроверки слушателями выполненных работ.

Методические разработки

Дополнительная профессиональная программа профессиональной переподготовки "Веб-разработчик"

Материалы курса

Все материалы расположены в интерактивном учебнике в LMS Яндекс Практикума.

Учебная литература

1. БЭМ. Методология и документация. Режим доступа:https://ru.bem.info/methodology/key-concepts/
2. Макеев В. Чему меня научил год изучения и преподавания доступности. Режим доступа: https://medium.com/web-standards/what-accessibility-taught-me-207d1ff0e80c

Темы

Тема 1. Работа с макетом Тема 2. Дизайн в мире множества устройств Тема 3. Неполный бриф, неточный макет Тема 4. Grid Layout Тема 5. Разработка интерфейса для разных устройств Тема 6. Что делать, если не получается сделать страницу адаптивной Тема 7. GIT для взрослых Тема 9. Проектная работа. Адаптивная верстка