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

В первом модуле мы будем работать на языке JavaScript и создавать графический интерфейс тестового магазина с товарами на Bootstrap 5. Основной упор мы сделаем на работу с локальным хранилищем localStorage на JavaScript и научимся добавлять товары в систему, обновлять графический интерфейс при любых изменениях, удалять и добавлять товар в корзину, сделаем поиск в реальном времени и сортировку товаров в таблице. А так же возможность добавлять скидку на товар и рассчитывать финальную стоимость всех товаров из корзины с учетом скидок. Так же мы поработаем с библиотекой List.js и SweetAlert2.js. Не стоит воспринимать этот проект как попытку сделать реальный интернет магазин. Тут лишь показано как устроены некоторые процессы, такие как хранение данных в браузере без базы данных, создание графического интерфейса приложения с использованием готового фреймворка, отрисовка таблиц в соответствии с массивами данных которые мы обрабатываем в цикле, сортировка таблиц, добавление и удаление записей из массива посредством обработчиков событий клика на разных кнопках в интерфейсе. Возможно эти идеи помогут вам в реализации других проектов или натолкнут вас на интересные мысли и идеи. Поэтому рассмотрите весь код представленный в курсе как обучающий материал для улучшения своих знаний в области JavaScript и Bootstrap. Во втором модуле мы создадим калькулятор ингредиентов рецепта. Начнем с простой идеи на бумаге и реализуем мобильное приложение с удобным интерфейсом. Курс предоставляется вам на всегда, без каких-либо лимитов и ограничений по времени. В других моих курсах обучение построено так же как и тут. Теория, видео, практика, примеры, готовые материалы, иногда присутствует немного юмора. Подробнее о интересующем вас курсе можно узнать на его странице с трейлером и описанием. Все мои курсы на платформе Stepik доступны по ссылке. На Stepik есть как бесплатные курсы, так и платные. "Всегда есть выбор учиться бесплатно или нет!" (Исмаил Усеинов)