Skip to content

kvitkina/mesto

Repository files navigation

Место

Проект одностраничного сайта (HTML5, CSS, JS).

С помощью JavaScript реализованы попапы:

  • для редактирования данных профиля
  • для редактирования аватара
  • для подтверждения удаления карточки
  • для добавления нового места с фото
  • для просмотра фотографии

А также:

  • закрытие попапов с помощью кнопки Escape
  • закрытие попапов нажатием на область вокруг попапов
  • удаление карточек
  • лайк карточек с отображением количества лайков
  • прелодер на кнопках сабмита в попапах

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

  • Grid Layout
  • Медиазапросы
  • flexbox
  • названия классов по БЭМ
  • структура файлов Nested по БЭМ
  • поиск элементов в DOM-дереве
  • Манипуляции с классами CSS
  • ООП (инкапсуляция, наследование, полиморфизм)
  • Webpack
  • API

Был произведен рефакторинг кода по ООП

JS разбит на модули.

Классы, переменные и функции экспортируется и импортируются в нужные файлы

Сборка проекта настроена с помощью Webpack

Проект подключен к серверу

Проект выложен на GitHab Pages. Вот ссылка https://kvitkina.github.io/mesto

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published