Course Outline
Introductie
- Wat is Angular?
- Wat is er nieuw in Angular 11?
Overzicht van Typescript en ES6 JavaScript
- TypeScript Syntaxis
- De TypeScript-transpiler gebruiken
- Instellen van Angular 11 en Typescript
Overzicht van de onderdelen van Angular 11
- Angular CLI
- Onderdelen
- Richtlijnen
- In- en uitgangen
- Gegevensbinding en interpolatie
- Evenement binden
- Modellering van gegevens
- Bootstrapping
- Experimenteel Webpack
Uw eerste Angular toepassing maken
- Planning van de aanvraag
- Een Angular project opzetten
- Een mobielvriendelijke gebruikersinterface maken met behulp van Bootstrap 4 en Sass
Een component maken
- Inzicht in de levenscyclus van componenten
- Gegevensstroom
- Sjablonen en stijlen gebruiken
- Inhoud projecteren
- Werken met AppModule
- Werken met aangepaste componenten
- Weergave-inkapseling gebruiken
- Levenscyclushaken implementeren
- ViewChildren en ContentChildren gebruiken
Gegevensbinding in Angular 11
- Inzicht in eigendoms- en gebeurtenisbinding
- Aliassen binden en toewijzen aan aangepaste eigenschappen
- Aliassen binden en toewijzen aan aangepaste gebeurtenissen
Werken met richtlijnen
- Ingebouwde richtlijnen
- Douane-richtlijnen
Angular 11 Diensten
- Een logboekregistratieservice maken
- Een gegevensservice maken
Afhankelijkheidsinjectie en providers gebruiken
- Injectoren, aanbieder en tokens
- Afhankelijkheidsinjectie configureren
- Uw provider configureren
- Services injecteren in componenten, richtlijnen en services
Van pagina wisselen met routering
- Inzicht in de verschillende navigatiemethoden
- Routeringsstrategieën
- Routes instellen
- Routes configureren en laden
- Parameters gebruiken in routes
- Geneste routes maken
- Omleidings- en jokertekenroutes gebruiken
- Inzicht in routebewakers
RxJS gebruiken om waarneembare objecten te maken en ermee te werken in Angular
- Overzicht van waarneembare waarden
- Overzicht van RxJS
- Observables bouwen en gebruiken in Angular
Formulieren genereren voor gebruikersinvoer
- De sjabloongestuurde formulieren gebruiken
- De Reactive formulieren gebruiken
- Aangepaste validatie maken
- Formuliergegevens valideren, filteren en opschonen
Pijpen gebruiken
- Uitvoer transformeren
- Ingebouwde leidingen
- Asynchrone pijp
- Aangepaste pijpen
Aanroepen doen naar externe HTTP-API's
- Verzoeken verzenden
De Angular 10-toepassing testen
- Jasmine gebruiken voor het testen van eenheden
- Protractor gebruiken voor end-to-end testen
Fouten opsporen in de toepassing
- Foutmeldingen in Angular begrijpen
- Sourcemaps gebruiken om code in de browser te debuggen
- Lezen TypeScript Compilor diagnostiek
- Augury gebruiken
De Angular 11-toepassing optimaliseren
- Herwerken van de code
- Bundelgrootte verkleinen en dead-code elimineren
Angular 11 Beveiliging
- Hoe authenticatie werkt
- JWT-verificatie gebruiken
- Wat moet er wel en niet geschreven worden in Angular
Een Angular 11-toepassing implementeren in productie
- Implementeren op IIS, Apache, Nginx, enz.
Angular 11 beste praktijken
Probleemoplossing
Samenvatting en conclusie
Requirements
- Bekendheid met basis-HTML, CSS en JavaScript
Publiek
- Ontwikkelaars
Getuigenissen (6)
Ik vond je grappen leuk
Dermot - Griffiths & Armour
Cursus - Angular 2 Fundamentals
Machine Translated
interesting showing the topic
Adam Boroch - SPOC S.A.
Cursus - Angular JavaScript
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Cursus - AngularJS Basics
De houding en kennis van de trainer
Gabriel Llaurado - Allianz Technology
Cursus - Angular 10 for Developers
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
Hoe nieuws te vertalen
Dominik - Państwowa Akademia Nauk Stosowanych im. Ks. Bronisława Markiewicza w Jarosławiu
Cursus - Angular 15
Machine Translated