LUMIFY WORK Angular 12 Programming

POUKISA ETIDYE KOU SA A

Kou konplè Programming Angilè 12 sa a se yon konbinezon de aprantisaj teyorik ak laboratwa pratik ki gen ladann yon entwodiksyon sou Angular, ki te swiv pa TypeScript, konpozan, direktiv, sèvis, HTTP Kliyan, tès, ak debogaj.
Kou a chaje ak enfòmasyon itil ak aksyon ou ka aplike nan travay ou touswit. Aprann fondamantal yo nan devlopman debaz Angilè 12 tankou aplikasyon pou yon sèl paj navigatè, reponn websit, ak aplikasyon mobil ibrid.
Remak: Nou kapab tou bay fòmasyon sou lòt vèsyon angilè. Tanpri kontakte nou pou fè yon ankèt oswa anrejistre enterè ou.

KISA OU APRANN
Lè w fin konplete kou sa a avèk siksè, w ap kapab:

• Devlope aplikasyon angilè yon sèl paj lè l sèvi avèk Typescript
• Mete kanpe yon anviwònman devlopman angilè konplè
• Kreye Konpozan, Direktiv, Sèvis, Tiyo, Fòm, ak Validatè Custom
• Jere travay avanse rezo done rekipere lè l sèvi avèk Observables Consume done ki soti nan REST web sèvis lè l sèvi avèk angilè HT TP Kliyan Manch koneksyon pouse done lè l sèvi avèk la WebSockets pwotokòl
• Travay ak tiyo angilè pou fòma done yo
• Sèvi ak karakteristik avanse angilè Component Routeur
• Teste ak debogaj aplikasyon angilè lè l sèvi avèk zouti entegre.

SIJÈ KOU

Chapit 1. Prezante Angilè

• Ki sa ki angilè?
• Karakteristik santral nan kad itilizasyon angilè ki apwopriye yo
• Blòk konstriksyon yon aplikasyon angilè Achitekti debaz yon aplikasyon angilè Enstale ak itilizasyon angilè
• Anatomi nan yon aplikasyon angilè kouri aplikasyon an
• Bati ak deplwaye aplikasyon angilè pou aplikasyon mobil natif natal yo
• Rezime

Chapit 2. Entwodiksyon TypeScript

• Lang pwogramasyon pou itilize ak sentaks angilè TypeScript
• Editè pwogramasyon
• Sistèm nan Kalite - Defini Varyab
• Sistèm nan Kalite - Defini ranje
• Kalite primitif debaz yo
• Tape nan Fonksyon
• Kalite Enferans
• Defini klas yo
• Metòd klas yo
• Kontwòl Vizibilite
• Konstriksyon klas yo
• Konstriktè Klas - Fòm Altène Jaden ki pa Inisyalize
• Entèfas
• Travay ak modil ES6
• var vs kite
• Fonksyon flèch
• Arrow Fonksyon Kontra enfòmèl ant chèn modèl sentaks
• Jenerik nan klas la
• Jenerik nan Fonksyon
• Rezime

Chapit 3. Konpozan

• Ki sa ki se yon eleman?
• Yon Egzample Component
• Kreye yon eleman lè l sèvi avèk CLI angilè
• Klas Konpozan an
• @Component Decorator la
• Anrejistre yon Eleman nan Modil Eleman Modil li a
• Example: HelloComponent Template
• Example: Klas HelloComponent lè l sèvi avèk yon eleman
• Kouri aplikasyon an
• Yerachi konpozan
• Eleman rasin aplikasyon an
• Bootstrap la File
• Konpozan Lifecycle Hooks Egzample Lifecycle Hooks
• Styles CSS
• Rezime

Chapit 4. Modèl konpozan

• Modèl
• Kote modèl
• Moustach {{ }} Sentaks la
• Anviwònman Pwopriyete Eleman DOM
• Mete tèks kò eleman
• Evènman obligatwa
• Manadjè Evènman ekspresyon
• Anpeche manyen Default
• Direktiv Atribi yo
• Aplike Styles pa chanje klas CSS
• Example: ngClass
• Aplike Styles dirèkteman
• Direktiv estriktirèl
• Kondisyonèl Egzekite Modèl
• Example: ngSi
• Boukle lè l sèvi avèk ngFor
• ngPou Varyab lokal yo
• Manipile Koleksyon an Egzample – Efase yon atik
• Tracking Atik ak ngFor Echanjman Eleman ak Eleman ngSwitch Grouping
• Modèl Referans Varyab Rezime

Chapit 5. Kominikasyon Inter Component

• Kominikasyon Basics
• Achitekti a koule done
• Prepare timoun nan pou resevwa done
• Voye Done ki soti nan Paran
• Plis Sou Anviwònman Pwopriyete
• Evènman tire soti nan yon eleman
• @Output() Egzample – Konpozan Timoun @Output() Egzample – Eleman paran
• Konplè de fason obligatwa
• Mete kanpe de fason Done obligatwa nan Paran
• Rezime

Chapit 6. Fòm Modèl Kondwi

• Modèl Kondwi Fòm
• Enpòte Fòm Modil
• Apwòch debaz
• Mete kanpe yon fòm
• Jwenn Antre itilizatè
• Omisyon ngForm Atribi
• Inisyalize Fòm nan
• De Way Done Liaison
• Validasyon fòm
• Validatè angilè
• Montre Eta Validasyon Sèvi ak Klas Lòt Kalite Antre
• Bwat chèk
• Chwazi (Drop Down) Fields
• Opsyon rann pou chwazi (Drop Down) jaden Dat yo
• Bouton Radyo
• Rezime

Chapit 7. Fòm reyaktif

• Fòm reyaktif souview
• Blòk Konstriksyon yo
• Enpòte ReactiveFormsModule
• Konstwi yon fòm
• Konsepsyon modèl la
• Jwenn Valè Antre
• Inisyalize jaden yo Antre
• Mete valè fòm yo
• Abònman nan Chanjman Antre
• Validasyon
• Validatè entegre
• Montre Erè Validasyon
• Validatè Custom
• Sèvi ak yon Validatè Custom
• Bay Konfigirasyon nan Validatè Custom
• FormArray - Dynamiquement ajoute entrées
• FormArray - Klas Konpozan an
• FormArray - Modèl la
• FormArray - Valè
• Sub FormGroups – Klas Konpozan
• Sub FormGroups - Modèl HTML
• Poukisa Sèvi ak Sub FormGroups
• Rezime

Chapit 8. Sèvis ak Enjeksyon Depandans

• Ki sa ki se yon sèvis?
• Kreye yon sèvis de baz
• Klas Sèvis la
• Ki sa ki piki depandans?
• Enjekte yon Enstans Sèvis
• Piki
• Yerachi Injector
• Anrejistre yon sèvis ak Root Injector la
• Anrejistre yon sèvis ak yon enjektè konpozan
• Anrejistre yon sèvis ak yon enjektè Modil Feature
• Ki kote pou anrejistre yon sèvis?
• Piki depandans nan lòt zafè ki bay yon aplikasyon altènatif piki depandans ak @Host
• Piki Depandans ak @Opsyonèl
• Rezime

Chapit 9. HTTP Kliyan

• Kliyan angilè HT TP
• Sèvi ak T li HT TP Kliyan – Plisview
• Enpòte HttpClientModule
• Sèvis Sèvi ak HttpClient
• Fè yon demann GET
• Kisa yon Objè Obsèvab fè?
• Sèvi ak sèvis la nan yon eleman
• Manyen erè nan eleman kliyan PeopleService
• Pèrsonalizasyon objè erè a
• Fè yon demann POST
• Fè yon demann PUT
• Fè yon demann DELETE

Chapit 10. Tiyo ak fòma done

• Ki sa ki tiyo?
• Tiyo entegre
• Sèvi ak tiyo nan modèl HTML Chaining tiyo
• Tiyo Entènasyonalize (i18n) Chaje Done Lokal yo
• Dat Tiyo a
• Nimewo a tiyo
• Tiyo Lajan
• Kreye yon tiyo Custom
• Custom tiyo Example
• Sèvi ak tiyo Custom
• Sèvi ak yon tiyo ak ngFor
• Yon tiyo filtre
• Kategori tiyo: Pi ak enpur
• Rezime
• Pi tiyo Example
• Enpi tiyo Egzample
• Rezime

Chapit 11. Entwodiksyon nan aplikasyon pou yon sèl paj

• Ki sa ki se yon Aplikasyon Single Page (SPA) Tradisyonèl Web Aplikasyon
• SPA Workflow
• Single Page Aplikasyon Advantages HTML5 History API
• SPA defi
• Aplike SPA a lè l sèvi avèk rezime angilè

Chapit 12. Routeur a eleman angilè

• Routeur nan eleman
• View Navigasyon
• API angilè routeur la
• Kreye yon aplikasyon pou routeur
• Hosting Konpozan yo Route
• Navigasyon Sèvi ak Lyen ak Bouton
• Navigasyon pwogramasyon
• Pase Paramèt Route
• Navige ak Paramèt Route
• Jwenn Valè Paramèt Route yo
• Rekipere paramèt wout la senkronize
• Rekipere yon paramèt wout asynchrone
• Paramèt rechèch
• Bay Paramèt Rekèt
• Rekipere Paramèt Rekèt yo asynchrone
• Pwoblèm ak Manyèl URL antre ak Bookmarking
• Rezime

Chapit 13. Kliyan HTTP avanse

• Opsyon demann
• Retounen yon objè HttpResponse
• Anviwònman Tèt demann
• Kreye nouvo Obsèvab
• Kreye yon senp Obsèvab
• Metòd Konstriksyon Obsèvab Operatè Obsèvab yo
• Kat jeyografik ak filtre Operatè yo
• Operatè flatMap().
• Operatè tap() la
• Zip() Combinator la
• Cache HT TP Repons
• Fè apèl HT TP sekans
• Fè apèl paralèl
• Pèsonalizasyon objè erè ak catchError()
• Erè nan Pipeline
• Rekiperasyon erè
• Rezime

Chapit 14. Modil angilè

• Poukisa modil angilè?
• Anatomi nan yon klas modil
• Pwopriyete @NgModule
• Modil Karakteristik
• Example Modil Estrikti
• Kreye yon modil domèn
• Kreye yon Pè Modil Route/Routage
• Kreye yon Modil Sèvis
• Kreye modil komen

Chapit 15. Routage avanse

• Modil karakteristik routage pèmèt
• Sèvi ak Modil Karakteristik la
• Lazy Loading Modil Karakteristik la
• Kreye Lyen pou Konpozan Modil Karakteristik yo
• Plis sou Lazy Loading
• Preloading Modil
• Default Route
• Chemen wout Wildcard
• redireksyon Pou
• Wout timoun yo
• Defini wout timoun yo
• pou Wout Timoun yo
• Lyen pou Wout Timoun yo
• Gad Navigasyon
• Kreye Enplemantasyon Gad yo
• Sèvi ak Gad nan yon wout
• Rezime

Chapit 16. Tès inite aplikasyon angilè

• Tès inite zafè angilè
• Tès Zouti
• Etap tès tipik yo
• Rezilta tès yo
• Swit tès Jasmine
• Espesifikasyon Jasmine (Tès Inite)
• Atant (Afimasyon)
• Matchers
• Examples nan Sèvi ak Matchers
• Sèvi ak pa Pwopriyete a
• Enstalasyon ak demonte nan swit tès inite yo
• Example of beforeEach and afterEach Fonksyon
• Modil tès angilè
• Example Modil Tès Angilè
• Tès yon sèvis
• Enjekte yon Enstans Sèvis
• Teste yon Metòd Synchrone
• Teste yon Metòd Asynchrone
• Sèvi ak Mock HT TP Kliyan
• Bay repons nan bwat
• Tès yon eleman
• Modil tès konpozan
• Kreye yon Enstans Konpozan
• Klas la ComponentFixture
• Tès eleman debaz yo
• Klas DebugElement
• Simulation entèraksyon itilizatè
• Rezime

Chapit 17. Debogaj

• Plis paseview nan debogaj angilè
• ViewKòd TypeScript nan Debugger
• Sèvi ak mo kle debogaj la
• Debug Logging
• Ki sa ki Angilè DevTools?
• Sèvi ak Angilè DevTools
• Angilè DevTools - Estrikti eleman
• Angilè DevTools - Egzekisyon Deteksyon Chanjman
• Pwan Erè Sentaks
• Rezime

Egzèsis Laboratwa

• Laboratwa 1. Entwodiksyon angilè
• Laboratwa 2. Entwodiksyon TypeScript
• Laboratwa 3. Entwodiksyon nan Konpozan
• Laboratwa 4. Modèl eleman
• Laboratwa 5. Kreye yon eleman Galeri Foto
• Laboratwa 6. Modèl Kondwi Fòm
• Laboratwa 7. Kreye yon Fòm Edit
• Laboratwa 8. Fòm reyaktif
• Laboratwa 9. Devlope yon sèvis
• Laboratwa 10. Devlope yon Kliyan HT TP
• Laboratwa 11. Sèvi ak tiyo
• Laboratwa 12. Aplikasyon debaz yon sèl paj lè l sèvi avèk routeur Laboratwa 13. Bati yon aplikasyon pou yon sèl paj (SPA)
• Laboratwa 14. Avanse HT TP Kliyan
• Laboratwa 15. Sèvi ak Bootstrap angilè
• Laboratwa 16. Loading modil parese
• Laboratwa 17. Avanse routage
• Laboratwa 18. Tès Inite
• Laboratwa 19. Debogaj aplikasyon angilè

POU KIYÈS KOU A?
Kou sa a vize a nenpòt moun ki bezwen aprann fondamantal yo nan devlopman Angilè 12 epi aplike li nan kreye. web aplikasyon imedyatman. Nou kapab tou delivre ak pèsonalize kou fòmasyon sa a pou pi gwo gwoup - ekonomize tan òganizasyon w, lajan ak resous.

KONDISYON
Web Eksperyans devlopman lè l sèvi avèk HTML, CSS ak JavaScript obligatwa pou jwenn pi plis nan kou sa a Angilè. Konesans nan navigatè DOM la itil tou. Eksperyans anvan Angilè, ak AngularJS oswa nenpòt vèsyon nan Angular, pa obligatwa.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Dokiman / Resous

LUMIFY WORK Angular 12 Programming [pdfGid Itilizatè Angilè 12 Programmation, Angilè, 12 Programmation, Programmation

Referans

• Manyèl itilizatè