Практическая работа студента Яндекс.Практикума - личная страница студента-разработчика онлайн-платформы Яндекс.Практикум.
Особенности
При разработке сайта используются:
- HTML
- CSS
- JavaScript
- Webpack
Дополнительные технологии или фреймворки не применяются.
Сайт имеет адаптивный дизайн под следующие разрешения экрана:
320px-767px,
768px-1023px,
1024px-1279px,
1280px+
Реализованы следующие функции:
- валидация полей, проверка корректности ввода (длина ввода, тип данных);
- отключение кнопки "Сохранить" / "Создать" при невалидных данных в поле ввода;
- функция редактирования имени пользователя и описания (без сохранения на сервер);
- функция добавления новой карточки с названием (без сохранения на сервер);
- функция открытия карточки для просмотра полного изображения;
- функция закрытия карточки нажатием на Overlay;
- функция закрытия карточки нажатием клавиши Escape;
- функция "лайк" для каждой" карточки;
- функция удаления карточки;
- счётчик лайков у карточки;
- редактирование инофрмации о пользователе;
- редактирование фото пользователя;
- запросы к серверу: массив карточек, количество лайков, удаление и добавление карточки, смена аватарки и т.д.
Весь функционал сайта: создание карточки, валидация форм, попапы и т.д. реализованы через классы, промисы и запросы к серверу.
Планы по развитию проекта
В дальнейшем планируется добавление следующих функций:
Редактирование заголовка фото
И другие функции, которые могут быть в будущих заданиях
Автор
Анатолий Колесников. 17.06.2023г.
Ссылка на сайт: https://kolesnikov-code.github.io/mesto/