# Неделя #1: Главная страница

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

Изучить все материалы первой недели курса в Личном кабинете.
Развернуть проект при помощи vue-cli.
Собрать первую страницу приложения.

# План недели

Ознакомиться с макетами проекта
Посмотреть видео-курс Vue. Основные возможности (1ч 42м)
Посмотреть видео-курс Vue. Однофайловые компоненты (55м)
Развернуть проект
Посмотреть видео-курс ESLint (12м)
Посмотреть видео-курс Webpack (35м)
Реализовать компоненты главной страницы

Остальные видео-курсы которые вы встретите в модуле - приложены для помощи студентам которые не проходили предыдущие курсы профессии, либо для тех кто хочет освежить знания по данным темам.

# Разметка компонентов страницы

Главная страница

Синим цветом обозначены слоты
Компоненты располагаются в сл. директории

.
├─ src
│  └─ component
...

А структура файлов может быть следующей

Стуктура папок

# Описание сложного компонента

Разметка компонента

Синим цветом обозначен слот
Компонент toggler изменяет свое отображение по клику (стрелка меняет направление, изменяется надпись), и сообщает "наверх" свое состояние при помощи $emit (булево значение true/false)

# Создание компонента страницы

Вся страница представляет из себя vue-компонент
Этот компонент располагается в сл. директории

.
├─ src
│  └─ pages
│     └─ feeds
│        └─ feeds.vue
...

Получившийся компонент необходимо подключить в App.vue

# Общие пункты

В ходе работы вы будете встречать ошибки ESLint. Вы можете настраивать эти правила, так как вам удобоно. Например, если вам мешает правило no-console - отключите его! А лучше отключите его только для дев. стадии, что бы логи не просочились на продакшн.
Данные для компонентов и списков пока можно взять, например, из .json файлов, либо завести переменные внутри компонентов. Структура объектов может быть любая. В будущем, эти данные мы будет запрашивать с сервера.