Skill-Profil

Web APIs

Service Workers, WebSocket, WebRTC, Web Workers, IndexedDB, Intersection Observer

Frontend Development Web Standards & APIs

Rollen

wo dieser Skill vorkommt

Stufen

strukturierter Entwicklungspfad

Pflichtanforderungen

die anderen 2 optional

Domäne

Frontend Development

skills.group

Web Standards & APIs

Zuletzt aktualisiert

17.3.2026

Verwendung

Wählen Sie Ihr aktuelles Level und vergleichen Sie die Erwartungen.

Was wird auf jedem Level erwartet

Die Tabelle zeigt, wie die Tiefe von Junior bis Principal wächst.

Rolle	Pflicht	Beschreibung
Desktop Developer (Electron/Tauri)		Uses Web APIs in renderer: Fetch, FileSystem Access API, Notifications API. Understands available Web APIs in Chromium-based Electron. Works with WebSocket for real-time communication.
Frontend Developer (Angular)	Pflicht	Uses basic Web APIs in Angular components: localStorage/sessionStorage for state, Fetch API via HttpClient, DOM API via ElementRef and Renderer2 instead of direct document access.
Frontend Developer (React)	Pflicht	Uses basic Web APIs in React components: localStorage/sessionStorage for persistence, fetch for HTTP requests, DOM API through useRef. Understands subscription lifecycle in useEffect, correctly cleans up listeners on unmount.
Frontend Developer (Svelte)	Pflicht	Uses basic Web APIs in Svelte components: Fetch API in load functions, localStorage for persistence, IntersectionObserver through use:action. Understands browser/server context differences in SvelteKit, checks API availability through typeof window.
Frontend Developer (Vue)	Pflicht	Uses basic Web APIs in Vue components — Fetch, localStorage, IntersectionObserver. Integrates browser APIs through VueUse composables — useLocalStorage, useIntersectionObserver, useMediaQuery.

Rolle	Pflicht	Beschreibung
Desktop Developer (Electron/Tauri)		Applies advanced Web APIs: Web Workers for heavy computation, IndexedDB for client-side storage, Web Crypto for encryption. Uses MediaDevices for audio/video. Works with Clipboard API.
Frontend Developer (Angular)	Pflicht	Applies modern Web APIs in Angular services: IntersectionObserver for lazy-loading components, ResizeObserver for responsiveness, Clipboard API, Web Storage with typing via generic services.
Frontend Developer (React)	Pflicht	Integrates advanced Web APIs in React applications: IntersectionObserver for lazy loading through hooks, ResizeObserver for adaptive components, History API for custom navigation. Creates reusable React hooks for typical Web API patterns.
Frontend Developer (Svelte)	Pflicht	Applies advanced Web APIs in Svelte: ResizeObserver and MutationObserver through actions, Web Workers for heavy computations, Clipboard API. Integrates Geolocation, Media API, and Notification API in SvelteKit, manages lifecycle through $effect cleanup.
Frontend Developer (Vue)	Pflicht	Implements Web API integration through custom composables — WebSocket, Geolocation, Notifications, Clipboard API. Uses VueUse as reference for patterns, handles permissions and fallbacks correctly.

Rolle	Pflicht	Beschreibung
Desktop Developer (Electron/Tauri)	Pflicht	Designs API layer leveraging both Web APIs and Node.js capabilities. Chooses between Web API and Node.js for each task. Uses WASM for performance-critical code. Creates API bridges.
Frontend Developer (Angular)	Pflicht	Integrates advanced Web APIs in Angular: Web Workers via Angular CLI, SharedArrayBuffer for computations, WebSocket via RxJS webSocket(), Broadcast Channel for cross-tab communication.
Frontend Developer (React)	Pflicht	Designs Web API abstractions for React applications: WebSocket managers with automatic reconnect and Zustand integration, Web Workers for heavy computations, Shared Workers for tab synchronization. Uses Streams API for large data processing.
Frontend Developer (Svelte)	Pflicht	Designs Web API abstractions for the Svelte ecosystem: reactive wrappers through $state, reusable actions, SSR-safe utilities. Implements WebSocket integration in SvelteKit server routes, creates SharedWorker patterns for cross-tab interaction.
Frontend Developer (Vue)	Pflicht	Designs Web API abstractions for Vue applications — Web Workers via comlink, SharedArrayBuffer, WebRTC. Creates reusable composables with graceful degradation and feature detection for cross-browser compatibility.

Rolle	Pflicht	Beschreibung
Desktop Developer (Electron/Tauri)	Pflicht	Defines Web API strategy for the Electron platform. Establishes guidelines for Web vs Node.js API choice. Coordinates API abstraction layer.
Frontend Developer (Angular)	Pflicht	Establishes Web API usage standards in the Angular team: abstractions via DI tokens (DOCUMENT, PLATFORM_ID), SSR compatibility via isPlatformBrowser, feature detection for progressive enhancement.
Frontend Developer (React)	Pflicht	Standardizes Web API usage in the team's React projects: hook wrapper library, polyfill strategy, fallback patterns. Makes architectural decisions for working with new APIs (View Transitions, Navigation API) in Next.js applications.
Frontend Developer (Svelte)	Pflicht	Standardizes Web API approaches in Svelte projects: actions and utilities catalog, fallback strategies, feature detection. Defines polyfill and progressive enhancement policies, ensures consistent API operation between SSR and client in SvelteKit.
Frontend Developer (Vue)	Pflicht	Defines Web API usage standards for Vue projects — security review, permissions policy, privacy-first approach. Introduces architectural solutions for Platform API integration — Web Payments, Credential Management.

Rolle	Pflicht	Beschreibung
Desktop Developer (Electron/Tauri)	Pflicht	Shapes enterprise Web API standards for Electron. Evaluates new Web APIs for desktop. Defines API architecture.
Frontend Developer (Angular)	Pflicht	Defines Web API integration strategy at the Angular platform level: WebGPU for visualizations, Web Codecs for media, WASM integration through Angular services, cross-browser compatibility standards.
Frontend Developer (React)	Pflicht	Defines Web Platform API adaptation strategy for the React application ecosystem. Evaluates new APIs (View Transitions, Speculation Rules) for UX improvement, designs platform-abstraction layer for cross-platform React solutions.
Frontend Developer (Svelte)	Pflicht	Defines Web Platform API usage strategy at the organizational level, researches new APIs (View Transitions, Speculation Rules) for SvelteKit. Influences Web API integration in the Svelte ecosystem, shapes architectural patterns for cross-platform solutions.
Frontend Developer (Vue)	Pflicht	Shapes Web API usage strategy for Vue ecosystem — new API evaluation (WebGPU, WebCodecs), shared composable creation, abstraction standardization across teams and applications.

Junior 5 Anforderungen

Desktop Developer (Electron/Tauri)

Uses Web APIs in renderer: Fetch, FileSystem Access API, Notifications API. Understands available Web APIs in Chromium-based Electron. Works with WebSocket for real-time communication.
Frontend Developer (Angular)
Pflicht

Uses basic Web APIs in Angular components: localStorage/sessionStorage for state, Fetch API via HttpClient, DOM API via ElementRef and Renderer2 instead of direct document access.
Frontend Developer (React)
Pflicht

Uses basic Web APIs in React components: localStorage/sessionStorage for persistence, fetch for HTTP requests, DOM API through useRef. Understands subscription lifecycle in useEffect, correctly cleans up listeners on unmount.

Middle 5 Anforderungen

Desktop Developer (Electron/Tauri)

Applies advanced Web APIs: Web Workers for heavy computation, IndexedDB for client-side storage, Web Crypto for encryption. Uses MediaDevices for audio/video. Works with Clipboard API.
Frontend Developer (Angular)
Pflicht

Applies modern Web APIs in Angular services: IntersectionObserver for lazy-loading components, ResizeObserver for responsiveness, Clipboard API, Web Storage with typing via generic services.
Frontend Developer (React)
Pflicht

Integrates advanced Web APIs in React applications: IntersectionObserver for lazy loading through hooks, ResizeObserver for adaptive components, History API for custom navigation. Creates reusable React hooks for typical Web API patterns.

Senior 5 Anforderungen

Desktop Developer (Electron/Tauri)
Pflicht

Designs API layer leveraging both Web APIs and Node.js capabilities. Chooses between Web API and Node.js for each task. Uses WASM for performance-critical code. Creates API bridges.
Frontend Developer (Angular)
Pflicht

Integrates advanced Web APIs in Angular: Web Workers via Angular CLI, SharedArrayBuffer for computations, WebSocket via RxJS webSocket(), Broadcast Channel for cross-tab communication.
Frontend Developer (React)
Pflicht

Designs Web API abstractions for React applications: WebSocket managers with automatic reconnect and Zustand integration, Web Workers for heavy computations, Shared Workers for tab synchronization. Uses Streams API for large data processing.

Lead / Staff 5 Anforderungen

Desktop Developer (Electron/Tauri)
Pflicht

Defines Web API strategy for the Electron platform. Establishes guidelines for Web vs Node.js API choice. Coordinates API abstraction layer.
Frontend Developer (Angular)
Pflicht

Establishes Web API usage standards in the Angular team: abstractions via DI tokens (DOCUMENT, PLATFORM_ID), SSR compatibility via isPlatformBrowser, feature detection for progressive enhancement.
Frontend Developer (React)
Pflicht

Standardizes Web API usage in the team's React projects: hook wrapper library, polyfill strategy, fallback patterns. Makes architectural decisions for working with new APIs (View Transitions, Navigation API) in Next.js applications.

Principal 5 Anforderungen

Desktop Developer (Electron/Tauri)
Pflicht

Shapes enterprise Web API standards for Electron. Evaluates new Web APIs for desktop. Defines API architecture.
Frontend Developer (Angular)
Pflicht

Defines Web API integration strategy at the Angular platform level: WebGPU for visualizations, Web Codecs for media, WASM integration through Angular services, cross-browser compatibility standards.
Frontend Developer (React)
Pflicht

Defines Web Platform API adaptation strategy for the React application ecosystem. Evaluates new APIs (View Transitions, Speculation Rules) for UX improvement, designs platform-abstraction layer for cross-platform React solutions.

Community

👁 Beobachten ✏️ Aenderung vorschlagen

Kommentare werden geladen...