/yp-3-mesto-vanilla-js

ЯндексПрактикум. Проектная работа #3: проект Mesto (верстка + vanilla JS)

Primary LanguageJavaScript

Проект: Место

Проект одностраничного сайта "Место", демонстрирующий возможности HTML, CSS и JavaScript, рассмотренные в рамках третьего и четвертого курсов «Веб-разработчик» в Яндекс Практикум.

Функционал

В проекте реализован следующий функционал:

  • динамическое формирование страницы на основе template
  • всплывающие формы для редактирования профиля и добавления мест
  • просмотр детального изображения во всплывающем окне
  • удаление мест
  • лайк мест
  • плавное открытие и закрытие всплывающих окон
  • закрытие всплывающих окон кнопкой escape и кликом на overlay
  • динамическая валидация форм с отображением ошибок
  • взаимодействие с сервером

Используемые технологии

В проекте демонстрируются следующие технологии:

  • Flex
  • Grid
  • адаптивная верстка
  • методология БЭМ (блоки, элементы, модификаторы, файловая структура)
  • основы обращения с DOM через JavaScript (popup, редактирование текста, добавление/удаление классов)
  • классы, наследование, слабое связывание между классами
  • для сборки проекта используется webpack
  • HTTP запросы
  • Promise

Демонстрация

Проект размещен в github pages

Планы по доработке проекта

Следующим этапом развития проекта Mesto является использование React. Работы по портированию проекта на React ведутся в репозитории yp-4-mesto-react. Изменений в данном репозитории далее не планируется.