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 (9)
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Cursus - Angular 6
The practical experience of actually working with the code
Chad Roskuge - ALTRON
Cursus - AngularJS Basics
interesting showing the topic
Adam Boroch - SPOC S.A.
Cursus - Angular JavaScript
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.
Joseph Fuerst
Cursus - Building Web Apps using the MEAN stack
Ik vond je grappen leuk
Dermot - Griffiths & Armour
Cursus - Angular 2 Fundamentals
Machine Translated
I mostly enjoyed the hands-on training code.
Tomislav Brajkovic - HSE - Healthlink
Cursus - Angular 4: Create Single-Page Applications Using HTML, CSS and JavaScript
część o RxJS
Kacper - INWEBIT Sp. z o.o.
Cursus - Reactive Programming with Angular RxJS
I liked the communication and way of passing knowledge.
Marcin Wojdowski - PSI Polska Sp. z o.o.
Cursus - Angular 5
Good examples and interactive course !