# Неделя #4: Vue.js
# Задачи на неделю
- Зарегистрироваться на сервере авторизации
- Собрать страницу логина
- Реализовать аутентификацию (логин)
- Подключить роутер
- "Оживить" страницу админ панели "Обо мне"
# Как все успеть
# 🗓 Понедельник
Смотрим курсы "Vue.js. Написание приложения" + "Vue.js. Composition API"
Подключаем роутер в приложение и выносим страницу "Обо мне" как компонент роутера.
Для выполнения этого пункта необходимо:
- Подключить роутер
- Создать папку pages и компонент, к примеру, about.vue (для того что бы компоненты страниц хранить отдельно от общих компонентов)
- Вынести код относящийся к странице в отдельный компонент
- Подключить компонент about.vue для корневого ( / ) пути в роутере;
# 🗓 Вторник
Смотрим курс "Асинхронность в JavaScript"
Практика
В качестве закрепления полученных знаний попробуйте отправить GET запрос при помощи библиотеки axios на адрес https://pokeapi.co/api/v2/pokemon/charmander и выведите любые поля этого объекта в произвольном формате на страницу.
# 🗓 Среда
Смотрим курс Работа с API для проекта портфолио
Регистрируемся на сервере авторизации (для этого нужно запустить yarn reg и указать логин и пароль, желательно к логину дописать число и месяц старта вашего потока, к примеру nickname0311)
Собираем страницу логина и подключаем ее в роутер по адресу /login
Реализуем логин и получение токена c сохранением его в localStorage
Запросы
В качестве библиотеки для запросов необходимо использовать axios.
При выполнении запросов убедитесь что указан secure протокол, т.е HTTPS
На текущей неделе токен будет действовать в течении 5 часов, по истечении этого времени, необходимо будет совершить логин еще раз.
# 🗓 Четверг
Смотрим воркшоп по реализации задания на неделю
# 🗓 Пятница + Выходные
Реализуем добавление/удаление/обновление скиллов и их категорий посредством "общения" с API проекта