# Неделя #5 Работа над ВП №1. Начинаем работать над ВП №2

# Подготовка к выполнению задания

Изучить все материалы пятой недели курса в Личном кабинете.

# Что нужно сделать?

# Продолжаем работать над выпускным проектом №1

  1. Оживите форму:
  • после заполнения формы и нажатия на кнопку "Добавить", балун с формой должен быть закрыт, а на карту добавлен плейсмарк по тем координатам, по которым был открыт балун;
  • отзывы поблизости группируются в одну метку. У сгруппированных меток выводится их количество;
  • при масштабировании карты, происходит группировка меток;
  • после нажатия на плейсмарк, должа открываться форма для составления нового отзыва об этих кординатах;
  • на форме должны присутствовать все ранее оставленные для этих кординат отзывы;
  • при перезагрузке страницы, все отзывы и плейсмарки должны быть восстановлены (в базовом варианте для этого можно использовать localStorage, но вы можете создать свой сервер на node.js);

Задание с *

  • при нажатии на сгруппированный объект открывается карусель отзывов. При нажатии на адрес в карусели откроется окно с отзывами по данному адресу.

Пояснения к тз

  1. Для того, чтобы протестировать сделанную работу - запускаем тесты с помощью команды npm run test. Все доступные команды указаны в описании к сборке на GitHub и package.json

  2. После выполнения создаем Pull Request в Github. Ссылку отправляем наставнику на проверку.

Дедлайн: понедельник следующей недели, в 12.00

# Работа над ВП №2

Макет для выпускного проекта доступен по ссылке

# Что нужно сделать?

  1. Создайте приложение, которое показывает страницу входа в чат: поле для ввода ника и кнопка "Войти".

Пояснения к тз

  1. При нажатии на кнопку войти, необходимо скрыть окно входа и отобразить окно чата, состоящее из следующих элементов:
  • информации о текущем пользователе (ник, который мы ввели в окне входа и место для фото)
  • список пользователей
  • список сообщений
  • поле для ввода сообщения

Пояснения к тз

  1. Оживите интерфейс

3.1. Напишите web-soсket сервер, который:

  • сообщает всем, когда кто-то заходит в чат
  • сообщает всем, когда кто-то выходит из чата
  • сообщает всем, когда кто-то отправляет сообщение в чат

3.2. Оживите интерфейс:

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

Пояснения к тз

Обратите внимание!

  • Pull request обязательно делаем из ветки с текущим ДЗ в ветку мастер. В ветке мастер всегда должна лежать только сборка.

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

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

Данный план является примерным ориентиром. Вы всегда можете работать в удобном для себя темпе.

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

Изучаем материалы по теме "Работа с VK API и шаблонизация"

Работаем над выпускным проектом №1

# 🗓 Вторник

Продолжаем изучать материалы по теме "Работа с VK API и шаблонизация"

# 🗓 Среда

Изучаем материалы по теме "ООП

# 🗓 Четверг

Прорабатываем материалы из прикрепленных ссылок к теме "ООП"

Подготовьте вопросы и запишитесь на консультацию к наставнику (тариф "Уютный").

Доделываем выпускной проект №1

# 🗓 Пятница

Работаем над выпускным проектом №2

# 🗓 Выходные

Смотрим воркшоп с разбором заданий по пятой неделе.

Работаем над выпускным проектом №2

← Неделя #6 Работа над ВП №2. Начинаем работать над ВП №3 →