52 JavaScript Async/Await — упрощаем работу с промисами на практике
Denis Bielishev
0:00 / 0:00
52 JavaScript Async/Await — упрощаем работу с промисами на практике
69 просмотров · 3 дн. назад
Denis Bielishev
85 подписчиков
69 просмотров · 3 дн. назад
JavaScript Async/Await — упрощаем работу с промисами на практике
Продолжаем изучать JavaScript и работать над нашим интернет-магазином! 🛒
В прошлом уроке мы познакомились с *Fetch API* и начали загружать товары из JSON-файла. В этом уроке продолжим работу над проектом, разберёмся с загрузкой товаров и познакомимся с синтаксисом `async/await`, который позволяет писать асинхронный код более понятно и удобно.
📌 *В этом уроке разберём:*
Как загружать данные с помощью `fetch()`.
Как проверить успешность HTTP-запроса через `response.ok`.
Как получить данные из ответа сервера с помощью `response.json()`.
Как работает `async/await` и зачем нужен `await`.
Как переписать цепочку промисов `.then()` на `async/await`.
Как использовать `async/await` при загрузке товаров в интернет-магазине.
Как организовать работу с товарами с помощью JavaScript-класса и приватного свойства `#products`.
💻 *Практика:* продолжим разработку интернет-магазина, загрузим список товаров из JSON-файла и проведём рефакторинг кода, чтобы сделать его более читаемым и удобным для дальнейшего развития проекта.
🎯 *Для кого этот урок?*
Для начинающих разработчиков, которые уже знакомы с JavaScript, функциями, промисами и Fetch API и хотят научиться применять асинхронный код на практике.
📚 *Исходный код всех уроков курса:*
https://github.com/niskadevla/js-cour...
Подписывайтесь на канал, ставьте лайки и задавайте вопросы в комментариях. Продолжаем изучать JavaScript вместе — просто, понятно и с нуля! 🚀
#JavaScript #AsyncAwait #FetchAPI #Промисы #ОбучениеJavaScript