# Неделя #1: Сборка и начало вёрстки

# Задачи на неделю

  1. Изучить все материалы первой недели курса в Личном кабинете.
  • Работа с пакетным менеджером Yarn
  • Основы сборщика Webpack и устройство сборки проекта
  • Модуль Pug
  1. Клонировать Сборку будущего проекта.

  2. Сверстать публичную часть проект (лендинг), используя сборку. Без админки, адаптива и JavaScript. Только html (c использованием Pug) и css (через PostCSS).

# Как все успеть

Данный план является примерным ориентиром. Вы всегда можете работать в удобном для себя темпе. Оптимальное время, которое мы рекомендуем выделять на обучение: ~20 часов в неделю.

# 🗓 Понедельник

Смотрим видео Открытие курса.

Ставим реальное фото на аватарку, фамилию и имя в Slack.

Заполняем данные о себе в Личном кабинете.

Изучаем материалы модуля Yarn.

# 🗓 Вторник

Клонируем Сборку и осваиваемся с ней.

Изменения в файл README.md.

  • Добавить свои ФИО, дату прохождения курса.
  • Прочие изменения в Сборке могут быть внесены по согласованию с наставником.
  • Данная сборка будет основой для вашего Выпускного проекта. Как только вы начнете работать над версткой, ваша Сборка становится вашим Выпускным проектом.

Изучаем материалы модуля Webpack.

# 🗓 Среда

Изучаем материалы модуля Pug.

Выбираем свой вариант домашнего задания и изучаем макет.

Верстаем макет.

Подход

Для реализации верстки можно выбрать один из следующих подходов

  1. Изначально описывается разметка для всей страницы, затем к ней применяются стили
  2. Верстается до состояния Perfect Pixel каждая секция по очереди
  3. Верстаем секции ориентировочно, затем выравниваем до состояния Perfect Pixel

# 🗓 Четверг

Смотрим Воркшоп первой недели

Продолжаем работу над версткой проекта.

Важно

  • Все ссылки должны реагировать на :hover, :active и :focus.
  • В вёрстке не должны оставаться закомментированные «на всякий случай» куски кода, лишние неиспользуемые файлы, старые версии файлов и т.п.
  • Ссылки на сторонние ресурсы должны быть с target="_blank".

# 🗓 Пятница и Выходные

Заканчиваем верстку проекта.

Подготавливаем проект к сдаче.

Размещаем выпускной проект на Github Pages.

# Результат