Course Outline
Invoering
- Wat is Angular?
- Angular versus React versus Vue
- Overzicht van Angular 16 kenmerken en architectuur
- Het opzetten van de ontwikkelomgeving
Aan de slag
- Een nieuw Angular 16-project maken met behulp van Angular CLI
- Het verkennen van de projectstructuur en bestanden
- Het uitvoeren en bedienen van de applicatie
- Gegevens weergeven met behulp van interpolatie en expressies
Componenten
- De rol van componenten begrijpen in Angular 16
- Componenten maken en gebruiken
- Gegevens doorgeven tussen componenten met behulp van in- en uitgangen
- Gebruik maken van levenscyclushaken voor componenten
Richtlijnen
- Het verschil begrijpen tussen structurele richtlijnen en attribuutrichtlijnen
- Ingebouwde richtlijnen maken en gebruiken, zoals ngIf, ngFor, ngSwitch, enz.
- Aangepaste richtlijnen maken en gebruiken
Pijpen
- Het doel van pijpen begrijpen in Angular 16
- Ingebouwde leidingen maken en gebruiken, zoals datum, valuta, json, enz.
- Aangepaste pijpen maken en gebruiken
Diensten
- Inzicht in de rol van diensten in Angular 16
- Diensten maken en gebruiken
- Afhankelijkheden injecteren met behulp van providers
Modules
- De rol van modules begrijpen in Angular 16
- Modules maken en gebruiken
- Modules importeren en exporteren
Dataverbinding
- Het verschil begrijpen tussen eenrichtings- en tweerichtingsgegevensbinding
- Maken en gebruiken van eigenschapsbinding, gebeurtenisbinding en banaan-in-een-box-syntaxis
- Sjabloonreferentievariabelen gebruiken
Routering
- De rol van routing begrijpen in Angular 16
- Routes maken en configureren
- Navigeren tussen routes met routerLink en router.navigate
- Routeparameters, queryparameters en fragmenten gebruiken
Formulieren
- Het verschil begrijpen tussen sjabloongestuurde en reactieve formulieren
- Formulieren maken en valideren met behulp van formulierbesturingselementen, formuliergroepen, formuliermatrices, enz.
- Met behulp van ingebouwde validators zoals vereist, minLength, maxLength, enz.
- Aangepaste validators maken en gebruiken
HTTP-client
- De rol van de HTTP-client begrijpen in Angular 16
- HTTP-verzoeken maken en gebruiken om te communiceren met backend-services
- Waarnemingen gebruiken om asynchrone gegevensstromen te verwerken
- Interceptors gebruiken om HTTP-verzoeken of -reacties te wijzigen of af te handelen
Foutopsporing
- Inzicht in de veelvoorkomende fouten en bugs in Angular 16 applicaties
- Chrome DevTools gebruiken om elementen, bronnen, netwerk, console, enz. te inspecteren.
- Gebruik breekpunten, bekijk expressies, roep de stapel aan, enz. om code te debuggen
Testen
- Het belang van testen begrijpen in Angular 16 toepassingen
- Gebruik van Jest als alternatief testkader
- Karma gebruiken als testloper voor unit-tests
- Gebruik Protractor als een end-to-end testinstrument
Samenvatting en volgende stappen
Requirements
- Een goed begrip van HTML, CSS en JavaScript
- Ervaring met TypeScript en RxJS
- Ervaring met webontwikkeling
Publiek
- Ontwikkelaars die willen leren hoe ze Angular 16 kunnen gebruiken om dynamische en responsieve webapplicaties te maken
- Ontwikkelaars die hun vaardigheden uit eerdere versies van Angular willen upgraden
- Programmeurs die de nieuwe functies en updates van Angular 16 willen verkennen
Reviews (5)
Het was zeer interactief en informatief. De trainer was erg geduldig met ons als we iets niet begrepen en zorgde ervoor dat niemand tijdens de training achterbleef.
Daniel - INIT Innovations in Transportation Ltd.
Cursus - Angular 17
Machine Translated
- I really like the course and the Trainor is very accommodating and has a great knowledge on the topic. It just that not all topics are discussed in the 4-day training.
Allan - Tribal Software Philippines Inc
Cursus - Angular 14
Ik vond je grappen leuk
Dermot - Griffiths & Armour
Cursus - Angular 2 Fundamentals
Machine Translated
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Cursus - Angular 10 for Developers
Pipe Routing Data Biding Services