Cursusaanbod
Inleiding
- Wat is Angular?
- Wat is er nieuw in Angular 10?
Overzicht van TypeScript en ES6 JavaScript
- TypeScript-syntax
- Het gebruik van de TypeScript transpiler
- Angular 10 en TypeScript instellen
Overzicht van Angular 10-onderdelen
- Angular CLI
- Componenten
- Directives
- Invoer- en uitvoergegevens
- Data-binding en interpolatie
- Event-binding
- Data-modellering
- Bootstrapping
Uw eerste Angular-applicatie maken
- Het toepassingsplan maken
- Een Angular-project instellen
- Een mobiele vriendelijke UI maken met Bootstrap 4 en Sass
Een component maken
- Het levenscyclus van een component begrijpen
- Dataflow begrijpen
- Templates en stijlen gebruiken
- Inhoud projecteren
- Werken met AppModule
- Aangepaste componenten maken
- View encapsulatie gebruiken
- Lifecycle-hooks implementeren
- ViewChildren en ContentChildren gebruiken
Data-binding in Angular 10
- Eigenschaps- en event-binding begrijpen
- Eigenschappen koppelen en aliassen toewijzen aan aangepaste eigenschappen
- Events koppelen en aliassen toewijzen aan aangepaste events
Werken met directives
- Ingebouwde directives
- Aangepaste directives
Angular 10-services
- Een logservice maken
- Een dataservice maken
Afhankelijkheidsinjectie en providers gebruiken
- Injectors, provider en tokens
- Afhankelijkheidsinjectie configureren
- Uw provider configureren
- Services in componenten, directives en services injecteren
Pagina's wisselen met routing
- Begrijpen van de verschillende navigatiemethoden
- Routestrategieën
- Routes instellen
- Routes configureren en laden
- Parameters in routes gebruiken
- Nest routes maken
- Omhleiding- en wildcard-routes gebruiken
- Begrijpen van route-guards
RxJS gebruiken om observables in Angular te maken en te verwerken
- Overzicht van observables
- Overzicht van RxJS
- Bouwen en gebruik maken van observables in Angular
Vormen genereren voor gebruikersinvoer
- Template-driven forms gebruiken
- Reactive Forms gebruiken
- Aangepaste validatie maken
- Formuliergegevens valideren, filteren en saniteren
Pipes gebruiken
- Output transformeren
- Ingebouwde pipes
- Async Pipe
- Aangepaste pipes
Oproepen maken naar externe HTTP-API's
- Vergelijkingen versturen
Angular-modules gebruiken
Het Angular 10-applicatie testen
- Jasmine voor unit testing gebruiken
- Protractor voor end-to-end testing gebruiken
Het applicatie debuggen
- Foutmeldingen in Angular begrijpen
- Sourcemaps gebruiken om code in de browser te debuggen
- TypeScript compilerdiagnostiek lezen
- Augury gebruiken
Het Angular 10-applicatie optimaliseren
- De code herschrijven
- Bundlegrootte verkleinen en doodlopende code elimineren
Angular 10-beveiliging
- Hoe authenticatie werkt
- JWT-authenticatie gebruiken
- Wat wel en niet in Angular geschreven moet worden
Een Angular 10-applicatie implementeren voor productie
- Implementeren naar IIS, Apache, Nginx, etc.
Angular 10-best practices
Foutopsporing
Samenvatting en conclusie
Vereisten
- Bekend zijn met basis-HTML, CSS en JavaScript
Doelgroep
- Ontwikkelaars
Getuigenissen (5)
De houding en kennis van de trainer
Gabriel Llaurado - Allianz Technology
Cursus - Angular 10 for Developers
Automatisch vertaald
De kennis van de instructuur.
Jeffry Gonzalez - Allianz Technology
Cursus - Angular 10 for Developers
Automatisch vertaald
We zijn begonnen bij de basis van Angular en TS en we hebben de moeilijkheidsgraad van de oefeningen op een goede manier verhoogd
Daniel Zamorano Infante - Allianz Technology
Cursus - Angular 10 for Developers
Automatisch vertaald
De opleider was zeer vriendelijk en had de training goed voorbereid. Hij schakelde tussen theorie en praktijk terwijl hij een rode draad volgde, ons begeleidend van niets naar een vrijwel complete applicatie Angular.
Vincent Perradin - Ecole normale superieure de Lyon
Cursus - Angular 10 for Developers
Automatisch vertaald
Praktische voorbeelden, oefeningen en beste praktijken
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Cursus - Angular 10 for Developers
Automatisch vertaald