Angular Training - eLearning

- Cursusoverzicht

- Introductie tot Single Page Applications (SPA)

- Waar hebben we Angular voor nodig

- Het opzetten van de ontwikkelomgeving

- Architectuur van Angular-applicaties

- Eerste Angular App

- Module Introductie en Introductie tot TypeScript

- Het opzetzen van de omgeving om TypeScript te schrijven

- Variabele declaraties (var, let en const)

- Typen - Primitieven

- Typen - Referentie- en Speciale Typen

- Operatoren - Spread en Backticks

- Operatoren - Destructureren en Rest

- Lessen

- Interface

- Pijlfuncties

- Modules

- Apporteer

- Asynchroon of wachten

- Module-introductie en een overzicht van Angular Modules

- Wat zijn decorators

- Angular Modules en de @NgModule Decorator

- Verklaringen

- Import en Export

- Aanbieders, bootstrap en invoercomponenten

- Opstartmechanisme van Angular-applicatie

- Module Introductie

- Angular-componenten en de @Component-decorator

- Een Angular Component maken met de Angular CLI en op StackBlitz

- Metadata van Component Decorator

- Weergave-inkapseling - Nagebootst, ShadowDom, Geen

- Datakoppeling - Stringinterpolatie

- Eigenschapbinding

- Gebeurteniskoppeling

- @Input nl @Output Eigenschap Decorators

- Tweerichtings Data Binding

- Attribuutbinding

- Klassebinding

- Klassebinding

- Introductie tot Lifecycle Hooks in Angular

- Gebruikmaken van Lifecycle Hooks in Angular

- Bekijk Query's - Bekijk Kind, Bekijk Kinderen, Inhoud Kind, Inhoud Kinderen

- Verander het detectiemechanisme in Angular. ZoneJS, NgZones

- Introductie tot Routing

- Routing implementeren in een Angular-app

- Een gebruikerslijst aanmaken. Het podium klaarzetten voor Child Routing

- Het abstraheren van de gebruikerslink naar een apart component

- Kindroutes implementeren

- Overeenkomst van pad en routetypes

- Introductie tot Route Guards in Angular

- CanActivate en CanActivateChild Guards in Angular

- CanDeactivate-beveiliging in Angular

- Gegevens vooraf laden voor een component met Resolve

- Introductie tot de sectie

- DI als een Patroon, DI als een Framework en Typen Providers

- Hiërarchische afhankelijkheidsinjectie

- Introductie tot Services in Angular

- Gegevens ophalen van een Rest API met HttpClient

- CRUD-operaties met HttpClient, HttpParams en HttpHeaders

- Observables en Operatoren in Observables - Map, Retry, Catch

- BehaviorSubject en het delen van gegevens met BehaviorSubjects

- Introductie tot de sectie

- Introductie tot directieven

- Ingebouwde structurele richtlijnen

- Ingebouwde attribuut directieven

- Aangepaste attribuut directieven bouwen

- Aangepaste structurele richtlijnen bouwen

- Introductie tot Pipes in Angular

- Gebruikmaken van ingebouwde pipes

- Aangepaste pipes maken in Angular

- Pure en impure pipes in Angular

- Decorators Revisited

- Aangepaste Decorators Bouwen in Angular

- Een aangepaste Lifecycle Hook Class Logger Decorator bouwen

- Een aangepaste eigenschapdecorator bouwen in Angular

- Introductie tot de sectie

- Soorten strategieën voor het bouwen van formulieren in Angular

- Snel lange Bootstrap-formulieren maken met VS Code met behulp van Emmet

- FormControl(s) toevoegen aan een Template Driven formulier met behulp van de ngModel-directive

- De JavaScript Object Representatie van een formulier krijgen met behulp van de ngForm-directive

- Het uitschakelen van de Verzendknop op een formulier met behulp van de $invalid vlag van het formulier

- Het verkrijgen van de JavaScript Object Representatie van een formulier in de TypeScript Klasse

- Toevoegen van selectievakjes, keuzerondjes en keuzelijsten aan je Template Driven Formulier

- Het creëren van subsecties in het formulier met behulp van de NgModelGroup-directive

- Stappen om een Reactief formulier in Angular te implementeren

- Snel een Bootstrap-formulier voor ons Reactieve formulier maken met Emmet

- Een reactief formulier aanmaken in de TypeScript-klasse en het verbinden met de template

- Validaties toevoegen aan een Reactief Formulier

- Dynamisch toevoegen of verwijderen van FormControl(s) of FormGroup(s) met behulp van FormArray(s)

- Synchrone aangepaste validaties toevoegen aan je Reactive Form

- Asynchrone aangepaste validaties toevoegen aan je Reactive Form

- Het terugzetten van de waarde van een formulier

- Introductie tot de sectie

- Een Angular CLI-project maken met SCSS als basistijl

- Material Design Bootstrap introduceren in je Angular CLI-project

- Een navigatiebalk toevoegen aan je header

- Toevoegen van Material Design-knoppen

- Kaarten toevoegen

- Gebruik van Material Design dropdownmenu's en formulierinvoervelden

- Angular Material introduceren in je Angular CLI-project bovenop MDB

- Toevoegen van radioknoppen, schuifschakelaar, schuifregelaar, voortgangsbalk en spinner

- Introductie tot Firebase

- Een app maken met de Firebase-console

- Je Angular CLI-project instellen voor ondersteuning van Firebase

- Interactie met Firebase Realtime Database met behulp van methoden op AngularFireList

- Gegevens toevoegen en lezen vanuit de Realtime Database in Firebase

- Gegevens bijwerken en verwijderen uit de Realtime Database in Firebase