AANSOEK EN WEB ONTWIKKELING
Angular 15 Programmering
LENGTE 5 dae
WEERGAWE 15
WAAROM HIERDIE KURSUS BESTUDEER
Hierdie intensiewe en omvattende Angular 15-opleidingskursus bied aan deelnemers vaardighede wat hulle dadelik in hul werk kan gebruik. Jy sal die grondbeginsels van Angular 15-ontwikkeling leer, soos enkelbladsy-blaaiertoepassings, responsief webwebwerwe en hibriede mobiele toepassings.
Hierdie kursus 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.
Let wel: Ons kan ook opleiding oor ander weergawes van Angular lewer. Kontak ons asseblief om navraag te doen of jou belangstelling te registreer.
HOEKIG BY LUMIFY WERK
WAT JY SAL LEER
Na suksesvolle voltooiing van hierdie kursus sal jy die kennis hê om:
- Ontwikkel enkelbladsy Hoekige toepassings met behulp van Typescript
- Stel 'n volledige Angular-ontwikkelingsomgewing op
- Skep komponente, riglyne, dienste, pype, vorms en pasgemaakte valideerders
- Hanteer gevorderde netwerkdataherwinningstake met Observables
- Verbruik data vanaf REST web dienste wat die Angular HTTP-kliënt gebruik
- Hanteer stoot-data verbinding ione met behulp van die WebSocket protokol
- Werk met Angular Pipes om data te formateer
- Gebruik gevorderde Angular Component Router-kenmerke
- Toets en ontfout Angular-toepassings met ingeboude gereedskap
- Werk met Angular CLI
My instrukteur was wonderlik om scenario's in werklike gevalle te plaas wat verband hou met my spesifieke situasie.
Ek is van die oomblik wat ek aangekom het welkom gevoel en die vermoë om as 'n groep buite die klaskamer te sit om ons situasies en ons doelwitte te bespreek, was uiters waardevol.
Ek het baie geleer en gevoel dit is belangrik dat my doelwitte deur hierdie kursus by te woon bereik word.
Puik werk Lumify Work-span.
AMANDA NICOL
IT-ONDERSTEUNINGSDIENSTE BESTUURDER – HEALTH WORLD BEPERK
KURSUS VAKKE
- Stel Angular bekend
• Wat is Hoekig?
• Sentrale kenmerke van die hoekige raamwerk
• Toepaslike gebruiksgevalle
• Boublokke van 'n hoektoepassing
• Basiese argitektuur van 'n hoektoepassing
• Installeer en gebruik Angular
• Anatomie van 'n hoekige toepassing
• Die uitvoering van die toepassing
• Bou en ontplooi die toepassing
• Hoekig vir inheemse mobiele toepassings - Inleiding tot TypeScript
• Programmeringstale vir gebruik met Angular
• TypeScript-sintaksis
• Programmering Editors
• Die tipe stelsel – Definieer veranderlikes
• Die tipe stelsel – Definieer skikkings
• Basiese Primitiewe Tipes
• Tik Funksie-ione in
• Tik Inferensie
• Definieer klasse
• Klasmetodes
• Sigbaarheidsbeheer
• Klaskonstrukteurs
• Klaskonstrukteurs – Alternatiewe vorm
• Ongeinitialiseerde velde
• Koppelvlakke
• Werk met ES6-modules
• var vs laat
• Pyltjiefunksies
• Pyltjie-funksie Kompakte sintaksis
• Sjabloonstringe
• Generika in die klas
• Generika in Funksie - Komponente
• Wat is 'n komponent?
• 'n Eksample komponent
• Die skep van 'n komponent deur Angular CLI te gebruik
• Die komponentklas
• Die @Component-versierder
• Registrasie van 'n komponent in sy module
• Komponent Sjabloon
• Bvample: HelloComponent Template
• Bvample: Die HelloComponent-klas
• Die gebruik van 'n komponent
• Begin die toepassing
• Komponenthiërargie
• Die Toepassingswortelkomponent
• Die Bootstrap File
• Komponent lewensiklushake
• Bvample Lifecycle Hooks
• CSS-style - Komponent Template
• Sjablone
• Sjabloonligging
• Die Snor {{ }} Sintaksis
• Stel DOM Element Eienskappe
• Opstel van Element Body Text
• Gebeurtenisbinding
• Expression Event Handler
• Voorkom verstekhantering
• Eienskapriglyne
• Pas style toe deur CSS-klasse te verander
• Bvample: ngklas
• Die toepassing van style direk
• Strukturele riglyne
• Voorwaardelik voer sjabloon uit
• Bvample: ng as
• Looping Gebruik ngFor
• ngVir Plaaslike Veranderlikes
• Manipulering van die versameling
• Bvample – Die verwydering van 'n item
• Item Tracking met ngFor
• Verruil elemente met ngSwitch
• Groepering van elemente
• Sjabloonverwysingsveranderlike - Interkomponent kommunikasie
• Kommunikasie Basiese beginsels
• Die Datavloeiargitektuur
• Voorbereiding van die kind om data te ontvang
• Stuur data vanaf ouer
• Meer oor die opstel van eienskappe
• Afvuurgebeurtenis vanaf 'n komponent
• @Output() Bvample – Kinderkomponent
• @Output() Bvample – Ouerkomponent
• Volledige tweerigtingbinding
• Opstel van Tweerigting-databinding in Ouer - Sjabloon en gedrewe vorms
• Sjabloongedrewe vorms
• Invoer van Vorms Module
• Basiese benadering
• Opstel van 'n vorm
• Kry gebruikersinvoer
• Die weglating van ngForm Attribuut
• Inisialiseer die vorm
• Tweerigting-databinding
• Vormvalidering
• Angular Validators
• Vertoon validasietoestand deur klasse te gebruik
• Addisionele invoertipes
• Merkblokkies
• Kies (aftrek) velde
• Weergave-opsies vir seleksie (aftreklys)
• Datum velde
• Radioknoppies - Reaktiewe vorms
• Reaktiewe vorms verbyview
• Die Boublokke
• Voer Reaktiewe VormsModule in
• Konstrueer 'n vorm
• Ontwerp die sjabloon
• Kry invoerwaardes
• Inisialiseer die invoervelde
• Opstel van vormwaardes
• Teken in op Invoerveranderinge
• Bekragtiging
• Ingeboude valideerders
• Wys bevestigingsfout
• Pasgemaakte valideerder
• Die gebruik van 'n Custom Validator
• Verskaffing van konfigurasie aan Custom Validator
• FormArray – Voeg insette dinamies by
• FormArray – Die komponentklas
• FormArray – Die sjabloon
• FormArray – Waardes
• Subvormgroepe – Komponentklas
• Subvormgroepe – HTML-sjabloon
• Waarom Sub-vormgroepe gebruik - Dienste en Afhanklikheid Inspuiting
• 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 wortelinspuiter
• 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
• Die verskaffing van 'n alternatiewe implementering
• Afhanklikheidsinspuiting en @Host
• Afhanklikheidsinspuiting en @Opsioneel - HTTP kliënt
• Die Angular HTTP-kliënt
• Die gebruik van die HTTP-kliënt – verbyview
• Voer HttpClientModule in
• Diens wat HttpClient gebruik
• Die maak van '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
• Die maak van 'n POST-versoek
• Die maak van 'n PUT-versoek
• Maak 'n DELETE-versoek - Pype en dataformatering
• Wat is Pype?
• Ingeboude pype
• Gebruik Pype in HTML-sjabloon
• Kettingpype
• Internasionaliseerde pype (i18n)
• Laai Locale Data
• Die dadelpyp
• Die nommer Pyp
• Valutapyp
• Skep 'n pasgemaakte pyp
• Pasgemaakte pyp Example
• Gebruik pasgemaakte pype
• Gebruik 'n pyp met ngFor
• 'n Filterpyp
• Pypkategorie: Suiwer en Onsuiwer
• Pure Pipe Example
• Onsuiwer Pyp Example - Inleiding tot enkelbladsy-toepassings
• Wat is 'n enkelbladsy-toepassing (SPA)
• Tradisioneel Web Toepassing
• SPA-werkvloei
• Enkelbladsy Aansoek Advantages
• HTML5 Geskiedenis API
• SPA-uitdagings
• Implementering van SPA's deur Angular te gebruik - Die Angular Component Router
• Die komponentroeteerder
• View Navigasie
• Die Angular Router API
• Die skep van '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 Roete-parameterwaardes
• Herwinning van die roeteparameter sinchronies
• Herwinning van 'n Roete-parameter asinchronies
• Navraag na parameters
• Verskaf navraagparameters
• Herwinning van navraagparameters asinchronies
• Probleme met Handleiding URL inskrywing en boekmerke - Gevorderde HTTP-kliënt
• Versoek Opsies
• Die terugkeer van 'n HttpResponse-objek
• Opstel van versoekopskrifte
• Skep nuwe waarneembares
• Skep 'n eenvoudige waarneembare
• Die Waarneembare Konstruktor-metode
• Waarneembare operateurs
• Die kaart- en filteroperateurs
• Die flatMap()-operateur
• Die tap()-operateur
• Die zip() Combinator
• Kas HTTP-reaksie
• Maak opeenvolgende HTTP-oproepe
• Maak parallelle oproepe
• Pasmaak van foutobjek met catchError()
• Fout in Pyplyn
• Foutherstel - Hoekige modules
• Waarom hoekmodules?
• Anatomie van 'n moduleklas
• @NgModule Eienskappe
• Kenmerkmodules
• Bvample Module Struktuur
• Skep 'n Domeinmodule
• Skep 'n roete-/roeteringsmodulepaar
• Skep 'n Diensmodule
• Die skep van algemene modules
• Die gebruik van een module van 'n ander - Gevorderde roetes
• Roetering-geaktiveerde kenmerkmodule
• Die gebruik van die kenmerkmodule
• Lui laai die kenmerkmodule
• Skep skakels vir die kenmerkmodule-komponente
• Meer oor Lui laai
• Voorlaai van modules
• routerLinkActive-binding
• Verstekroete
• Wildcard-roetepad
• herlei na
• Kinderroetes
• Definieer kinderroetes vir kinderroetes
• Skakels vir Kinderroetes
• Navigasiewagte
• Die skep van wagimplementasies
• Gebruik wagte in 'n roete - Eenheidtoetsing hoektoepassings
• Eenheidtoetsing van hoekartefakte
• Toetsgereedskap
• Tipiese toetsstappe
• Toets resultate
• Jasmine Toets Suites
• Jasmine-spesifikasies (eenheidstoetse)
• Verwagtinge (Beweringione)
• Pasmaats
• Bvamples van die gebruik van Matchers
• Die gebruik van die nie Eiendom
• Opstelling en afbreek in eenheidstoetssuites
• Bvample van beforeEach en afterEach Funksies
• Hoektoetsmodule
• Bvample Hoektoetsmodule
• Toets van 'n diens
• Die inspuiting van 'n diensinstansie
• Toets 'n sinchrone metode
• Toets 'n asynchrone metode
• Die gebruik van Mock HTTP Client
• Verskaf ingemaakte reaksie
• Toets van 'n komponent
• Komponenttoetsmodule
• Die skep van 'n komponentinstansie
• Die ComponentFixture-klas
• Basiese komponenttoetse
• Die DebugElement-klas
• Simulering van gebruikersinteraksie - Ontfouting
• Oorview van Angular Debugging
• Viewing TypeScript-kode in Debugger
• Die gebruik van die ontfouter Sleutelwoord
• Ontfout Logging
• Wat is Angular DevTools?
• Die gebruik van Angular DevTools
• Angular DevTools – Komponentstruktuur
• Angular DevTools – Change Detect ion Execut ion
• Vang sintaksisfoute
VIR WIE IS DIE KURSUS?
Hierdie kursus is gemik op enigiemand wat die grondbeginsels van Angular 15-ontwikkeling moet leer en dit dadelik moet toepas om te skep web toepassings.
Ons kan ook hierdie opleidingskursus vir groter groepe lewer en pasmaak – wat jou organisasie tyd, geld en hulpbronne bespaar. Vir meer inligting, kontak ons asseblief per e-pos op ph.training@lumifywork.com
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
- Geen vorige ondervinding van Angular of AngularJS word vereis nie
Die verskaffing van hierdie kursus deur Lumify Work word deur die besprekingsbepalings en -voorwaardes beheer.
Lees asseblief die bepalings en voorwaardes noukeurig deur voordat u vir hierdie kursus inskryf, aangesien inskrywing vir die kursus afhanklik is van aanvaarding van hierdie bepalings en voorwaardes.
https://www.lumifywork.com/en-ph/courses/angular-15-programming/
ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork
Dokumente / Hulpbronne
 |
LUMIFY WORK Angular 15 Programmering [pdf] Gebruikersgids Angular 15 Programmering, Programmering |
