Обучение JavaScript. Урок для начинающих. Скрипты для сайта интернет магазина

Опубликовано: 06 Январь 2026
на канале: ВебКадеми | Юрий Ключевский
176,947
6.6k

↓↓↓ Таймкоды, ссылки на материалы в описании под видео ↓↓↓

Обучение JavaScript на практическом примере. Пишем JS скрипты для сайта интернет магазина. Работа с DOM, поиск элементов, нажатие (клик), функции, переменные, массивы. Урок по языку программирования JavaScript от веб-разработчика.

Стартовый код: https://webcademy.ru/files/rolli-shop...

Интенсив по JavaScript.
Паттерн MVC. JSON и LocalStorage: https://school.webcademy.ru/intensive...

Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков: http://webcademy.ru/htmlsite/

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Мои авторские курсы:

💻 Профессия HTML верстальщик
Для начинающих. Курс по созданию и верстке сайтов.
👉 https://webcademy.ru/htmlstart/

💻 Курс "Frontend разработчик. JavaScript + React"
Станьте frontend разработчиком за 3 месяца.
👉 https://webcademy.ru/jscourse/

💻 Курс "Разработка сайтов на PHP + MySQL"
Сможете создавать сайты с любым функционалом.
👉 https://webcademy.ru/phpcourse/

🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе

💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

💈 Сайт ВебКадеми: https://webcademy.ru/
💈 Группа Вконтакте: https://vk.com/webcademy
💈 Telegram канал: https://t.me/webcademynews

📍 Материалы к уроку:
• Стартовый шаблон урока: https://webcademy.ru/webinars/shop-st...
• Готовый код с урока: https://webcademy.ru/webinars/sushi-s...

Тайм-коды:

00:00 Знакомство с проектом
03:00 Начинаем работу. Знакомство с версткой проекта
05:03 Счетчик для одного товара на JS
28:10 Счетчики для всех товаров на JS

46:59 Добавление товара в корзину
01:07:14 Суммирование одинаковых товаров в корзине
01:18:49 Удаление товара из корзины. JavaScript
01:29:32 Скрытие надписи "Корзина пуста"
01:45:33 Показ блока "Оформить заказ"
01:48:07 Подсчет стоимости товаров в корзине
02:10:30 Блок "доставка"

02:20:16 Примечание и информация о Интенсиве JS MVC
02:22:20 Бонус. Работа с JSON на JavaScript
02:37:59 Курс по JavaScript frontend разработке

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Меня зовут Юрий Ключевский. Я занимаюсь разработкой сайтов уже много лет, специализируюсь на front-end разработке и верстке сайтов, JavaScript и PHP программировании. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, JavaScript, JQuery, PHP, MySQL, React, Gulp.

На нашем канале https://bit.ly/3erF41X вы найдете много полезных обучающих материалов, а так же сможете поработать со мной лично пройдя мои курсы.

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Сайт школы ВебКадеми: https://webcademy.ru/
Наша группа Вконтакте: https://vk.com/webcademy
Telegram канал: https://t.me/webcademynews