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

Обзор

• Info
• GitHub Pages
• Примененные знания
• Figma
• Планы на будущее

Info

Это сервис Mesto: интерактивная страница, куда можно добавлять фотографии, удалять их и ставить лайки. Работа выполнена в рамках серии проeктных работ на курсе Web-разработчик (Яндекс Практикум).

1. Mesto ⬅ этот репозиторий
2. Mesto (версия на React)
3. Mesto (версия на React с авторизацией и регистрацией)

GitHub Pages

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

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

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

Figma

Проект выполнен по дизайн-макету в Figma.

• Ссылка на макет в Figma - 1 часть
• Ссылка на макет в Figma - 2 часть
• Ссылка на макет в Figma - 3 часть
• Ссылка на макет в Figma - 4 часть

Планы на будущее

✅ Завершено

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