Интерактивная страница, куда можно добавлять фотографии, удалять их и ставить лайки.
HTML CSS БЭМ JavaScript Webpack Git
В работе использованы базовые методы JavaScript: клонирование шаблона, изменение класса с помощью методов JS, работа с массивами, удаление элементов, создание и наследование классов, использование import и export, разбиение кода на модули, промисы, получение и отправка данных с сервера. Данная работа необходима для закрепления знаний курса "JavaScript — непростые концепции".
https://kotezh.github.io/mesto/index.html
9 спринт:
- Получение данных с сервера
- Отправка данных на сервер
8 спринт:
- Создание классов со слабым связыванием
- Установка и настройка Webpack
- Наследование классов
7 спринт:
- Создание классов
- Использование Import и export
- Разбиение кода Js на модули
6 спринт:
- Валидация всех полей формы, выполнена с помощью свойства validity
- Работа с объектами и обращение к их значениям через ключи
- Обработка событий клавиатуры и мыши
- Снятие слушателя
- Отмена стандартного поведения браузера
- Получение элементов форм, события форм
- свойство validationMessage для показа стандартных текстов ошибок
5 спринт:
- Использованы базовые методы JavaScript: клонирование шаблона template, заполнение атрибутов новых элементов, изменение класса с помощью toggle для лайков, работа с массивами, добавление новых элементов в начало и конец массива, удаление элементов
- Использовано свойство visibility взамен display:none для создания эффекта плавного открытия и закрытия попапов
4 спринт:
- Создание сетки с помощью grid-layout
- Работа с макетом в Figma
- Медиазапросы для адаптации контента под разные разрешения экранов
- Использованы базовые методы JavaScript: поиск элемента по классу, изменение (добавление и удаление) класса, получение текстовых значений и заполнение полей, сохранение введенных в поля значений.