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 (10)
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
Stap voor stap analyse. Elke regel code uitleg. Elk probleem dat ik tijdens de cursus had, werd met succes opgelost en Łukasz vertelde me de reden. Ik vond het ook leuk dat er goede praktijken zijn gepresenteerd. Nooit ben ik overtuigd geweest van de TDD-stijl - ik vind het gewoon niet nuttig en de moeite waard. Łukasz wees op zoveel voordelen van TDD, dat het mijn mening volledig veranderde.
Michał Uściński - Devapo Sp. z o. o.
Cursus - Testing Angular Applications
Machine Translated
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 !