Это учебная проектная работа представляет собой одностраничный сайт с данными пользователя и его фотоальбомом.
В данной работе использованы HTML5, CSS3, JS(ES6), Webpack, ООП, БЭМ:
- флебокс-верстка;
- grid layout;
- разные типы позиционирования элементов;
- трансформации ссылок и "попапов";
- адаптивная верстка;
- HTML-код написан согласно методологии БЭМ;
- JS-код объектно-ориентирован;
- при помощи JS реализованы загрузка информации о пользователе, карточек с сервера, открытие/закрытие "попапов", корректировка персональной информации, добавление/удаление новых карточек с изображений самим пользователем, открытие изображений из карточек в большем размере, добавление/удаление лайков пользователем, возможность удаления карточек, созданных самим пользователем, валидация форм и их полей в "попапах".
По сравнению с предыдущим вариантом данной учебной работы впервые использовались http-запросы, реализована загрузка информации с сервера, изменение информации на сервере.
Ссылка на страницу Github Pages