Верстка разношерстных элементов и их позиционирование. Открытие и закрытие модального окна. Подстановка текстовых данных.
Пригодились технологии: адаптивная верстка Фиксированное позиционирование для модального окна JavaScript для появления и скрытия модального окна JavaScript для заполнения текстом одних элементов из других
Добавление функционала: появление контента из массива данных, добавление и удаление карточек, плавное появление модальных окон, раскрытие фотографий, функция лайков.
Пригодились технологии: Темплайт заготовка Добавление классов элементам Функции в функциях Параметр в функциях (evt) и .target
Добавилась валидация полей. Взяты под контроль стандартные браузерные описания ошибок. Теперь выходить из модальных окон стало еще удобнее: при помощи клавиши Esc и клика по пустому полю.
Технологии: Работа с формами и их валидация Более тонкая обработка событий
Рефакторинг кода. Переписал функции валидации и создания карточек мест на классы. Вывел в отдельные файлы-модули. Подключил их в основном файле скрипта.
Технологии: Переписывание функций на классы Модульность скриптов
Продолжение рефакторинга. Создание классов и отдельных файлов для них. "Легкое" связываение классов через кол-бэки. Настройка Вэбпака и небольшие изменения в коде я для его работы.
Технологии: Переписывание функций на классы Связывание классов через колбэки Установка и настройка Вэбпака