Сайт-портфолио

Место

Учебная работа выполненная с применением основных технологий HTML и CSS: методологии БЭМ, flexbox, grid, медиазапросов и т.д.. Файловая структура так же построена по БЭМ. Сайт адаптивен.

С помощью JavaScript выполненно:

загрузка и отображение карточек с сервера

загрузка и отображение аватара и информации о пользователе

редактирование аватара

редактирование профиля

добавление новой карточки

попапы для редактирования профиля и добавления карточки

удаление карточек

лайки на карточках

открытие попапа с изображением

валидация форм

закрытие попапов нажатием на Esc или кликом на оверлэй

подтверждение удаления созданных карточек

Проект служит демонстрацией освоенных технологий web-разработки.

Адрес сайта в интернете:

https://pavelgorin.github.io/mesto/index.html

Макет в Figme:

https://www.figma.com/file/PSdQFRHoxXJFs2FH8IXViF/JavaScript-9-sprint?node-id=0%3A1

Portfolio Website

Place

Educational work performed using the main HTML, CSS and JS technologies: methodologies BEM, fluxbox, grid, media queries, etc. The file structure is also built on BEM. The site is adaptive.

Using JavaScript done:

loading and displaying cards from the server

loading and displaying the avatar and user information

edit avatar

edit profile

adding a new card

popups for editing a profile and adding a card

deleting cards

likes on cards

opening a pop-up with an image

form validation

closing popups by pressing Esc or clicking on the overlay

confirm deletion of created cards

The project serves as a demonstration of the mastered web development technologies.

Website address on the Internet:

https://pavelgorin.github.io/mesto/index.html

Layout in Figme:

https://www.figma.com/file/PSdQFRHoxXJFs2FH8IXViF/JavaScript-9-sprint?node-id=0%3A1