Домен
Frontend Development
Профиль навыка
Offline-first, web app manifest, push notifications, caching strategies, Workbox
Ролей
4
где встречается этот навык
Грейдов
5
сформированная дорожка роста
Обязательных требований
20
ещё 0 — необязательные
Frontend Development
Веб-стандарты и API
17.03.2026
Выберите текущий грейд и сравните ожидания. Карточки ниже покажут, что нужно закрыть для следующего уровня.
Таблица показывает, как меняется глубина владения навыком от Junior до Principal.
| Роль | Обязательность | Описание |
|---|---|---|
| Frontend Developer (Angular) | Обязателен | Понимает основы PWA, включая service worker и манифесты веб-приложений в Angular. Использует Angular CLI для генерации PWA-заготовок с @angular/pwa. Следует стратегиям кэширования offline-first из документации. |
| Frontend Developer (React) | Обязателен | Понимает концепции PWA, включая service worker и настройку манифеста в React-приложениях. Использует Workbox с Create React App для базовых стратегий кэширования. Реализует запросы на установку и офлайн-страницы. |
| Frontend Developer (Svelte) | Обязателен | Понимает принципы PWA и применяет их в приложениях SvelteKit. Настраивает service worker и файлы манифеста для возможности установки. Использует встроенную поддержку service worker в SvelteKit для базовых офлайн-возможностей. |
| Frontend Developer (Vue) | Обязателен | Понимает основы PWA и интегрирует их в Vue-приложения. Использует @vue/cli-plugin-pwa или vite-plugin-pwa для генерации service worker. Настраивает стратегии кэширования и офлайн-поддержку, следуя паттернам экосистемы Vue. |
| Роль | Обязательность | Описание |
|---|---|---|
| Frontend Developer (Angular) | Обязателен | Настраивает продвинутые PWA-функции в Angular: стратегии кеширования в ngsw-config.json (freshness vs performance), push-уведомления через SwPush, фоновая синхронизация данных, App Shell для быстрого старта. |
| Frontend Developer (React) | Обязателен | Реализует PWA-функциональность в React/Next.js приложениях: стратегии кеширования (cache-first, network-first) через Workbox, push-уведомления, offline fallback. Настраивает precaching критических ресурсов и runtime caching для API-ответов. |
| Frontend Developer (Svelte) | Обязателен | Настраивает PWA в SvelteKit с кастомным service worker: стратегии кэширования (stale-while-revalidate, cache-first), offline-fallback страницы. Реализует фоновую синхронизацию данных, push-уведомления и обновление SW без потери состояния $state. |
| Frontend Developer (Vue) | Обязателен | Настраивает PWA для Vue/Nuxt — стратегии кэширования Workbox, push-уведомления, background sync. Реализует offline-first подход с Pinia-сторами и IndexedDB, настраивает @vite-pwa/nuxt для Nuxt 3. |
| Роль | Обязательность | Описание |
|---|---|---|
| Frontend Developer (Angular) | Обязателен | Проектирует PWA-архитектуру Angular-приложения: offline-first стратегия с IndexedDB, кастомный service worker для сложной логики кеширования, background sync через Angular Service Worker, оптимизация Lighthouse PWA-скора. |
| Frontend Developer (React) | Обязателен | Проектирует PWA-архитектуру для React-приложений: стратегию синхронизации offline-данных с серверным состоянием TanStack Query, background sync, периодическую синхронизацию. Обеспечивает graceful degradation и progressive enhancement для всех фичей. |
| Frontend Developer (Svelte) | Обязателен | Проектирует offline-first архитектуру SvelteKit PWA: IndexedDB для персистентного хранения, background sync, periodic sync API. Создаёт стратегию кэширования для SSR/SSG-страниц и API-ответов, реализует плавное обновление приложения через Svelte transitions. |
| Frontend Developer (Vue) | Обязателен | Проектирует архитектуру PWA на Vue 3 — стратегии обновления service worker, precaching критических ресурсов, background data sync. Оптимизирует производительность через runtime caching и stale-while-revalidate паттерны. |
| Роль | Обязательность | Описание |
|---|---|---|
| Frontend Developer (Angular) | Обязателен | Определяет PWA-стандарты для Angular-проекта: стратегии обновления приложения (SwUpdate), политики кеширования для разных типов контента, метрики engagement для PWA, процесс тестирования offline-сценариев. |
| Frontend Developer (React) | Обязателен | Определяет PWA-стратегию для React-проектов команды: стандарты offline-first архитектуры, метрики качества PWA, процессы тестирования. Координирует интеграцию PWA с существующей инфраструктурой Next.js, определяет scope и границы offline-функциональности. |
| Frontend Developer (Svelte) | Обязателен | Определяет стандарты PWA-разработки в Svelte-команде: чеклисты Lighthouse-метрик, offline-тестирование, стратегии обновления. Внедряет мониторинг SW-ошибок и кэш-эффективности, координирует интеграцию PWA-функционала с SvelteKit-адаптерами для разных платформ. |
| Frontend Developer (Vue) | Обязателен | Определяет стандарты PWA-разработки для Vue-команд — offline UX паттерны, стратегии кэширования, метрики качества. Внедряет процессы тестирования PWA через Lighthouse CI и автоматизированные проверки в pipeline. |
| Роль | Обязательность | Описание |
|---|---|---|
| Frontend Developer (Angular) | Обязателен | Формирует стратегию PWA на уровне Angular-платформы: архитектура offline-first для критических бизнес-процессов, интеграция с нативными API (Web Share, Badging), кросс-платформенная стратегия Angular + Capacitor/Ionic. |
| Frontend Developer (React) | Обязателен | Формирует стратегию PWA для экосистемы React-приложений организации. Определяет архитектуру распределённого кеширования между Service Worker, React Server Components и edge CDN, проектирует единый подход к offline-first для всех продуктов. |
| Frontend Developer (Svelte) | Обязателен | Формирует стратегию progressive enhancement на уровне организации, исследует возможности Project Fugu API в SvelteKit-приложениях. Определяет архитектуру offline-capable платформы, влияет на развитие PWA-интеграций в Svelte-экосистеме через open-source контрибуции. |
| Frontend Developer (Vue) | Обязателен | Формирует PWA-стратегию для Vue-экосистемы компании — multi-platform deployment, advanced caching, integration с native APIs. Исследует Project Fugu APIs и Web Push для расширения возможностей Vue-приложений. |