# Неделя #1: Сборка и начало вёрстки
# Задачи на неделю
- Изучить все материалы первой недели курса в Личном кабинете.
- Работа с пакетным менеджером Yarn
- Основы сборщика Webpack и устройство сборки проекта
- Модуль Pug
Клонировать Сборку будущего проекта.
Сверстать публичную часть проект (лендинг), используя сборку. Без админки, адаптива и JavaScript. Только html (c использованием Pug) и css (через PostCSS).
# Как все успеть
Данный план является примерным ориентиром. Вы всегда можете работать в удобном для себя темпе. Оптимальное время, которое мы рекомендуем выделять на обучение: ~20 часов в неделю.
# 🗓 Понедельник
Смотрим видео Открытие курса.
Ставим реальное фото на аватарку, фамилию и имя в Slack.
Заполняем данные о себе в Личном кабинете.
Изучаем материалы модуля Yarn.
# 🗓 Вторник
Клонируем Сборку и осваиваемся с ней.
Изменения в файл README.md.
- Добавить свои ФИО, дату прохождения курса.
- Прочие изменения в Сборке могут быть внесены по согласованию с наставником.
- Данная сборка будет основой для вашего Выпускного проекта. Как только вы начнете работать над версткой, ваша Сборка становится вашим Выпускным проектом.
Изучаем материалы модуля Webpack.
# 🗓 Среда
Изучаем материалы модуля Pug.
Выбираем свой вариант домашнего задания и изучаем макет.
Верстаем макет.
Подход
Для реализации верстки можно выбрать один из следующих подходов
- Изначально описывается разметка для всей страницы, затем к ней применяются стили
- Верстается до состояния Perfect Pixel каждая секция по очереди
- Верстаем секции ориентировочно, затем выравниваем до состояния Perfect Pixel
# 🗓 Четверг
Смотрим Воркшоп первой недели
Продолжаем работу над версткой проекта.
Важно
- Все ссылки должны реагировать на :hover, :active и :focus.
- В вёрстке не должны оставаться закомментированные «на всякий случай» куски кода, лишние неиспользуемые файлы, старые версии файлов и т.п.
- Ссылки на сторонние ресурсы должны быть с target="_blank".
# 🗓 Пятница и Выходные
Заканчиваем верстку проекта.
Подготавливаем проект к сдаче.
Размещаем выпускной проект на Github Pages.