LUMIFY WORK Angular 12 Programmering

WAAROM HIERDIE KURSUS BESTUDEER

Hierdie omvattende Angular 12-programmeringskursus is 'n kombinasie van teoretiese leer en praktiese laboratoriums wat 'n inleiding tot Angular insluit, gevolg deur TypeScript, komponente, riglyne, dienste, HTTP-kliënt, toetsing en ontfouting.
Die kursus is propvol nuttige en bruikbare inligting wat jy dadelik op jou werk kan toepas. Leer die grondbeginsels van basiese Angular 12-ontwikkeling soos enkelbladsy-blaaiertoepassings, responsief webwebwerwe en hibriede mobiele toepassings.
Let wel: Ons kan ook opleiding oor ander weergawes van Angular lewer. Kontak ons ​​asseblief om navraag te doen of jou belangstelling te registreer.

WAT JY SAL LEER
Na suksesvolle voltooiing van hierdie kursus, sal jy in staat wees om:

• Ontwikkel enkelbladsy-hoektoepassings deur Typescript te gebruik
• Stel 'n volledige Angular-ontwikkelingsomgewing op
• Skep komponente, riglyne, dienste, pype, vorms en pasgemaakte valideerders
• Hanteer gevorderde netwerkdataherwinningstake deur Observables Gebruik data van REST web dienste met behulp van die Angular HT TP Client Hanteer push-data verbindings deur die WebSokke protokol
• Werk met Angular Pipes om data te formateer
• Gebruik gevorderde Angular Component Router-kenmerke
• Toets en ontfout Angular-toepassings met ingeboude gereedskap.

KURSUS VAKKE

Hoofstuk 1. Bekendstelling van Angular

• Wat is Angular?
• Sentrale kenmerke van die hoekige raamwerk Geskikte gebruiksgevalle
• Boublokke van 'n hoektoepassing Basiese argitektuur van 'n hoektoepassing Installeer en gebruik Angular
• Anatomie van 'n hoektoepassing wat die toepassing uitvoer
• Bou en ontplooi die toepassing Angular vir inheemse mobiele toepassings
• Opsomming

Hoofstuk 2. Inleiding tot TypeScript

• Programmeringstale vir gebruik met Angular TypeScript-sintaksis
• Programmering redakteurs
• Die tipe stelsel - Definieer veranderlikes
• Die tipe stelsel - Definieer skikkings
• Basiese Primitiewe Tipes
• Tik Funksies in
• Tik afleiding
• Definieer klasse
• Klasmetodes
• Sigbaarheidsbeheer
• Klaskonstrukteurs
• Klaskonstrukteurs – Alternatiewe vorm ongeinitialiseerde velde
• Koppelvlakke
• Werk met ES6-modules
• var vs laat
• Pyltjie funksies
• Pyltjie funksie Kompakte sintaksis sjabloon snare
• Generika in die klas
• Generika in funksie
• Opsomming

Hoofstuk 3. Komponente

• Wat is 'n komponent?
• 'n Eksample komponent
• Skep 'n komponent met behulp van Angular CLI
• Die komponentklas
• Die @komponentversierder
• Registrasie van 'n komponent by sy modulekomponentsjabloon
• Example: HelloComponent Template
• Example: Die HelloComponent-klas wat 'n komponent gebruik
• Begin die toepassing
• Komponenthiërargie
• Die Toepassingswortelkomponent
• Die Bootstrap File
• Komponent Lewensiklushake Bvample Lifecycle Hooks
• CSS-style
• Opsomming

Hoofstuk 4. Komponent Template

• Sjablone
• Sjabloon ligging
• Die Snor {{ }} Sintaksis
• Stel DOM Element-eienskappe in
• Stel Element Liggaam Teks
• Gebeurtenisbinding
• Uitdrukking gebeurtenis hanteerder
• Voorkom verstekhantering
• Eienskapriglyne
• Pas style toe deur CSS-klasse te verander
• Example: ngklas
• Pas style direk toe
• Strukturele riglyne
• Voer voorwaardelik sjabloon uit
• Example: ng as
• Looping Gebruik ngFor
• ngVir Plaaslike Veranderlikes
• Manipuleer die versameling Bvample – Die verwydering van 'n item
• Itemopsporing met ngOm elemente te ruil met ngSwitch-groeperingselemente
• Sjabloonverwysing veranderlike opsomming

Hoofstuk 5. Interkomponent kommunikasie

• Kommunikasie basiese beginsels
• Die datavloeiargitektuur
• Berei die kind voor om data te ontvang
• Stuur data vanaf ouer
• Meer oor die opstel van eienskappe
• Afvuurgebeurtenis vanaf 'n komponent
• @Output() Bvample – Kinderkomponent @Output() Bvample – Ouerkomponent
• Volle tweerigtingbinding
• Stel tweerigting-databinding in ouer op
• Opsomming

Hoofstuk 6. Sjabloongedrewe vorms

• Sjabloongedrewe vorms
• Die invoer van vormsmodule
• Basiese benadering
• Opstel van 'n vorm
• Kry gebruikersinvoer
• Verlaat ngForm-kenmerk
• Inisialiseer die vorm
• Tweerigting-databinding
• Vorm validering
• Hoekige valideerders
• Vertoon validasiestatus deur klasse bykomende invoertipes te gebruik
• Merkblokkies
• Kies (aftrek) velde
• Weergave-opsies vir Kies (aftrek) datumvelde
• Radio knoppies
• Opsomming

Hoofstuk 7. Reaktiewe vorms

• Reaktiewe vorms verbyview
• Die Boublokke
• Voer ReactiveFormsModule in
• Konstrueer 'n vorm
• Ontwerp die sjabloon
• Kry invoerwaardes
• Inisialiseer die invoervelde
• Stel vormwaardes in
• Teken in op Invoerveranderinge
• Bekragtiging
• Ingeboude valideerders
• Wys tans bevestigingsfout
• Pasgemaakte valideerder
• Gebruik 'n pasgemaakte valideerder
• Verskaf konfigurasie aan Custom Validator
• FormArray – Voeg insette dinamies by
• FormArray – Die komponentklas
• FormArray – Die sjabloon
• FormArray – Waardes
• Subvormgroepe – Komponentklas
• Subvormgroepe – HTML-sjabloon
• Hoekom gebruik subvormgroepe
• Opsomming

Hoofstuk 8. Dienste en afhanklikheidsinspuiting

• Wat is 'n diens?
• Die skep van 'n basiese diens
• Die diensklas
• Wat is afhanklikheidsinspuiting?
• Die inspuiting van 'n diensinstansie
• inspuiters
• Inspuiterhiërargie
• Registrasie van 'n diens met die Root Injector
• Registrasie van 'n diens met 'n komponent se inspuiter
• Registreer 'n diens met 'n kenmerkmodule-inspuiter
• Waar om 'n diens te registreer?
• Afhanklikheidsinspuiting in ander artefakte wat 'n alternatiewe implementeringsafhanklikheidsinspuiting verskaf en @Host
• Afhanklikheidsinspuiting en @Opsioneel
• Opsomming

Hoofstuk 9. HTTP-kliënt

• Die Angular HT TP-kliënt
• Die gebruik van die HT TP-kliënt – verbyview
• HttpClientModule invoer
• Diens met behulp van HttpClient
• Maak 'n AOO-versoek
• Wat doen 'n waarneembare voorwerp?
• Die gebruik van die diens in 'n komponent
• Die PeopleService-kliëntkomponent-fouthantering
• Pasmaak van die foutvoorwerp
• Maak 'n POST-versoek
• Maak 'n PUT-versoek
• Dien 'n DELETE-versoek

Hoofstuk 10. Pype en dataformatering

• Wat is pype?
• Ingeboude pype
• Gebruik pype in HTML-sjabloon Kettingpype
• Internasionaliseerde pype (i18n) Laai locale data
• Die datum Pyp
• Die nommer Pyp
• Geldeenheid Pyp
• Skep 'n pasgemaakte pyp
• Pasgemaakte pyp Example
• Gebruik persoonlike pype
• Gebruik 'n pyp met ngFor
• 'n Filterpyp
• Pypkategorie: Rein en Onrein
• Opsomming
• Pure Pipe Example
• Onsuiwer Pyp Example
• Opsomming

Hoofstuk 11. Inleiding tot enkelbladsytoepassings

• Wat is 'n enkelbladsy-toepassing (SPA) Tradisioneel Web Toepassing
• SPA werkvloei
• Enkel bladsy Aansoek Advantages HTML5 History API
• SPA-uitdagings
• Implementering van SPA's met behulp van Angular Summary

Hoofstuk 12. Die Angular Component Router

• Die komponent router
• View Navigasie
• Die Angular Router API
• Skep 'n router-geaktiveerde toepassing
• Gasheer vir die geroeteerde komponente
• Navigasie met behulp van skakels en knoppies
• Programmatiese navigasie
• Verbygaande roete-parameters
• Navigeer met roeteparameters
• Verkryging van die roeteparameterwaardes
• Herwinning van die roeteparameter sinchronies
• Haal 'n roeteparameter asynchroon op
• Navraag parameters
• Verskaf navraagparameters
• Haal navraagparameters asynchronies op
• Probleme met handleiding URL inskrywing en boekmerke
• Opsomming

Hoofstuk 13. Gevorderde HTTP-kliënt

• Versoek opsies
• Stuur 'n HttpResponse-objek terug
• Stel versoekopskrifte in
• Skep nuwe waarneembares
• Skep 'n eenvoudige waarneembare
• Die Waarneembare Konstruktor-metode Waarneembare Operateurs
• Die kaart en filter operateurs
• Die flatMap()-operateur
• Die tap()-operateur
• Die zip() Combinator
• Kas HT TP-reaksie
• Maak opeenvolgende HT TP-oproepe
• Maak parallelle oproepe
• Pas foutvoorwerp aan met catchError()
• Fout in pyplyn
• Foutherstel
• Opsomming

Hoofstuk 14. Hoekmodules

• Waarom hoekmodules?
• Anatomie van 'n moduleklas
• @NgModule Eienskappe
• Funksie modules
• Example Module Struktuur
• Skep 'n domeinmodule
• Skep 'n roete-/roeteermodule-paar
• Skep 'n diensmodule
• Die skep van algemene modules

Hoofstuk 15. Gevorderde Roetering

• Roetering-geaktiveerde kenmerkmodule
• Gebruik die kenmerkmodule
• Lui laai die kenmerkmodule
• Skep skakels vir die kenmerkmodule-komponente
• Meer oor lui laai
• Voorlaai van modules
• Verstekroete
• Wildcard-roetepad
• herlei na
• Kinderroetes
• Definieer kinderroetes
• vir Kinderroetes
• Skakels vir Kinderroetes
• Navigasiewagte
• Die skep van wagimplementasies
• Gebruik wagte in 'n roete
• Opsomming

Hoofstuk 16. Eenheidtoetsing van hoektoepassings

• Eenheid wat hoekartefakte toets
• Toets gereedskap
• Tipiese toetsstappe
• Toets resultate
• Jasmine Toets Suites
• Jasmine-spesifikasies (eenheidstoetse)
• Verwagtinge (Bewerings)
• Pasmaats
• Examples van die gebruik van Matchers
• Die gebruik van die nie Eiendom
• Opstelling en afbreek in eenheidstoetssuites
• Example van beforeEach en afterEach Funksies
• Hoektoetsmodule
• Example Hoektoetsmodule
• Toets 'n diens
• Die inspuiting van 'n diensinstansie
• Toets 'n sinchrone metode
• Toets 'n asynchrone metode
• Gebruik Mock HT TP Client
• Verskaf ingemaakte reaksie
• Toets 'n komponent
• Komponent Toets Module
• Skep 'n komponentinstansie
• Die ComponentFixture-klas
• Basiese komponenttoetse
• Die DebugElement-klas
• Simulering van gebruikersinteraksie
• Opsomming

Hoofstuk 17. Ontfouting

• verbyview van Angular Debugging
• Viewing TypeScript-kode in Debugger
• Gebruik die ontfouter Sleutelwoord
• Ontfout logboek
• Wat is Angular DevTools?
• Gebruik Angular DevTools
• Angular DevTools – Komponentstruktuur
• Angular DevTools – Uitvoering van veranderingsbespeuring
• Vang sintaksfoute op
• Opsomming

Laboratorium-oefeninge

• Lab 1. Inleiding tot Angular
• Lab 2. Inleiding tot TypeScript
• Lab 3. Inleiding tot komponente
• Lab 4. Komponent Sjabloon
• Lab 5. Skep 'n Fotogalery-komponent
• Lab 6. Sjabloongedrewe vorm
• Lab 7. Skep 'n Redigeervorm
• Lab 8. Reaktiewe vorm
• Lab 9. Ontwikkel 'n diens
• Lab 10. Ontwikkel 'n HT TP-kliënt
• Lab 11. Gebruik Pype
• Lab 12. Basiese enkelbladsy-toepassing met behulp van router-laboratorium 13. Bou 'n enkelbladsy-toepassing (SPA)
• Lab 14. Gevorderde HT TP-kliënt
• Lab 15. Gebruik Angular Bootstrap
• Lab 16. Lui Module Laai
• Lab 17. Gevorderde Roetering
• Lab 18. Eenheidtoetsing
• Lab 19. Ontfouting van hoektoepassings

VIR WIE IS DIE KURSUS?
Hierdie kursus is gemik op enigiemand wat die grondbeginsels van Angular 12-ontwikkeling moet leer en dit moet toepas om te skep web aansoeke dadelik. Ons kan ook hierdie opleidingskursus vir groter groepe lewer en pasmaak – wat jou organisasie tyd, geld en hulpbronne bespaar.

VOORVEREISTES
Web ontwikkelingservaring met HTML, CSS en JavaScript is nodig om die meeste uit hierdie Angular-kursus te kry. Kennis van die blaaier DOM is ook nuttig. Vorige Angular-ervaring, met AngularJS of enige weergawe van Angular, word nie vereis nie.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Dokumente / Hulpbronne

LUMIFY WORK Angular 12 Programmering [pdf] Gebruikersgids Angular 12 Programmering, Angular, 12 Programmering, Programmering

Verwysings

• Gebruikershandleiding