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