Проектная работа №5 направлена на практическое применнеие простейших навыков работы на JS с элементами DOM. Функционал фронтенда, реализованный на языке JavaScript, пока минимален и включает:
- открытие и закрытие формы редактирования профиля;
- автозаполнение полей формы данными из профиля;
- помещение данных, полученных из редактируемых полей формы, в профиль (на текущем этапе без их соханения);
новые возможности, которым была посвящена проеткная работа №5:
- автозаполнение блока с карточками (Места): 6 подгружаемых карточек из коробки;
- открытие карточки по клику на нее;
- добавление новой карточки с возможностью указать название и ссылку на изображение;
- удаление карточки;
- лайк карточки;
- плавная анимация открытия и закрытия модальных окон. Также проект позволяет закрепить навыки адаптивной верстки с использованием медазапросов, технологий grid и flex.
В проекте применены:
- HTML5 и CSS3
- БЭМ и Nested подход в БЭМ
- технологии отзывчивого дизайна
- JavaScript
Проект открывается большинством современных браузеров. Страница может некоректно отображаться в устаревших версиях браузеров: IE10 и старше, Safari4 и старше, Opera12.1 и старше.
- Добавить форме редактирования профиля мгновенную валидацию: установить ограничение на кол-во введенных символов, сделать проверку на коректность символов
- Добавить проверку на то, что в поле link формы добавления карточки действительно ссылка
- Добавить удаление placeholder, если поле в фокусе
- Добавить попап с предупреждением при клике на корзину карточки
- Реализовать возможность взаимодейсвия со страницей при помощи клавиатуры
- Реализовать функционал добавления нескольких фотографий в одну карточку и возможность их пролистывать при открытии карточки