Angular Training - eLearning

- Kursoversikt

- Introduksjon til enkeltsideapplikasjoner (SPA)

- Hva trenger vi Angular til

- Sette opp utviklingsmiljøet

- Arkitektur for Angular-applikasjoner

- Første Angular-applikasjon

- Modulintroduksjon og introduksjon til TypeScript

- Konfigurere miljøet for å skrive TypeScript

- Variabeldeklarasjoner (var, let og const)

- Typer - Primitive typer

- Typer - Referanse- og spesialtyper

- Operatorer - Spread og Backticks

- Operatorer - Destrukturering og Rest

- Klasser

- Grensesnitt

- Pilefunksjoner

- Modules

- Hent

- Async or await

- Modulintroduksjon og en oversikt over Angular-moduler

- Hva er dekoratører

- Angular-moduler og @NgModule-dekoratøren

- Deklarasjoner

- Importer og eksport

- Tilbydere, oppstart og inngangskomponenter

- Angular-applikasjonsoppstartsmekanisme

- Modulintroduksjon

- Angular-komponenter og @Component-dekoratøren

- Opprettelse av en Angular-komponent ved hjelp av Angular CLI og på StackBlitz

- Komponentdekoratør-metadata

- Vis innkapsling - Emulert, Shadow DOM, Ingen

- Data binding - Strenginterpolasjon

- Egenskapsbinding

- Hendelsesbinding

- @Input og @Output-egenskapsdekoratører

- Tosidig data binding

- Attributtbinding

- Klassebinding

- Introduksjon til livssykluskroker i Angular

- Bruk av livssykluskroker i Angular

- Vis spørringer - Vis barn, Vis barn, Innholdsbarn, Innholdsbarn

- Endringsdeteksjonsmekanisme i Angular. ZoneJS, NgZones

- Introduksjon til ruting

- Implementering av ruting i en Angular-app

- Opprettelse av en brukerliste. Setter scenen for barneruting

- Abstrahering av brukerlenken til en separat komponent

- Implementering av barneruter

- Sti Samsvarende og Rutenavn

- Introduksjon til rutevakter i Angular

- CanActivate og CanActivateChild-vakter i Angular

- CanDeactivate-vakt i Angular

- Forhåndslasting av data for en komponent ved hjelp av Resolve

- Introduksjon til seksjonen

- DI som et mønster, DI som et rammeverk og typer tilbydere

- Hierarkisk avhengighetsinjeksjon

- Introduksjon til tjenester i Angular

- Hent data fra en REST-API ved hjelp av HttpClient

- CRUD-operasjoner ved hjelp av HttpClient, HttpParams og HttpHeaders

- Observables og operatører i Observables - Kart, Prøv igjen, Fange

- Atferdsemne og deling av data ved hjelp av atferdsemner

- Introduksjon til seksjonen

- Introduksjon til direktiver

- Innebygde strukturelle direktiver

- Innebygde attributtdirektiver

- Bygging av egendefinerte attributtdirektiver

- Bygging av egendefinerte strukturelle direktiver

- Introduksjon til rør i Angular

- Bruk av innebygde rør

- Opprettelse av egendefinerte rør i Angular

- Renslige og urenslige rør i Angular

- Dekoratører gjenbesøkt

- Bygging av egendefinerte dekoratører i Angular

- Bygging av en egendefinert livssyklushookklasse Logger Decorator

- Bygging av egendefinert egenskapsdekoratør i Angular

- Introduksjon til seksjonen

- Typer av skjemabyggingsstrategier i Angular

- Opprettelse av lange Bootstrap-skjemaer raskt ved hjelp av VS Code ved hjelp av Emmet

- Legge til FormControl(s) i et malstyrt skjema ved hjelp av ngModel-direktivet

- Få den JavaScript-objektrepresentasjonen av et skjema ved hjelp av ngForm-direktivet

- Deaktivering av Send-knappen på et skjema ved hjelp av skjemaets $invalid-flagg

- Få den JavaScript-objektrepresentasjonen av et skjema i TypeScript-klassen

- Legge til avmerkingsbokser, radioknapper og valgliste i ditt malstyrte skjema

- Opprettelse av delavsnitt i skjemaet ved hjelp av NgModelGroup-direktivet

- Trinnene for å implementere et reaktivt skjema i Angular

- Rask opprettelse av et Bootstrap-skjema for vårt reaktive skjema ved hjelp av Emmet

- Opprettelse av et reaktivt skjema i TypeScript-klassen og tilkobling til malen

- Legge til skjema valideringer til et reaktivt skjema

- Dynamisk legge til eller fjerne FormControl(s) eller FormGroup(s) ved hjelp av FormArray(s)

-Legge til synkron tilpassede valideringer til ditt reaktive skjema

- Legge til asynkron tilpassede valideringer til ditt reaktive skjema

- Tilbakestille verdien av et skjema

- Introduksjon til seksjonen

- Opprettelse av et Angular CLI-prosjekt med SCSS som en base-stil

- Introduksjon av Material Design Bootstrap i Angular CLI-prosjektet ditt

- Legge til en navigasjonsmeny i overskriften din

- Legge til Material Design-knapper

- Legge til kort

- Bruk av Material Design-avmerkingsbokser og skjema innganger

- Introduksjon til Angular Material i Angular CLI-prosjektet ditt på toppen av MDB

- Legge til radioknapper, glidebryter, glidebryter, fremdriftslinje og spinner

- Introduksjon til Firebase

- Opprettelse av en app ved hjelp av Firebase Console

- Konfigurering av Angular CLI-prosjektet ditt for å støtte Firebase

- Samhandling med Firebase Realtime Database ved hjelp av metoder på AngularFireList

- Legge til og lese data fra Realtime Database i Firebase

- Oppdatering og sletting av data fra Realtime Database i Firebase