Angular kursus (Frontend-udvikling) - eLearning

- Kursusoversigt

- Introduktion til single-page applikationer (SPA)

- Hvad har vi brug for Angular til

- Opsætning af udviklingsmiljøet

- Angular-applikationsarkitektur

- Første Angular-app

- Modulintroduktion og introduktion til TypeScript

- Opsætning af miljøet til at skrive TypeScript

- Variabeldeklarationer (var, let og const)

- Typer - Primitive typer

- Typer - Reference- og specialtyper

- Operatorer - Spread og Backticks

- Operatorer - Destrukturering og Rest

- Kurser

- Grænseflade

- Pilefunktioner

- Moduler

- Hent

- Asynkron eller await

- Modulintroduktion og et overblik over Angular-moduler

- Hvad er dekoratører

- Angular-moduler og @NgModule-dekoratøren

- Erklæringer

- Import og eksport

- Udbydere, bootstrap og startkomponenter

- Opstartsproces for Angular-applikation

- Modulintroduktion

- Angular-komponenter og @Component-dekoratoren

- Oprettelse af en Angular-komponent ved brug af Angular CLI og på StackBlitz

- Komponent dekoratør metadata

- Visningsenkapsling - Emuleret, ShadowDom, Ingen

- Data Binding - Strenginterpolation

- Egenskabsbinding

- Hændelsesbinding

- @Input og @Output egenskabsdekoratører

- To-vejs databinding

- Attributbinding

- Klassebinding

- Klassebinding

- Introduktion til Lifecycle Hooks i Angular

- Brug af livscyklushooks i Angular

- Vis forespørgsler - Vis barn, Vis børn, Indholds barn, Indholds børn

- Skift detektionsmekanismen i Angular. ZoneJS, NgZones

- Introduktion til routing

- Implementering af routing i en Angular-app

- Oprettelse af en brugerliste. Forbereder grundlaget for Child Routing

- Abstraktion af brugerlinket til en separat komponent

- Implementering af børneruter

- Sti Match og Rute Typer

- Introduktion til rutevagter i Angular

- CanActivate og CanActivateChild Guards i Angular

- CanDeactivate Guard i Angular

- Forudindlæsning af data til en komponent ved brug af Resolve

- Introduktion til afsnit

- DI som et mønster, DI som et framework og typer af udbydere

- Hierarkisk afhængighedsinjektion

- Introduktion til services i Angular

- Hent data fra et Rest API ved hjælp af HttpClient

- CRUD-operationer ved brug af HttpClient, HttpParams og HttpHeaders

- Observables og Operators i Observables - Map, Retry, Catch

- Behavior Subject og deling af data ved brug af Behavior Subjects

- Introduktion til afsnit

- Introduktion til direktiver

- Indbyggede strukturelle direktiver

- Indbyggede attributdirektiver

- Opbygning af brugerdefinerede attributdirektiver

- Opbygning af brugerdefinerede strukturelle direktiver

- Introduktion til Pipes i Angular

- Brug af indbyggede pipes

- Oprettelse af brugerdefinerede pipes i Angular

- Rene og urene pipes i Angular

- Dekoratører genbesøgt

- Opbygning af brugerdefinerede dekoratører i Angular

- Opbygning af en brugerdefineret livscykluskrog klasse logger dekoratør

- Opbygning af brugerdefineret egenskabsdekoration i Angular

- Introduktion til afsnit

- Typer af strategier til opbygning af formularer i Angular

- Oprettelse af lange Bootstrap-formularer hurtigt ved brug af VS Code med Emmet

- Tilføjelse af FormControl(s) til et skabelondrevet formular ved brug af ngModel-direktivet

- At få JavaScript-objektrepræsentationen af et formular ved brug af ngForm-direktivet

- Deaktivering af Send-knappen på et formular ved brug af formulars $invalid-flag

- At få JavaScript-objektrepræsentationen af et formular i TypeScript-klassen

- Tilføjelse af afkrydsningsfelt, radioknapper og rulleliste til din skabelondrevne formular

- Oprettelse af underafsnit i formularen ved brug af NgModelGroup-direktivet

- Trin til implementering af et reaktivt formular i Angular

- Hurtigt at oprette et Bootstrap-formular til vores Reactive form ved hjælp af Emmet

- Oprettelse af et reaktivt formular i TypeScript-klassen & tilkobling af det til skabelonen

- Tilføjelse af valideringer til en reaktiv formular

- Dynamisk tilføjelse eller fjernelse af FormControl(s) eller FormGroup(s) ved brug af FormArray(s)

- Tilføjelse af synkrone brugerdefinerede valideringer til dit reaktive skema

- Tilføjelse af asynkrone brugerdefinerede valideringer til din reaktive formular

- Nulstilling af værdien for et formular

- Introduktion til afsnit

- Oprettelse af et Angular CLI-projekt med SCSS som basistypografi

- Introduktion af Material Design Bootstrap i dit Angular CLI-projekt

- Tilføjelse af en navigationsbjælke i din header

- Tilføjelse af Material Design knapper

- Tilføjelse af kort

- Brug af Material Design-rullelister og formularindtastninger

- Introduktion af Angular Material i dit Angular CLI-projekt oven på MDB

- Tilføjelse af radioknapper, skydekontakt, skyder, forløbslinje og spinner

- Introduktion til Firebase

- Oprettelse af en app ved brug af Firebase-konsollen

- Opsætning af dit Angular CLI-projekt til at understøtte Firebase

- Interaktion med Firebase Realtime Database ved brug af metoder på AngularFireList

- Tilføjelse og læsning af data fra Realtime Database i Firebase

- Opdatering og sletning af data fra Realtime Database i Firebase