Шаг 1. Знакомство с проектом

Перед нами проект с пятью страницами и разной функциональностью на каждой из них.

Наша задача — собрать этот проект с использованием webpack без потери данных на страницах, сохранив переход по ним от первой к последующей.

Страницы выглядят следующим образом:

  1. Слайдер изображений, меняющихся в размерах.

    Первая страница приложения
    Первая страница приложения

  2. Демонстрация возможностей drag-and-drop.

    Вторая страница приложения
    Вторая страница приложения

  3. Мини-игра для тренировки точности.

    Третья страница приложения
    Третья страница приложения

  4. Цветное поле, отслеживающее курсор мыши.

    Четвёртая страница приложения
    Четвёртая страница приложения

  5. Полноэкранный слайдер.

    Пятая страница приложения
    Пятая страница приложения

Файловая структура проекта:

Файловая структура
Файловая структура проекта