Cursusaanbod
Invoering
- Wat is Angular?
- Wat is er nieuw in Angular 10?
Overzicht van Typescript en ES6 JavaScript
- TypeScript Syntaxis
- Met behulp van de TypeScript transpiler
- Instellen van Angular 10 en Typescript
Overzicht van Angular 10-onderdelen
- Angular CLI
- Componenten
- Richtlijnen
- Ingangen en uitgangen
- Gegevensbinding en interpolatie
- Evenement bindend
- Gegevensmodellering
- Bootstrapping
Uw eerste Angular applicatie maken
- Het plannen van de applicatie
- Een Angular-project opzetten
- Een mobielvriendelijke gebruikersinterface creëren met behulp van Bootstrap 4 en Sass
Een onderdeel maken
- Inzicht in de levenscyclus van componenten
- Informatiestroom
- Sjablonen en stijlen gebruiken
- Inhoud projecteren
- Werken met AppModule
- Werken met aangepaste componenten
- Gebruik van weergave-inkapseling
- Levenscyclushaken implementeren
- ViewChildren en ContentChildren gebruiken
Gegevensbinding in Angular 10
- Inzicht in eigendoms- en gebeurtenisbinding
- Aliassen binden en toewijzen aan aangepaste eigenschappen
- Aliassen binden en toewijzen aan aangepaste gebeurtenissen
Werken met richtlijnen
- Ingebouwde richtlijnen
- Aangepaste richtlijnen
Angular 10 Diensten
- Een logboekservice maken
- Een dataservice creëren
Het gebruik van afhankelijkheidsinjectie en providers
- Injectoren, leverancier en tokens
- Afhankelijkheidsinjectie configureren
- Uw provider configureren
- Services injecteren in componenten, richtlijnen en services
Van pagina wisselen met routering
- De verschillende navigatiemethoden begrijpen
- Routeringsstrategieën
- Routes instellen
- Routes configureren en laden
- Parameters gebruiken in routes
- Geneste routes maken
- Omleidings- en wildcardroutes gebruiken
- Routewachters begrijpen
RxJS gebruiken om waarneembare objecten te maken en ermee te werken in Angular
- Overzicht van waarneembare gegevens
- Overzicht van RxJS
- Waarneembare objecten bouwen en gebruiken in Angular
Formulieren genereren voor gebruikersinvoer
- Met behulp van de sjabloongestuurde formulieren
- Met behulp van de Reactive-formulieren
- Aangepaste validatie maken
- Formuliergegevens valideren, filteren en opschonen
Het gebruik van pijpen
- Transformerende output
- Ingebouwde pijpen
- Asynchrone pijp
- Aangepaste pijpen
Bellen naar externe HTTP-API's
- Verzoeken verzenden
Angular-modules gebruiken
Het testen van de Angular 10-applicatie
- Jasmine gebruiken voor het testen van eenheden
- Protractor gebruiken voor end-to-end testen
Foutopsporing in de toepassing
- Foutmeldingen begrijpen in Angular
- Sourcemaps gebruiken om code in de browser te debuggen
- Lezen TypeScript Compilordiagnostiek
- Augury gebruiken
Het optimaliseren van de Angular 10-applicatie
- De code herwerken
- Het verkleinen van de bundelgrootte en het elimineren van dode code
Angular 10 Beveiliging
- Hoe authenticatie werkt
- JWT-authenticatie gebruiken
- Wat moet er wel en niet geschreven worden in Angular
Een Angular 10-applicatie implementeren in productie
- Implementatie naar IIS, Apache, Nginx, enz.
Angular 10 beste praktijken
Probleemoplossen
Samenvatting en conclusie
Vereisten
- Bekendheid met basis-HTML, CSS en JavaScript
Publiek
- Ontwikkelaars
Testimonials (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
Le formateur était très sympathique et avait bien préparé la formation. Il alternait théorie et pratique tout en suivant un fil rouge, nous amenant à partir de rien à une application Angular assez complète.
Vincent Perradin - Ecole normale superieure de Lyon
Cursus - Angular 10 for Developers
Practical examples, exercises and best practices