Домен
Frontend Development
Профиль навыка
Service Workers, WebSocket, WebRTC, Web Workers, IndexedDB, Intersection Observer
Ролей
5
где встречается этот навык
Грейдов
5
сформированная дорожка роста
Обязательных требований
23
ещё 2 — необязательные
Frontend Development
Веб-стандарты и API
17.03.2026
Выберите текущий грейд и сравните ожидания. Карточки ниже покажут, что нужно закрыть для следующего уровня.
Таблица показывает, как меняется глубина владения навыком от Junior до Principal.
| Роль | Обязательность | Описание |
|---|---|---|
| Desktop Developer (Electron/Tauri) | Использует Web APIs renderer: Fetch, FileSystem Access API, Notifications API. Понимает доступные Web APIs в Chromium-based Electron. Работает с WebSocket для real-time communication. | |
| Frontend Developer (Angular) | Обязателен | Использует базовые Web API в Angular-компонентах: localStorage/sessionStorage для состояния, Fetch API через HttpClient, DOM API через ElementRef и Renderer2 вместо прямого доступа к document. |
| Frontend Developer (React) | Обязателен | Использует базовые Web API в React-компонентах: localStorage/sessionStorage для персистентности, fetch для HTTP-запросов, DOM API через useRef. Понимает жизненный цикл подписок в useEffect, корректно очищает listeners при размонтировании. |
| Frontend Developer (Svelte) | Обязателен | Использует базовые Web API в Svelte-компонентах: Fetch API в load-функциях, localStorage для персистентности, IntersectionObserver через use:action. Понимает различие browser/server контекста в SvelteKit, проверяет доступность API через typeof window. |
| Frontend Developer (Vue) | Обязателен | Использует базовые Web API во Vue-компонентах — Fetch, localStorage, IntersectionObserver. Интегрирует браузерные API через composables VueUse — useLocalStorage, useIntersectionObserver, useMediaQuery. |
| Роль | Обязательность | Описание |
|---|---|---|
| Desktop Developer (Electron/Tauri) | Применяет advanced Web APIs: Web Workers для heavy computation, IndexedDB для client-side storage, Web Crypto для encryption. Использует MediaDevices для аудио/видео. Работает с Clipboard API. | |
| Frontend Developer (Angular) | Обязателен | Применяет современные Web API в Angular-сервисах: IntersectionObserver для lazy-loading компонентов, ResizeObserver для адаптивности, Clipboard API, Web Storage с типизацией через generic-сервисы. |
| Frontend Developer (React) | Обязателен | Интегрирует продвинутые Web API в React-приложения: IntersectionObserver для lazy loading через хуки, ResizeObserver для адаптивных компонентов, History API для кастомной навигации. Создаёт переиспользуемые React-хуки для типичных Web API паттернов. |
| Frontend Developer (Svelte) | Обязателен | Применяет продвинутые Web API в Svelte: ResizeObserver и MutationObserver через actions, Web Workers для тяжёлых вычислений, Clipboard API. Интегрирует Geolocation, Media API и Notification API в SvelteKit, управляет жизненным циклом через $effect cleanup. |
| Frontend Developer (Vue) | Обязателен | Реализует интеграцию с Web API через кастомные composables — WebSocket, Geolocation, Notifications, Clipboard API. Использует VueUse как reference для паттернов, обрабатывает permissions и fallbacks корректно. |
| Роль | Обязательность | Описание |
|---|---|---|
| Desktop Developer (Electron/Tauri) | Обязателен | Проектирует API layer с использованием Web APIs и Node.js capabilities. Выбирает между Web API и Node.js для каждой задачи. Использует WASM для performance-critical code. Создаёт API bridges. |
| Frontend Developer (Angular) | Обязателен | Интегрирует продвинутые Web API в Angular: Web Workers через Angular CLI, SharedArrayBuffer для вычислений, WebSocket через RxJS webSocket(), Broadcast Channel для коммуникации между вкладками. |
| Frontend Developer (React) | Обязателен | Проектирует абстракции над Web API для React-приложений: WebSocket-менеджеры с автоматическим реконнектом и интеграцией в Zustand, Web Workers для тяжёлых вычислений, Shared Workers для синхронизации вкладок. Использует Streams API для обработки больших данных. |
| Frontend Developer (Svelte) | Обязателен | Проектирует абстракции над Web API для Svelte-экосистемы: реактивные обёртки через $state, переиспользуемые actions, SSR-безопасные утилиты. Реализует WebSocket-интеграцию в SvelteKit server routes, создаёт SharedWorker-паттерны для межтабового взаимодействия. |
| Frontend Developer (Vue) | Обязателен | Проектирует абстракции над Web API для Vue-приложений — Web Workers через comlink, SharedArrayBuffer, WebRTC. Создаёт переиспользуемые composables с graceful degradation и feature detection для кросс-браузерности. |
| Роль | Обязательность | Описание |
|---|---|---|
| Desktop Developer (Electron/Tauri) | Обязателен | Определяет Web API стратегию для Electron-платформы. Формирует guidelines для Web vs Node.js API choice. Координирует API abstraction layer. |
| Frontend Developer (Angular) | Обязателен | Устанавливает стандарты использования Web API в Angular-команде: абстракции через DI-токены (DOCUMENT, PLATFORM_ID), SSR-совместимость через isPlatformBrowser, feature detection для progressive enhancement. |
| Frontend Developer (React) | Обязателен | Стандартизирует использование Web API в React-проектах команды: библиотеку хуков-обёрток, polyfill-стратегию, fallback-паттерны. Определяет архитектурные решения для работы с новыми API (View Transitions, Navigation API) в Next.js приложениях. |
| Frontend Developer (Svelte) | Обязателен | Стандартизирует подходы к Web API в Svelte-проектах: каталог actions и утилит, fallback-стратегии, feature detection. Определяет политику polyfill-ов и progressive enhancement, обеспечивает консистентную работу API между SSR и клиентом в SvelteKit. |
| Frontend Developer (Vue) | Обязателен | Определяет стандарты использования Web API в Vue-проектах — security review, permissions policy, privacy-first подход. Внедряет архитектурные решения для интеграции с Platform API — Web Payments, Credential Management. |
| Роль | Обязательность | Описание |
|---|---|---|
| Desktop Developer (Electron/Tauri) | Обязателен | Формирует enterprise Web API стандарты для Electron. Оценивает новые Web APIs для desktop. Определяет API architecture. |
| Frontend Developer (Angular) | Обязателен | Определяет стратегию интеграции Web API на уровне Angular-платформы: WebGPU для визуализаций, Web Codecs для медиа, WASM-интеграция через Angular сервисы, стандарты кросс-браузерной совместимости. |
| Frontend Developer (React) | Обязателен | Определяет стратегию адаптации Web Platform API для экосистемы React-приложений. Оценивает новые API (View Transitions, Speculation Rules) для улучшения UX, проектирует platform-abstraction layer для кросс-платформенных React-решений. |
| Frontend Developer (Svelte) | Обязателен | Определяет стратегию использования Web Platform API на уровне организации, исследует новые API (View Transitions, Speculation Rules) для SvelteKit. Влияет на интеграцию Web API в Svelte-экосистему, формирует архитектурные паттерны для кросс-платформенных решений. |
| Frontend Developer (Vue) | Обязателен | Формирует стратегию использования Web API для Vue-экосистемы — оценка новых API (WebGPU, WebCodecs), создание shared composables, стандартизация абстракций между командами и приложениями. |