Cамостоятельный проект одностраничного сайта в рамках обучения на курсе веб-разработки от Яндекс Практикум.
В данном проекте:
- Создана Nested файловая структура по БЭМ.
- Для создания сеток используется flex и grid-layout.
- Сайт является кроссбраузерным.
- Макет корректно отображается на экранах популярных размеров.
- Все кнопки и ссылки плавно становятся прозрачными при наведении на них указателя мыши.
- Реализовано два диалоговых окна Popup посредством JavaScript.
- Popup задан полупрозрачный чёрный фон.
- Реализовано плавное открытие и закрытие модального окна CSS-стилями.
- Разработана валидация всех форм.
- Реализовано закрытие всех попап кликом на оверлей и на клавишу ESC.
- Реализована возможность добавления карточек со своими изображениями.
- Реализована возможность удаления карточек.
- Реализована возможность ставить карточкам лайки.
- Реализована возможность увеличения картинки на карточке при нажатии не нее.
- Java Script разбит на модули.
- ООП.
- Настроена сборка проекта Webpack.
- Верстка сайта происходила согласно: макет Фигма1 макет Фигма2 макет Фигма3 под Pixel Perfect.
This project looks great! Isn't it? 👍
Автор: Альбукова Ольга e-mail: [email protected]