Курс JavaScript ES6-классы. 09. Компонент 'Корзина покупок'

preview_player
Показать описание
🔥 Ссылка на ветку текущего урока

⭐️ Курс JavaScript-практика (простой проект)

⭐️ Ссылка на проект

⭐️ Ссылка на репозиторий проекта
  1. Let's Code
  2. frontend
  3. javascript
  4. практика
  5. обучение
  6. программирование
Рекомендации по теме
Курс JavaScript ES6-классы. 0:22:53

Курс JavaScript ES6-классы. 09. Компонент 'Корзина покупок'...

Урок 7. JavaScript. 0:20:14

Урок 7. JavaScript. Все о ES6 Классах (+ Практическое Применение)...

Курс JavaScript ES6-классы. 0:12:57

Курс JavaScript ES6-классы. 11. Компонент 'Прелоадер'

Курс JavaScript ES6-классы. 0:09:52

Курс JavaScript ES6-классы. 08. Компонент 'Счётчик товаров'...

Курс JavaScript ES6-классы. 0:11:15

Курс JavaScript ES6-классы. 12. Компонент 'Вывод ошибок'

Курс JavaScript ES6-классы. 0:09:19

Курс JavaScript ES6-классы. 04. Компонент 'Каталог товаров' (Отображение товаров)...

Курс JavaScript ES6-классы. 0:14:09

Курс JavaScript ES6-классы. 06. Класс для работы с localStorage

Курс JavaScript ES6-классы. 0:04:50

Курс JavaScript ES6-классы. 01. Обзор курса

JavaScript ES6 - 2:08:53

JavaScript ES6 - Полный курс за 2 часа

Урок 12. JavaScript. 0:24:05

Урок 12. JavaScript. Методы массивов (forEach, map, filter, reduce, find, findIndex). Js Массивы....

Курс JavaScript ES6-классы. 0:18:31

Курс JavaScript ES6-классы. 05. Компонент 'Каталог товаров' (Вёрстка)...

Все про модули 0:13:17

Все про модули в JavaScript. Как делать import и export. Пример с кодом...

ES6 #17 Set 0:09:28

ES6 #17 Set & Map

JavaScript. Классы. Наследование 0:29:43

JavaScript. Классы. Наследование классов. Статический, приватные и защищённые методы и свойства....

Курс JavaScript ES6-классы. 0:18:51

Курс JavaScript ES6-классы. 10. AJAX-запрос каталога товаров (Fetch API)...

Курс JavaScript ES6-классы. 0:07:04

Курс JavaScript ES6-классы. 03. Формирование каталога товаров

Импорт и экспорт 0:24:27

Импорт и экспорт JavaScript. На реальном примере

ES6 #4 Шаблонная 0:12:15

ES6 #4 Шаблонная строка (Template string)

Полный гайд по 1:41:32

Полный гайд по JavaScript собеседованию. Все в 1 видео!

Урок 2. JavaScript. 0:20:59

Урок 2. JavaScript. Что такое контекст this. Как работает call, bind, apply...

Мономорфный и полиморфный 1:07:45

Мономорфный и полиморфный код, инлайн-кэш, скрытые классы в JavaScript...

Знакомимся с классами 0:30:05

Знакомимся с классами ES6. Часть 2. Наследование, геттеры, сеттеры...

Обучение JavaScript. Урок 2:40:45

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

TypeScript. Полный курс 1:20:15

TypeScript. Полный курс

Комментарии
Автор

На таких людях как ты держится этот мир, бесподобные уроки.

warcraft.mp
Автор

видео урок бомбезный, спасибо за огромный труд !

kwangjo
Автор

Красавчик, я багато навчився з твоїх уроків, лайк та підписка!

NAZAR_BUK
Автор

Бро, отличные уроки! Не бросай это дело, выкладывай ролики о практическом применении чистого js и люди подтянутся.

ЕвгенийШершов
Автор

Классный канал, продолжай делать видео!!

dhwzyzr
Автор

Спасибо за огромный труд!
Благодаря этим урокам я сделала корзину и у меня всё получилось😍
Ещё немного доделаю и буду приступать к новым Вашим урокам!

nataliiachaikovska
Автор

Отличный курс ребята, спасибо вам за вашу работу.

Unknown_User
Автор

Ты крут, ну прям все четенько, без воды, то что нужно. Большой респект. Просмотрела все, осталось последние 2 урока. Оооогромнейшее и большое спасибо за труд.

СветланаЛилу-вд
Автор

Спасибо большое! Это ТОП! Еще бы редактировать (+/- количество товаров в корзине и удалять каждый отдельный товар.

diasdamen
Автор

Подскажите пожалуйста, а почему на 7:16 минуте, при навешивании функции в обработчике событий по клику должен быть обязательно указан экземпляр класса: ? Т.е. почему не сработает если не указывать экземпляр класса перед методом просто: ? Автор обьяснил, что это связано с асинхронностью, но мой неокрепший мозг всё равно не может понять в чем суть) Буду благодарен, если кто то ответит, если может обьяснить)

А в остальном - спасибо большое, отличный курс!

razmik
Автор

Ну почему только чистого? И Vue с React тоже интересно )))

Zibinskiy
Автор

Спасибо за курс!
Никак не могу не разобраться как добавить возможность менять количество товаров в корзине и возможность удаления товаров с пересчетом цены. Если не сложно выложите пожалуйста код, как это можно реализовать.
Заранее благодарен!

victorpopov
Автор

Автор, спасибо большое за полезный материал! Может кто-то подскажет, почему сумма у меня отображается вот так:
💥 Сумма 0800800800800 RUB, когда я складываю 4 раза по 800?

ВиталийЗиневич-хш
Автор

Скажите, а как потом эту корзину добавить на другую страницу? ( в свой магазин)
Страница сделана на конструкторе гугл сайтов.
Куда потом этот код (корзина) вписывать???

wolfplay
Автор

Созрел вопрос: при создании нескольких аналогичных страниц с разными товарами счётчик покупок увеличивается, но при просмотре корзины отображаются только товары с текущей страницы. Например, всего добавлено 4 товара, 2 из которых с текущей страницы, а 2 — с других. Как это пофиксить?
Спасибо за курс!

daryabaloo
Автор

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

nikson
Автор

почему обработчики через onclick, а не через addEventListener?

andreir
Автор

Блина... а как мне в LocalStore запичевать кроме Id кол-во товара?

ЯковЯврач