Перейти к содержимому

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