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
Aangepaste bedrijfsopleiding
Opleidingsoplossingen ontworpen exclusief voor bedrijven.
- Aangepaste inhoud: We passen de syllabus en praktijkopdrachten aan naar de echte doelen en behoeften van uw project.
- Voor flexibel schema: Datums en tijden aangepast aan het rooster van uw team.
- Formaat: Online (live), In-company (bij uw kantoren) of Hybride.
Prijs per privégroep, online live training, startend vanaf 6400 € + BTW*
Neem contact met ons op voor een exacte offerte en om onze laatste promoties te horen
Reviews (4)
Het gedrag en de kennis van de trainer
Gabriel Llaurado - Allianz Technology
Cursus - Angular 10 for Developers
Automatisch vertaald
De kennis van de instructeur.
Jeffry Gonzalez - Allianz Technology
Cursus - Angular 10 for Developers
Automatisch vertaald
We begonnen bij de basis van Angular en TS en we verhoogden de moeilijkheidsgraad van de opdrachten op een goede manier
Daniel Zamorano Infante - Allianz Technology
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