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

Сервис Mesto: интерактивная страница, куда можно добавлять фотографии, удалять их и ставить лайки. Выполнен в рамках серии проектных работ в Яндекс.Практикуме по профессии «Веб-разработчик» (от начала изучения JavaScript, спринт 4, и далее).

Это часть работы над проектом Mesto:

1. Mesto ⬅ этот репозиторий
2. Mesto (версия на React)
3. Mesto (версия на авторизацией и регистрацией)
4. Mesto (версия для сервера)
5. Mesto (версия с фронтендом и бэкендом)

Исходные данные

• Макет в Figma
• Брифы по проекту
• Чеклисты с конкретными требованиями по функциональности

Примененные знания

• Соверменная верстка с использованием Flexbox и Grid Layout
• Семантическая верстка
• Адаптивная верстка сайта для разных экранов (от 320 до 1280+)
• Верстка форм (текстовые поля и кнопки)
• Методология БЭМ
• Базовая работа с JavaScript:
  • работа с обработчиками событий addEventListener
  • получение и вывод данных из DOM-дерева
  • создание/удаление элементов без перезагрузки страницы
  • валидация форм
• Объектно-ориентированное программирование
  • разбиение скрипта на модули с классами
  • создание и вставка элементов на страницу
  • слабое связывание между классами через колбек-функции
• Сборка проекта с Webpack
  • установка, подключение и настройка npm-модулей
  • минификация и транспиляция JS-кода с помощью Babel
  • обработка и минификация CSS-стилей с помощью PostCSS
  • обработка локальных изображений
  • деплой собранного проекта на GitHub Pages
• Асинхронные функции
  • колбэки
  • промисы
• Работа с HTTP-запросами к удаленному серверу
  • fetch

Открыть сайт в браузере

novvember.github.io/mesto

Статус разработки

✅ Завершено

Дальнейшая разработка ведется в репозитории Mesto (версия на React)