- Info
- GitHub Pages
- Примененные знания
- Figma
- Планы на будущее
Это сервис Mesto: интерактивная страница, куда можно добавлять фотографии, удалять их и ставить лайки. Работа выполнена в рамках серии проeктных работ на курсе Web-разработчик (Яндекс Практикум).
- Mesto ⬅ этот репозиторий
- Mesto (версия на React)
- Mesto (версия на React с авторизацией и регистрацией)
- Открыть в браузере сайт Mesto
- Соверменная верстка с использованием Flexbox и Grid Layout
- Семантическая верстка
- Адаптивная верстка сайта для разных экранов (от 320 до 1280+)
- Верстка форм (текстовые поля и кнопки)
- Методология БЭМ
- Базовая работа с JavaScript:
- работа с обработчиками событий
addEventListener
- получение и вывод данных из DOM-дерева
- создание/удаление элементов без перезагрузки страницы
- валидация форм
- работа с обработчиками событий
- Объектно-ориентированное программирование
- разбиение скрипта на модули с классами
- создание и вставка элементов на страницу
- слабое связывание между классами через колбек-функции
- Сборка проекта с Webpack
- установка, подключение и настройка npm-модулей
- минификация и транспиляция JS-кода с помощью Babel
- обработка и минификация CSS-стилей с помощью PostCSS
- обработка локальных изображений
- деплой собранного проекта на GitHub Pages
- Асинхронные функции
- колбэки
- промисы
- Работа с HTTP-запросами к удаленному серверу
- fetch
Проект выполнен по дизайн-макету в Figma.
- Ссылка на макет в Figma - 1 часть
- Ссылка на макет в Figma - 2 часть
- Ссылка на макет в Figma - 3 часть
- Ссылка на макет в Figma - 4 часть
✅ Завершено
Дальнейшая разработка ведется в репозитории Mesto (версия на React)