Учебный проект для Яндекс.Практикум
- HTML 5
- CSS 3
- JavaScript (ES 6)
- ООП
- БЭМ (Nested)
- Webpack
- git/github
- Figma
Этот проект был создан по макету в «Фигме» он полностью адаптивный, разрабатывался всех типов устройств и экранов. Тексты написаны бесплатным шрифтом ”Inter“ от дизайнеров «Фигмы» и подключен локально. Фотографии использованные при создании проекта, были взяты с сайта ”Unsplash“ — это коллекция бесплатных фотографий, которые можно использовать, не беспокоясь об авторских правах. Код проекта реализован по принципам ООП — используется множество объектов, они взаимодействуют между собой и образуют единую структуру. Объекты хранят данные и взаимодействуют между собой: вызывают методы друг друга и передают в них информацию. Соблюдаются принципы — инкапсуляция, наследование и полиморфизм. В рамках проекта с помощью ”JavaScript“ было реализовано:
- плавное открытие и закрытие всплывающих окон,
- редактирование пользовательских данных,
- форма добавления карточек и просмотра фотографий,
- удаление карточек с фоторграфиями,
- добавление и отмена лайков,
- валидация всех форм,
- улучшен UX при работе с попапами.
Проект размещён по ссылке - https://kalinafrontend.github.io/Mesto/