Async, Promise и сеть

Кластер про асинхронный JavaScript, event loop, fetch и сетевые ошибки.

Понять асинхронность и научиться писать надёжный код для работы с API.

Для кого эта тема

Для тех, кто уже знает базовый JS и хочет перестать бояться API, таймаутов и ошибок сети.

Что желательно знать до старта

Уверенно писать функции и работать с объектами.
Понимать, как устроены HTTP-запросы и ответы на базовом уровне.
Уметь читать ошибки в консоли и вкладке Network.

План на 2 недели

День 1-3: Promise, then/catch/finally и цепочки.
День 4-6: async/await, try/catch, обработка network/HTTP ошибок.
День 7-10: AbortController, retry, таймауты и отмена запросов.
День 11-14: интеграция API в UI с loading/error/empty состояниями.

Релевантные уроки

Обработка ошибок: try/catch

Обработка ошибок

Пользовательские ошибки

Promise API: all, race, allSettled

Асинхронный JS

Колбэки и асинхронность

Событийный цикл: микрозадачи и макрозадачи

Асинхронный JS

Промисы: обработка ошибок

Асинхронный JS

Асинхронные итераторы и генераторы

Асинхронный JS

Промисификация

Асинхронный JS

FormData и загрузка файлов

Сеть

CORS: запросы на другой сайт

Сеть

AbortController: отмена fetch-запроса

Сеть

Server-Sent Events и длинные опросы

Сеть

async и defer скрипты

Сеть

Гайды

Как учить JavaScript с нуля и не застревать Core Web Vitals для frontend: что реально улучшать в 2026

Практика

Async и сеть: fetch, ошибки, retry

Типичные ошибки

Игнорировать rejected Promise и не возвращать ошибку в UI.
Смешивать бизнес-логику и сетевой слой в одном большом файле.
Не различать ошибки сети, сервера и валидации данных.

Мини-проект по теме

Сделай API-клиент с retry и timeout: список задач, фильтры, ручное обновление и понятные сообщения об ошибках.

Термины по теме

Event Loop Promise async/await API CORS

FAQ по теме

Что важнее сначала: Promise или async/await?

Сначала пойми модель Promise и Event Loop, тогда async/await станет полностью понятным и предсказуемым.

Нужен ли AbortController на junior уровне?

Да, это частый практический кейс в боевых интерфейсах, особенно при поиске и автокомплите.

Как проверить, что асинхронность освоена?

Если ты умеешь стабильно обрабатывать loading/error/empty состояния и не получаешь гонки данных в UI.