mark-artyom / store

Практический мини-курс по JavaScript и Bootstrap 5

Link to the site's deployment

https://mark-artyom.github.io/store/

Описание курса: https://stepik.org/125756

В этом курсе мы будем работать на языке JavaScript и создавать графический интерфейс тестового магазина с товарами на Bootstrap 5. Основной упор мы сделаем на работу с локальным хранилищем localStorage на JavaScript и научимся добавлять товары в систему, обновлять графический интерфейс при любых изменениях, удалять и добавлять товар в корзину, сделаем поиск в реальном времени и сортировку товаров в таблице. А так же возможность добавлять скидку на товар и рассчитывать финальную стоимость всех товаров из корзины с учетом скидок. Так же мы поработаем с библиотекой List.js и SweetAlert2.js.

Не стоит воспринимать этот проект как попытку сделать реальный интернет магазин. Тут лишь показано как устроены некоторые процессы, такие как хранение данных в браузере без базы данных, создание графического интерфейса приложения с использованием готового фреймворка, отрисовка таблиц в соответствии с массивами данных которые мы обрабатываем в цикле, сортировка таблиц, добавление и удаление записей из массива посредством обработчиков событий клика на разных кнопках в интерфейсе. Возможно эти идеи помогут вам в реализации других проектов или натолкнут вас на интересные мысли и идеи. Поэтому рассмотрите весь код представленный в курсе как обучающий материал для улучшения своих знаний в области JavaScript и Bootstrap.