Проект одностраничного сайта "Место", демонстрирующий возможности HTML, CSS и JavaScript, рассмотренные в рамках третьего и четвертого курсов «Веб-разработчик» в Яндекс Практикум.
В проекте реализован следующий функционал:
- динамическое формирование страницы на основе template
- всплывающие формы для редактирования профиля и добавления мест
- просмотр детального изображения во всплывающем окне
- удаление мест
- лайк мест
- плавное открытие и закрытие всплывающих окон
- закрытие всплывающих окон кнопкой escape и кликом на overlay
- динамическая валидация форм с отображением ошибок
- взаимодействие с сервером
В проекте демонстрируются следующие технологии:
- Flex
- Grid
- адаптивная верстка
- методология БЭМ (блоки, элементы, модификаторы, файловая структура)
- основы обращения с DOM через JavaScript (popup, редактирование текста, добавление/удаление классов)
- классы, наследование, слабое связывание между классами
- для сборки проекта используется webpack
- HTTP запросы
- Promise
Проект размещен в github pages
Следующим этапом развития проекта Mesto является использование React. Работы по портированию проекта на React ведутся в репозитории yp-4-mesto-react. Изменений в данном репозитории далее не планируется.