Глава 6. JavaScript: модули, промисы и fetch

Зачем эта глава

Современные приложения получают данные из интернета. Чтобы работать с API, нужно понимать промисы и async/await.

Модули позволяют разделять код на файлы и подключать его через import.

Промис — это обещание результата в будущем. Например, запрос к серверу.

async/await — удобный способ работать с промисами, чтобы код выглядел как «обычный».

// math.js
export const sum = (a, b) => a + b;

// app.js
import { sum } from "./math";
console.log(sum(2, 3));

async function loadPosts() {
  const response = await fetch("https://api.example.com/posts");
  const data = await response.json();
  return data;
}

Подсказка: всегда добавляй обработку ошибок — сеть может быть недоступна.

Ты понимаешь, чем отличается синхронный код от асинхронного.

Цель: получить список задач из API.

Требования: запрос к публичному API и вывод первых 5 элементов.

Критерий готовности: данные отображаются, а ошибки обрабатываются.