Beschrijving
Het hoofddoel van deze opleiding is om gevorderde Angular-ontwikkelaars te voorzien van geavanceerde kennis en technieken om complexe Angular-toepassingen te ontwikkelen. Deelnemers zullen leren hoe ze Angular-modules effectief kunnen structureren, gebruik kunnen maken van Angular Material voor de bouw van gebruiksvriendelijke interfaces, en geavanceerde concepten zoals server-side rendering (Angular Universal) en static site generation (Scully) kunnen begrijpen en toepassen. Daarnaast zullen ze leren hoe ze unit-, integration- en end-to-end tests kunnen schrijven en uitvoeren, en hoe ze authenticatie kunnen implementeren met JWT. Ten slotte zullen deelnemers leren hoe ze interceptors en guards kunnen gebruiken om de beveiliging van hun applicaties te verbeteren en omgaan met binnenkomende en uitgaande verzoeken.
Doelgroep
Deze opleiding is bedoeld voor gevorderde Angular-ontwikkelaars die hun kennis en vaardigheden willen verdiepen en verder willen gaan met het ontwikkelen van complexe Angular-toepassingen.
Deelnemers dienen over een solide basis te beschikken in Angular en moeten de kennis hebben opgedaan tijdens de "Angular Intro" opleiding. Ze moeten vertrouwd zijn met de basisprincipes van Angular, zoals componenten, services, routing en databinding.
Methode
De opleiding wordt via instructeur-geleide lessen aangeboden. Deelnemers zullen praktische oefeningen en opdrachten krijgen om hun vaardigheden te oefenen. De nadruk ligt op hands-on leren, waarbij deelnemers actief bezig zijn met het schrijven van code en het oplossen van programmeervraagstukken.
Inhoud
Angular Intro en Modularisatie
- Angular Intro.
- Samenvatting Angular Intro.
- Interactieve quiz.
- Modulestructuur en Lazy Loading
- Overzicht en interactieve uitleg: Modulestructuur.
- Overzicht en interactieve uitleg: Belang van lazy loading voor applicatie-efficiëntie.
- Hands-on: Creëren van een basis Angular-applicatie, structureren van modules en toepassen van lazy loading.
- Opdracht: Herorganiseren van code in een bestaande Angular-applicatie door modules te implementeren en lazy loading toe te passen.
Angular Material
- Angular Material Intro
- Overzicht en interactieve uitleg: Inleiding Angular Material, voor- en nadelen van kant-en-klare UI-componenten.
- Hands-on: Installeren en configureren van Angular Material in een bestaand project en in een nieuw project.
- Hands-on: Toevoegen van UI-componenten zoals knoppen en formulieren aan de apps.
- Opdracht: Enquête App opbouwen met geïntegreerde Angular Material-componenten voor een verbeterde gebruikersinterface.
SSR voor Angular Applicaties
- Introductie SSR
- Samenvatting SSR vs. CSR, de voor- en nadelen.
- Overzicht mogelijkheden in JS frameworks.
- Overzicht mogelijkheden in Angular.
- Interactieve quiz.
- Angular Universal
- Overzicht en interactieve uitleg: SSR met Angular Universal.
- Hands-on: Installeren, configureren en gebruiken van Angular Universal voor een bestaand project en in een nieuw project.
- Opdracht: Dev Blog App dynamisch via de server laten genereren en leveren aan de klant en via Netlify publiceren.
- Scully
- Overzicht en interactieve uitleg: SSG met Scully.
- Hands-on: Scully installeren en configureren om statische pagina’s te genereren.
- Opdracht: Twitter Clone App maken en via Scully static site generation toepassen voor SEO en snelheid voordelen.
Testing in Angular
- Software Testing (a crash course)
- Samenvatting Software Testing (wat, waarom, test levels, test technieken, etc.)
- Interactieve quiz en groepsbespreking over de geziene concepten.
- Overzicht Angular Testing
- Overzicht van hoe er in Angular getest wordt op alle niveaus (End-to-End, component/unit tests) en wat de frameworks/technologieën zijn.
- Angular 16 nieuwigheden op vlak van testing.
- Unit Testing in Angular
- Overzicht en interactieve uitleg: unit tests a.d.h.v. Jasmine, Jest, jsdom en Karma/ModernWeb.
- Hands-on: Schrijven en uitvoeren van unit tests.
- Opdracht: Unit tests voor Enquête App schrijven en uitvoeren.
- Hands-on: Test-driven Development
- Opdracht: Een custom pipe op een TDD manier implementeren.
- E2E Testing in Angular
- Overzicht en interactieve uitleg: Cypress gebruiken om system/acceptance tests voor onze Angular apps te schrijven op een BDD manier.
- Interactieve quiz.
Authenticatie in Angular
- Web Security
- Samenvatting Web Security (authenticatie, autorisatie, basic, form-based, tokens, JWT, etc.).
- Interactieve quiz en groepsbespreking over de geziene concepten.
- JWT in Angular
- Hands-on: Interageren met beveiligde API (Postman), JWT-implementatie in Angular schrijven voor een vlotte ervaring voor de gebruiker.
- Overzicht en interactieve uitleg: interceptors en guards in Angular voor beveiligde routes en consistente request/response verwerking.
- Hands-on: Implementeren van interceptors en guards in Angular met praktische voorbeelden van het onderscheppan van HTTP-requests en -responses.
Certificering
Deelnamecertificaat: deelnemers ontvangen na afloop van de training een certificaat dat ze deze training voltooid hebben.