An open API service indexing awesome lists of open source software.

https://github.com/vasily257/mesto

Проект: Место
https://github.com/vasily257/mesto

Last synced: about 1 month ago
JSON representation

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

Awesome Lists containing this project

README

        

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

## Содержание

- [Описание](#Описание)
- [Планы по доработке](#Планы-по-доработке)
- [Ссылка на проект](#Ссылка-на-проект)
- [История изменений](#Ссылка-на-проект)

## Описание

Учебный проект, который имитирует социальную сеть для путешественников.
Функционально это одностраничный сайт на чистом HTML, CSS и JS.

В проекте использована отзывчивая верстка, принцип построения — `mobile-first`.
Для построения сеток применяется `grid-layout` и `flex`.

В JS используются классы со слабой связью, для сборки — `Webpack`.
Все данные находятся на сервере Яндекс.Практикума, настроены запросы для получения и отправки данных.

## Планы по доработке

Выполнять все пункты ревьюера из раздела «Можно лучше».

## Ссылка на проект

https://vasily257.github.io/mesto/

## История изменений

**4 практическая работа** ([последний коммит](https://github.com/Vasily257/mesto/commit/235daf317e5e3f736e3a6e513660e4228e3880a5)):

- верстка макета
- попап редактирования профиля с формой
- переполнение текста
- открытие и закрытие попапа
- изменение полей формы
- редактирование информации о пользователе

**5 практическая работа** ([последний коммит](https://github.com/Vasily257/mesto/commit/ca5447c9821022f05b76bef7c8eb88ca73b1f5f8)):

- отрисовка 6 начальных карточек
- форма и скрипт добавления карточки
- лайк и удаление карточки
- открытие попапа с картинкой
- плавное открытие и закрытие попапов

**6 практическая работа** ([последний коммит](https://github.com/Vasily257/mesto/commit/1529a4803a5dff06822d46c9b5f9c19798258f54)):

- валидации форм
- закрытие попапа кликом на оверлей и клавишей `Esc`

**7 практическая работа** ([последний коммит](https://github.com/Vasily257/mesto/commit/818715a3b725eee6e6fa536a8bd13798f6b96543)):

- классы `Card` и `FormValidator`

**8 практическая работа** ([последний коммит](https://github.com/Vasily257/mesto/commit/6cf48c4b2260239aef8b52095c9af252201c0ac8)):

- классы `Section`, `Popup`, `PopupWithImage`, `PopupWithForm`, `UserInfo`
- преобразование класса `Card`
- подключение и настройка `Webpack`

**9 практическая работа** ([последний коммит](https://github.com/Vasily257/mesto/commit/ff9ebd356622508ab7afcf9b00a78d9c73ad6609)):

- работа с API
- загрузка информации с сервера (данные пользователя и список карточек)
- редактирование профиля (имя, деятельность и аватар)
- добавление новой карточки и удаление старой карточки
- постановка и снятие лайка
- информация о процессе загрузки (текст `Сохранение...` на кнопке отправки)