/mesto

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

Primary LanguageJavaScript

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

О чем?

Проект служит для отработки работы с ванильным js.

Готовый функционал

  • Добавить карточку места.
  • Удалить карточку места, но только свою - чужие нельзя.
  • Обновить аватар.
  • Обновить данные "Имя" и "Обо мне".
  • Валидация форм.
  • Открытие изображения полноразмерно по клику.
  • Постановка и снятие лайка карточкам вместе с другими пользователями сервиса.

Что используется?

  • Бэм методология по Nested;
  • flex для большинства выравниваний;
  • grid для сетки с местами;
  • код отрабатывающий в случае переполнения текстового блока;
  • добавление-удаление классов через js;
  • переопределение атрибутов элементов через js;
  • template для динамического создания элементов верстки;
  • плавность интерактивных элементов;
  • кастомный alt для изображений карточек;
  • js валидация форм;
  • адаптивная верстка;
  • ООП - подход к организации кода;
  • классы вынесены в отдельные модули;
  • webpack сборщик;
  • babel для адаптивности к старым браузерам;
  • работа с api-сервера ч\з fetch синтаксис;
  • JSDoc;
  • Работа над UX: отправка форм по enter, закрытие форм по клику на overlay и esc, изменение значений кнопок-submit на время fetch-запроса, блокировка дабл-кликов для функциональных элементов во избежание некорректной работы.