Kompetenztest für Webentwicklung in der Personalauswahl
Vergleichen Sie 28 Webentwicklungstests für mittleres Niveau für Stellen in Frontend, Backend, Full-Stack, CMS und Online-Shops. Jeder Test dauert 10 Minuten und besteht aus Multiple-Choice-Fragen.
Die kurze Antwort
Diese 28 Multiple-Choice-Tests mit mittlerem Niveau dauern jeweils 10 Minuten und prüfen praktische Fähigkeiten in der Webentwicklung, darunter Browser-Code, Oberflächen, Frameworks, APIs, CMS-Plattformen und Online-Shops. Wählen Sie Tests passend zu den Tools und Aufgaben der Rolle aus, etwa zur Frontend-Implementierung oder zu Backend-Diensten. Nutzen Sie die Ergebnisse als Grundlage für die Einstellungsbeurteilung, nicht als alleinige Entscheidungsgrundlage.
28 Tests
AJAX
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenAngular
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenASP.NET (einschließlich ASP.NET Core)
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenBarrierefreiheit im Web für Entwickler
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenBootstrap
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenCSS
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenDjango
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenDjango REST Framework (DRF)
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenDrupal
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenExpress.js
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenFastAPI
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenFlask
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenGraphQL
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenHTML5
10 Minuten · 21 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenjQuery
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenLaravel
10 Minuten · 20 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenMagento 2
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenNext.js
10 Minuten · 16 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenNode.js
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenReact
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenREST-API-Design
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenRuby on Rails
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenShopify
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenSpring
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenVue.js
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenWooCommerce
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenRollenspezifische FähigkeitenWordPress-Administration
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenProgrammierfähigkeitenWordPress-Entwickler
10 Minuten · 15 Fragen · Mittelstufe
Multiple Choice
Test ansehenTests nach Kategorie
- Programmierfähigkeiten (27 Tests)
- Rollenspezifische Fähigkeiten (1 Tests)
Welche Bereiche die Tests zur Webentwicklung abdecken
Zur Webentwicklung können Browser-Code, Seitenstruktur, Frameworks, APIs, Content-Systeme und Online-Shops gehören. Diese 28 Tests haben ein mittleres Niveau, dauern jeweils 10 Minuten und bestehen aus Multiple-Choice-Aufgaben. Sie konzentrieren sich auf praktische Kenntnisse, etwa darauf, Code zu lesen oder das erwartete Verhalten einer API auszuwählen.
Für die Arbeit an Oberflächen prüft CSS Selektoren, Spezifität, Layout und Syntax. HTML5 deckt Markup, Seitenstruktur, Formulare und Medien ab. Bootstrap konzentriert sich auf responsive Grids, Formulare, interaktive Komponenten und Utility-Klassen. Zu den weiteren Frontend-Optionen gehören React, das Hooks, State, Komponentenmuster und Rendering abdeckt, sowie Web-Barrierefreiheit für Entwickler. Dieser Test prüft, wie Oberflächen für Tastaturen, Screenreader, Zoom und unterstützende Technologien erstellt und überprüft werden.
Die Tests decken auch den Umgang mit Daten im Browser, Frameworks und serverseitige Aufgaben ab. AJAX prüft zum Beispiel Code, der HTTP-Aufrufe im Hintergrund ausführt und eine Seite anhand der zurückgegebenen Daten aktualisiert. Wählen Sie Tests anhand der tatsächlichen Fähigkeiten aus, die für die Rolle erforderlich sind, statt diese breite Kategorie als allgemeines Maß für Webentwicklung zu betrachten.
Wählen Sie Tests passend zu den Aufgaben der Rolle aus
Kombinieren Sie bei Frontend-Rollen einen Test zur verwendeten Oberflächentechnologie mit einem Test zu relevantem Markup oder Styling. Für eine Rolle, in der React-Anwendungen entwickelt werden, kann React passend sein. Bei der Arbeit an responsiven Bootstrap-Seiten bietet sich Bootstrap an. Für Entwickler, die HTML und CSS schreiben, kommen HTML5 und CSS infrage. Alle Tests haben ein mittleres Niveau und eignen sich daher für Rollen, in denen praktische Kenntnisse statt einer Einführung erforderlich sind.
Wählen Sie bei Backend- und Full-Stack-Rollen das Framework oder die Laufzeitumgebung aus, die in der Stelle verwendet wird. Node.js behandelt das Verhalten der Laufzeitumgebung, Anwendungsdesign und die Entwicklung von HTTP-APIs. Express.js konzentriert sich auf Server, Middleware, Routing, Anfragedaten und Antworten. Webentwicklung mit Python lässt sich je nach Framework der Rolle mit Django oder FastAPI bewerten.
Für Content-Websites eignet sich WordPress-Entwicklung für Entwickler von Themes und Plugins. WordPress-Administration eignet sich für Website-Administratoren, Content-Manager und Marketingkoordinatoren, die eine WordPress-Website aktuell halten. Wählen Sie bei Online-Shops den Test für die verwendete Plattform, zum Beispiel Shopify, WooCommerce oder Magento 2.
Für API-Aufgaben, die nicht an eine bestimmte Programmiersprache gebunden sind, prüft REST-API-Design HTTP-Methoden, Anfragen und Antworten, Statuscodes, Dokumentation und API-Änderungen. Alle diese Tests haben ein mittleres Niveau und dauern 10 Minuten. Richten Sie die Auswahl nach den in der Stellenbeschreibung genannten Tools und Aufgaben aus und betrachten Sie das Ergebnis als Hinweis, den eine Person überprüfen sollte.
Kombinieren Sie Tests passend zu den Verantwortlichkeiten
Stellen Sie eine gezielte Auswahl anhand der Aufgaben in der Stellenbeschreibung zusammen. Ein Frontend-Entwickler, der responsive Seiten erstellt, kann neben CSS auch Web-Barrierefreiheit für Entwickler absolvieren, wenn Barrierefreiheit zu den Aufgaben gehört. Ergänzen Sie AJAX, wenn bei der Arbeit Daten ohne vollständiges Neuladen der Seite geladen oder gesendet werden. Diese Kombinationen decken unterschiedliche Fähigkeiten ab, statt mit einem einzigen Test den gesamten Job abzubilden.
Kombinieren Sie für eine Full-Stack-Rolle einen Test zum Frontend-Framework mit einem Test für das Backend oder die API-Arbeit. Bei einer Rolle mit Next.js könnten Sie Next.js mit REST-API-Design kombinieren. Bei einer Django-Anwendung mit REST-APIs decken Django und Django REST Framework (DRF) unterschiedliche Bereiche des Technologie-Stacks ab. Wählen Sie nur Tests aus, die der tatsächlichen Arbeit in der Rolle entsprechen.
Betrachten Sie jeden Wert als Hinweis auf die damit gemessene Fähigkeit und berücksichtigen Sie dabei weitere relevante Informationen aus dem Einstellungsverfahren. Ein Ergebnis ist weder eine Bestehensgrenze noch allein eine Entscheidungsgrundlage. Stellen Sie sicher, dass jeder Test mit einer Aufgabe verknüpft ist, die die Person voraussichtlich übernehmen wird.
Fairness und klarer Testumfang
Die Tests bestehen aus kurzen Multiple-Choice-Aufgaben. In den Fairness-Hinweisen werden Maßnahmen beschrieben, die dafür sorgen sollen, dass sich die Fragen auf die geprüfte Fähigkeit konzentrieren. Viele Tests verwenden klare Formulierungen, kurze Codebeispiele, neutrale Beispiele und Namen aus unterschiedlichen kulturellen Hintergründen. Bei manchen Tests werden Framework-Versionen oder Konfigurationen angegeben, wenn sich das Verhalten unterscheiden kann. Der Angular-Test verwendet zum Beispiel Code auf dem Bildschirm und nennt Versionen, wenn eine Funktion davon abhängt. Beim Next.js-Test werden der Router und relevante Versionsannahmen angegeben.
Mehrere Tests geben an, wovon die Antworten nicht abhängen. REST-API-Design nennt eine Richtlinie, wenn sich Konventionen unterscheiden, damit die Antworten nicht vom hausinternen Stil eines Unternehmens abhängen. GraphQL orientiert sich an der veröffentlichten Spezifikation und nicht an einer bestimmten Serverbibliothek. Beim CSS-Test beruhen Farbfragen auf Code und nicht auf einer gerenderten Farbe. Außerdem ist Schmierpapier erlaubt. Laut den Hinweisen zum Barrierefreiheitstest hängen die Fragen nicht von einer bestimmten Browser- oder Screenreader-Marke ab. Bei Fragen zu Kontrastwerten werden die gemessenen Verhältnisse in einer Tabelle angegeben.
Lesen Sie die Hinweise zum jeweiligen Test, um zu verstehen, welche Annahmen ihm zugrunde liegen. Sie machen ein Ergebnis nicht zu einem Urteil. Eine Person sollte die Ergebnisse im Kontext der Rolle und des übrigen Einstellungsverfahrens überprüfen.
Häufig gestellte Fragen
Welcher WordPress-Test eignet sich für Website-Administratoren statt für Entwickler?+
WordPress-Administration deckt den Betrieb einer selbst gehosteten Website ab: Inhalte, Erscheinungsbild, Plugins, Benutzer und Einstellungen. Der Test eignet sich für Website-Administratoren, Webmaster, Content-Manager und Marketingkoordinatoren. WordPress-Entwicklung behandelt Themes, Templates, sicheren Code und auf Hooks basierende Plugins und eignet sich für Theme- und Plugin-Entwickler.
Setzen die Framework-Tests eine bestimmte Version voraus?+
Bei mehreren Tests wird die geprüfte Version angegeben. Der Bootstrap-Test bezieht sich auf Bootstrap 5.3, der Vue.js-Test auf Vue 2. Die React-Fragen haben in React 18 und React 19 dieselbe Antwort. Drupal eignet sich für Entwickler, die mit Drupal 10 oder höher arbeiten. Bei anderen Tests wird eine Version angegeben, wenn sich das Verhalten zwischen Releases unterscheidet.
Welche Tests zur Webentwicklung eignen sich für eine Frontend-Rolle?+
Wählen Sie Tests passend zu den Aufgaben der Rolle aus. CSS und HTML5 decken Gestaltung und Markup ab, während React, Angular oder Bootstrap das jeweilige Framework oder Toolkit prüfen können. „Web-Barrierefreiheit für Entwickler“ eignet sich für Rollen, in denen barrierefreie Oberflächen erstellt oder überprüft werden.
Wie sollte ich Tests zur Webentwicklung für eine Full-Stack-Rolle kombinieren?+
Kombinieren Sie Tests, die unterschiedliche Verantwortlichkeiten abbilden, zum Beispiel einen Test zu einem Frontend-Framework mit einem Backend- oder API-Test. Für eine Django-Rolle mit REST-APIs könnten Sie beispielsweise Django und Django REST Framework (DRF) verwenden.
Welche Tests eignen sich für Entwickler von Online-Shops?+
Shopify eignet sich für Theme-Entwickler und Shop-Ersteller, die Shopify-Shops einrichten und erweitern. WooCommerce eignet sich für WordPress- und E-Commerce-Entwickler, die Online-Shops erstellen und anpassen. Magento 2 eignet sich für Entwickler und Support-Ingenieure, die Magento-2- oder Adobe-Commerce-Shops warten.
Wie wird bei den Tests zur Webentwicklung auf faire Fragen geachtet?+
Die Hinweise zur Fairness beschreiben Maßnahmen wie klare Formulierungen, kurze Codebeispiele, neutrale Beispiele und, sofern relevant, Angaben zu Versionsannahmen. Lesen Sie die Hinweise zum jeweiligen Test, da Annahmen und Fragen je nach Thema unterschiedlich sind.
Stellen Sie aus diesen Tests einen Eignungstest zusammen
Wählen Sie die Tests für Ihre Stelle aus, laden Sie Kandidaten ein und vergleichen Sie ihre Ergebnisse.