Angular: Leer & Codeer

Angular leren, stap voor stap: van je eerste component tot een webapp die verbonden is met een server. Met deze app kun je Angular leren via korte lessen, programmeeropdrachten en quizzen.

WAT ERIN ZIT

• 38 cursussen en 144 korte lessen, van beginner (A1) tot gevorderd (C1)

• Live workbench met component.ts, template.html, styles.css en een werkende preview

• Tabblad Projects met werkruimtes met meerdere bestanden, begeleide leerpaden en versiegeschiedenis

• 60 programmeeropdrachten in TypeScript op drie niveaus, met hints en oplossingen

• Eindtoets en certificaat van voltooiing met je naam

• Beschikbaar in 22 talen

EEN COMPLEET PAD VOOR FRONTENDONTWIKKELAARS

• Standalone components, templates en ingebouwde control flow (@if, @for)

• Signals: signal(), computed(), effect(), signal inputs en queries

• Databinding, two-way binding, pipes en lifecycle hooks

• Dependency injection en gedeelde services

• Routing, navigatie en geavanceerde routerpatronen

• Template-driven en reactive forms, plus aangepaste form controls

• De basis van RxJS en operators

• HttpClient en interceptors voor echte API-data

• State management met NgRx en NgRx SignalStore

• Unit-, component- en end-to-endtests

• Change detection, performance, server-side rendering en hydration

• Micro-frontends met Module Federation, libraries, i18n en beveiliging

OEFENING DIE BLIJFT HANGEN

• Miniquizzen en flashcardherhaling voor concepten die je steeds vergeet

• Cheatsheet van één pagina voor syntax, decorators en directives

• Voorbeeldcomponenten om te openen, uit te voeren en te bewerken

• 50 sollicitatievragen met duidelijke antwoorden voor een sollicitatie als frontendontwikkelaar

• World Coding Challenge: één gedeeld probleem, ieders oplossingen

• Streaks, XP, leaderboard en dagelijkse herinneringen om je programmeergewoonte te ondersteunen

• Sla code, notities en favoriete lessen op

AI-HULPMIDDELEN (PRO)

• De AI-tutor legt fouten, concepten en je code uit

• De AI-lesgenerator maakt een aangepaste les over een onderwerp dat je niet begrijpt

• De AI-playground bouwt code op basis van je paginabeschrijving

VOOR WIE

• Beginners die starten met webontwikkeling en frontendwerk

• JavaScript- en TypeScript-ontwikkelaars die hun eerste Angular-framework leren

• React- of Vue-ontwikkelaars die op het werk overstappen naar het Angular-framework

• Studenten en carrièreswitchers die Angular leren voor een baan als webontwikkelaar

HOE HET WERKT

1. Begin met de gratis eerste cursus over Angular en hoe de apps eruitzien

2. Wijzig een class-waarde in de Angular IDE en zie hoe de template wordt bijgewerkt

3. Doorloop signals, services, routing, forms en HTTP

4. Test je kennis met quizzen en programmeeropdrachten

5. Slaag voor de eindtoets en behaal je certificaat

GRATIS EN PRO

De eerste cursus en de live workbench zijn gratis. Pro ontgrendelt alle cursussen, alle programmeeropdrachten en AI-hulpmiddelen, en verwijdert advertenties.

Let op: voor de live preview is een internetverbinding nodig.

Deze onafhankelijke cursus is niet verbonden aan of goedgekeurd door de makers van het framework.