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

В этом курсе мы будем работать на языке JavaScript и создавать графический интерфейс тестового магазина с товарами на Bootstrap 5.
Средний уровень
до 30 минут в день
Сертификат Stepik

Чему вы научитесь

  • Работать с DOM на чистом JavaScript
  • Создавать графический интерфейса приложения на Bootstrap 5
  • Работать с библиотеками List.js и SweetAlert2.js
  • Работать с локальным хранилищем localStorage на JavaScript
  • Много полезной дополнительной информации на другие видео и статьи
  • Дополнительные приятные бонусы и скидки на другие мои курсы

О курсе

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

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

Курс предоставляется вам на всегда, без каких-либо лимитов и ограничений по времени.

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

Все мои курсы на платформе Stepik доступны по ссылке.

На Stepik есть как бесплатные курсы, так и платные.

"Всегда есть выбор учиться бесплатно или нет!" (Исмаил Усеинов)

Для кого этот курс

Курс для тех, кто хочет научиться создавать графический интерфейс для своих приложений используя разные CSS фреймворки (в этом курсе это Bootrstrap 5) и язык программирования JavaScript. Так же в курсе будут рассмотрены способы работы с библиотеками такими как List.js и SweetAlert2.js. А весь код будет написан на чистом JavaScript.

Начальные требования

Этот курс не подойдет для самых начинающих, так как от вас требуется:

  1. Понимать основы языка программирования JavaScript
  2. Уметь работать с фреймворком Bootstrap 5

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

Поэтому рекомендую записаться на данный курс, он бесплатен. И вы так или иначе извлечете для себя что-то полезное!

Наши преподаватели

Как проходит обучение

Обучение построено на видео уроках. Для лучшего усвоения материала рекомендуется смотреть урок и пробовать повторить все самостоятельно. Почти в каждом уроке доступно одно или более заданий в виде теста, задачи на сопоставление, заполнение пропусков, сортировки и другие. В некоторых уроках есть шаги с заданием в видео формате, где подробно изложены условия и цель задачи. Обязательно читайте всю текстовую информацию к уроку там могут быть полезные ссылки на сторонние ресурсы или на материалы, которые нужны для урока. По желанию можете конспектировать изучаемый материал в любом удобном для вас формате (бумага, цифра). Задействовав дополнительный вид памяти вы улучшите усвоение материала.

Программа курса

загружаем...
Certificate

Сертификат

Stepik

Что вы получаете

  • навыки работы с DOM на чистом JavaScript
  • опыт в создании графического интерфейса приложения на Bootstrap
  • понимание как работать с библиотеками List.js и SweetAlert2.js
  • навыки по работе с локальным хранилищем localStorage на JavaScript
  • дополнительные приятные бонусы и скидки на другие мои курсы
  • теория закрепляется на практике
  • выдается сертификат
  • много дополнительной полезной информации
  • общение с автором и другими учениками, обсуждение уроков и отдельных шагов, можно задавать вопросы под каждым уроком
  • обучение по шагам - учитесь когда вам удобно (нет дедлайнов, пожизненный доступ к курсу)
  • обучение не займет много времени (от 1 до 7 дней)
  • все это и многое другое абсолютно бесплатно
Price: Бесплатно

Расскажите о курсе друзьям

Price: Бесплатно