• Учебный проект
  • Яндекс Практикум
  • Учебный Full Stack‑проект

Проект с API из Яндекс Практикума

Учебный Full Stack‑проект из Яндекс Практикума с фокусом на API‑запросы, асинхронную логику, состояния загрузки, ошибки и отображение внешних данных

FrontendJavaScriptAPIАсинхронностьUI‑состояния
Laptop mockup with a blank screen and soft shadows

01

Обзор

В учебном Full Stack‑проекте реализовала работу с внешними данными и отображение API‑контента в интерфейсе

02

Задача

Отработала API‑запросы, асинхронный JavaScript, состояния загрузки⁠/⁠ошибки⁠/⁠успеха и динамический рендеринг контента

03

Моя роль

Реализовала получение данных из API, обработку UI‑состояний, логику рендеринга и адаптивную структуру интерфейса

04

Реализация

Собрала fetch‑логику, обработку ошибок, loading‑состояния, динамический UI‑рендеринг и организацию layout

05

Адаптивность

Настроила адаптацию под разные устройства, сохранив понятность загруженного контента, элементов управления и feedback‑состояний

06

UI-состояния / взаимодействия

Добавила состояния загрузки, ошибки и успеха, чтобы пользователь понимал, что происходит во время API‑запросов

07

Результат

Кейс показывает умение работать с data‑driven интерфейсами и асинхронным frontend‑поведением

08

Вывод

Проект усилил понимание API, работу с состояниями и связь между данными и интерфейсным дизайном

Следующий проект

Лендинг для стоматологической клиники