Практическая работа: "Место Rect JS App" по программе Яндекс.Практикум:
Сайт, где можно делиться фотографиями из путешествий теперь на React!
Ссылка на опубликованный проект https://bolshakovandrey.github.io/mesto-react/
Обзор
Место - сайт, где в дальнейшем можно будет постить свои фотографии, лайкать их и удалять.
Технологии
- Flexbox and Grid Layout
- Adaptive design
- HTML5
- CSS3
- BEM Nested
- JavaScript
- JSX
- Node.js
- React
Внешний вид соответствует макетам - макет предоставлен Yandex-Practicum:
В данном проекте:
- Закрепляем навыки адаптивной вёрстки;
- Оформляем анимацию;
- Учимся писать код на JavaScript;
- Управляем открытием и закрытием формы ввода;
- Знакомимся с функцией-обработчиком формы;
- Пишем валидацию форм на Javascript
- Используем парадигмы ООП
- Работаем с классами и модулями
- Разрабатываем REST API и настраиваем работу с сервером
- Портируем на React
Вёрстка:
- добавлен новый проект на Create React App
- портируем HTML разметку в JSX
- портируем стили
JavaScript:
- реализованно открытие и закрытие popup
- загрузка через api первоначальных фото и информации о пользователе
- реализовано изменения данных пользователя и его аватара
- реализовано добавление новых фотографий
- реализованы лайки/дизлайки
- реализовано удаление своих фотографий
JSX:
- разбиваем на компоненты
- переходим от императивного к декларативному подходу
- портируем и подключаем модуль API
- используем стейты