Краткое описание:

Проект разрабатывается студентом курса "Яндекс-Практикум". Место- сайт, где можно делиться фотографиями.

Макет предоставлен Yandex-praktikum:

Макет 4

Макет 5

Макет 6

Макет 9

Фотографии брал с сайта

Unsplash

Спринт-11:

• отправка данных форм и другой информации в API
• реализована функция лайка и удаления карточки
• добавлены управляемые компоненты
• возможность редактирования аватара
• добавление новой карточки

Спринт-10:

• Создал новый проект на Create React App
• Портировал разметку сайта
• Портиновал стили
• Вынесите первые компоненты (App, Card, Footer, Header, ImagePopup, Main, PopupWithForm)
• Настроена работа попапов (открыть/закрыть)
• Подключил API
• реализовал показ полноразмерной картинки при клике

Спринт-9:

Подключение проекта Mesto к серверу.

Спринт-8:

Рефакторинг кода:

• создание класса Section, который отвечает за отрисовку элементов на странице.
• создание класса Popup, который отвечает за открытие и закрытие попапа.
• создание класса PopupWithImage, который наследует от Popup. Этот класс перезаписывает родительский метод open. В методе open класса PopupWithImage нужно вставлять в попап картинку и атрибут src изображения и подпись к картинке.
• создание класса UserInfo: отвечает за управление отображением информации о пользователе на странице.
• настроена сборка вебпаком

Спринт-7:

Создание класса Card

• принимает в конструктор её данные и селектор её template-элемента;
• содержит приватные методы, которые работают с разметкой, устанавливают слушателей событий;
• содержит приватные методы для каждого обработчика;
• содержит один публичный метод, который возвращает полностью работоспособный и наполненный данными элемент карточки.

Создание класса FormValidator:

• принимает в конструктор объект настроек с селекторами и классами формы;
• принимает вторым параметром элемент той формы, которая валидируется;
• имеет приватные методы, которые обрабатывают форму: проверяют валидность поля, изменяют состояние кнопки сабмита, устанавливают все обработчики;
• имеет один публичный метод enableValidation, который включает валидацию формы.

Разбивка JavaScript на модули:

• классы Card и FormValidator экспортируются из соответствующих файлов, импортируются в index.js и используются в нём
• отдельные js-файлы подключены в index.html как модули

Спринт-6:

Реализованна возможность:

• валидация формы «Редактировать профиль»
• валидация формы «Новое место»
• закрытие попапа кликом на оверлей
• закрытие попапа нажатием на Esc

Спринт-5:

• при загрузке на странице есть 6 карточек, которые добавляет JavaScript
• реализованна форма добавления карточки
• возможность ставить лайк карточке
• удаление карточки
• реализованно открытие попапа с картинкой (zoom)

Спринт-4:

Вёрстка:

• добавлен попап редактирования профиля
• предусмотренно переполнение содержимого в блоке

JavaScript:

• реализованно открытие и закрытие попапа
• поля формы заполненны значениями, которые отображаются на странице
• реализованно редактирование имени и информации о себе

По вопросам доработки сайта

Пример, как работает открыть/закрыть popup: