LUMIFY WORK Angular 15 Programming User Guide

APLIKASYON AK WEB DEVLOPMAN
Angilè 15 pwogramasyon
LONGÈ 5 jou
VÈSYON 15

POUKISA ETIDYE KOU SA A

Kou fòmasyon entansif ak konplè Angular 15 sa a bay patisipan yo ladrès yo ka itilize imedyatman nan travay yo. Ou pral aprann fondamantal devlopman Angular 15 tankou aplikasyon navigatè yon sèl paj, repons websit, ak aplikasyon mobil ibrid.
Kou sa a se yon konbinezon de aprantisaj teyorik ak laboratwa pratik ki gen ladann yon entwodiksyon nan Angilè, ki te swiv pa TypeScript, konpozan, dirèk ives, sèvis, HTTPClient, tès, ak debogaj.
Nòt: Nou kapab tou bay fòmasyon sou lòt vèsyon angilè. Tanpri kontakte nou pou fè yon ankèt oswa anrejistre enterè ou.

ANGULAR AT LUMIFY TRAVAY

KISA OU APRANN

Lè w konplete kou sa a avèk siksè, w ap gen konesans pou:

• Devlope yon sèl paj aplikasyon angilè 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
• Konsome done ki soti nan REST web sèvis lè l sèvi avèk angilè HTTP Kliyan an
• Manch pouse-done konekte iyon lè l sèvi avèk la WebSocket pwotokòl
• Travay ak tiyo angilè pou fòma done yo
• Sèvi ak karakteristik avanse angilè Component Routeur
• Teste ak debug aplikasyon angilè lè l sèvi avèk zouti bati
• Travay ak CLI angilè

Enstriktè mwen an te gwo lè yo te kapab mete senaryo nan ka mond reyèl ki gen rapò ak sitiyasyon espesifik mwen an.
Yo te fè m santi m byen akeyi depi nan moman mwen te rive epi kapasite pou m chita kòm yon gwoup deyò salklas la pou diskite sou sitiyasyon nou yo ak objektif nou yo te gen anpil valè.
Mwen te aprann anpil bagay e mwen te santi li enpòtan pou m te atenn objektif mwen lè m te patisipe nan kou sa a.
Gwo travay ekip Lumify Travay.AMANDA NICOL
IT SUPPORT SERVICES MANAGER – HEALTH WORLD LIMITED

SIJÈ KOU

1. Prezante Angilè
   • Ki sa ki Angilè?
   • Karakteristik Santral kad angilè a
   • Ka Itilizasyon Apwopriye
   • Blòk yon aplikasyon angilè
   • Achitekti debaz yon aplikasyon angilè
   • Enstale ak Sèvi ak Angilè
   • Anatomi yon aplikasyon angilè
   • Kouri aplikasyon an
   • Konstwi ak Deplwaye Aplikasyon an
   • Angilè pou aplikasyon mobil natif natal
2. Entwodiksyon nan TypeScript
   • Langaj pwogramasyon pou itilize ak Angilè
   • Sentaks TypeScript
   • Editè pwogramasyon
   • Sistèm Kalite a – Defini varyab yo
   • Sistèm nan Kalite - Def ining Arrays
   • Kalite Primitiv debaz yo
   • Tape nan Fonksyon iyon
   • Kalite Enferans
   • Defini klas yo
   • Metòd klas yo
   • Kontwòl Vizibilite
   • Konstriksyon klas yo
   • Konstriksyon Klas yo – Fòm Altènatif
   • Jaden ki pa inisyalize
   • Entèfas
   • Travay ak modil ES6
   • var vs let
   • Fonksyon flèch
   • Flèch Fonksyon Kontraks sentaks
   • Chèl modèl
   • Jenerik nan klas la
   • Jenerik nan Fonksyon
3. Eleman
   • Kisa yon Eleman ye?
   • Yon Egzample Component
   • Kreye yon eleman ak CLI angilè
   • Klas Konpozan an
   • @Component Decorator la
   • Anrejistre yon eleman nan modil li a
   • Modèl eleman
   • Egzample: HelloComponent Template
   • Egzample: Klas HelloComponent la
   • Sèvi ak yon Eleman
   • Kouri aplikasyon an
   • Yerachi konpozan
   • Eleman rasin aplikasyon an
   • Bootstrap la File
   • Kwòk Component Lifecycle
   • Egzample Lifecycle Hooks
   • Styles CSS
4. Modèl konpozan
   • Modèl
   • Kote modèl
   • Moustach {{ }} Sentaks la
   • Mete Pwopriyete Eleman DOM
   • Mete tèks kò eleman
   • Evènman obligatwa
   • Manadjè Evènman ekspresyon
   • Anpeche manyen Default
   • Direktiv Atribi yo
   • Aplike Styles lè w chanje klas CSS
   • Egzample: ngClass
   • Aplike Styles dirèkteman
   • Direktiv estriktirèl
   • Modèl Egzekite kondisyonèl
   • Egzample: ngSi
   • Bouk lè l sèvi avèk ngFor
   • ngPou Varyab lokal yo
   • Manipile Koleksyon an
   • Egzample – Efase yon atik
   • Tracking atik ak ngFor
   • Boukante eleman ak ngSwitch
   • Gwoupman Eleman yo
   • Varyab referans modèl
5. Kominikasyon Inter Component
   • Prensip Fondamantal Kominikasyon
   • Achitekti a koule Done
   • Prepare Timoun nan pou Resevwa Done
   • Voye Done nan men Paran
   • Plis Sou Anviwònman Pwopriyete
   • Tire Evènman nan yon Eleman
   • @Output() Egzample – Konpozan Timoun
   • @Output() Egzample – Eleman paran
   • Full Two Way Liaison
   • Mete kanpe De Way Data Binding nan Paran
6. Modèl ak Fòm Kondwi
   • Fòm Modèl Kondwi
   • Enpòte Modil Fòm
   • Apwòch debaz
   • Mete kanpe yon fòm
   • Jwenn opinyon itilizatè
   • Omisyon ngForm Atribi
   • Inisyalize Fòm nan
   • Done Liaison De Fason
   • Validasyon fòm
   • Validatè angilè
   • Montre Eta Validasyon Sèvi ak Klas yo
   • Kalite Antre Lòt
   • Cases
   • Chwazi (Drop Down) Fields
   • Opsyon rann pou Chwazi (Drop Down)
   • Jaden dat
   • Bouton Radyo
7. Fòm reyaktif
   • Fòm reyaktif yo finiview
   • Blòk Konstriksyon yo
   • Import Reactive FormsModule
   • Konstwi yon Fòm
   • Konsepsyon Modèl la
   • Jwenn Valè Antre
   • Inisyalize Jaden Antre yo
   • Mete valè fòm yo
   • Abònman nan Chanjman Antre
   • Validasyon
   • Validatè entegre
   • Montre Erè Validasyon
   • Validatè Custom
   • Sèvi ak yon Validatè Custom
   • Pwovizyon pou Konfigirasyon Custom Validator
   • 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
8. Sèvis ak Enjeksyon Depandans
   • Kisa yon Sèvis ye?
   • Kreye yon sèvis de baz
   • Gwoup Sèvis la
   • Kisa Enjeksyon Depandans ye?
   • Enjekte yon Enstans Sèvis
   • Injecteurs
   • Yerachi Injector
   • Anrejistre yon sèvis ak Root Injector la
   • Anrejistre yon Sèvis ak yon Injector Eleman
   • Anrejistre yon Sèvis ak yon Injector Modil Feature
   • Ki kote pou anrejistre yon sèvis?
   • Enjeksyon depandans nan lòt zafè
   • Bay yon lòt aplikasyon
   • Piki Depandans ak @Host
   • Enjeksyon Depandans ak @Opsyonèl
9. HTTP Kliyan
   • Kliyan angilè HTTP
   • Sèvi ak kliyan an HTTP - Plis paseview
   • Enpòte HttpClientModule
   • Sèvis Sèvi ak HttpClient
   • Fè yon demann GET
   • Kisa yon Objè Obsèvab fè?
   • Sèvi ak Sèvis nan yon Eleman
   • Eleman Kliyan PeopleService la
   • Manyen erè
   • Pèrsonalize objè a erè
   • Fè yon demann POST
   • Fè yon demann PUT
   • Fè yon demann DELETE
10. Tiyo ak fòma done
    • Kisa Tiyo ye?
    • Tiyo entegre
    • Sèvi ak tiyo nan modèl HTML
    • Chaining Tiyo
    • Tiyo entènasyonalize (i18n)
    • Chaje done lokal yo
    • Dat Tiyo a
    • Nimewo Tiyo a
    • Tiyo Lajan
    • Kreye yon tiyo Custom
    • Custom Pipe Example
    • Sèvi ak tiyo Custom
    • Sèvi ak yon tiyo ak ngFor
    • Yon tiyo filtre
    • Kategori tiyo: Pi ak enpur
    • Pi Pip Example
    • Enpi tiyo Egzample
11. Entwodiksyon nan aplikasyon pou yon sèl paj
    • Ki sa ki se yon aplikasyon yon sèl paj (SPA)
    • Tradisyonèl Web Aplikasyon
    • SPA Workflow
    • Yon Paj Aplikasyon Advantages
    • HTML5 History API
    • Defi SPA
    • Aplike SPA yo lè l sèvi avèk angilè
12. Routeur a eleman angilè
    • Konpozan Routeur la
    • View Navigasyon
    • API Routeur angilè a
    • Kreye yon Aplikasyon Routeur Pèmèt
    • Hosting Konpozan yo Route
    • Navigasyon Sèvi ak Lyen ak Bouton
    • Navigasyon pwogramasyon
    • Pase Paramèt Route
    • Navigasyon ak Paramèt Route
    • Jwenn Valè Paramèt Route yo
    • Rekipere paramèt wout la yon fason senkronik
    • Rekipere yon paramèt wout asynchrone
    • Paramèt Rekèt
    • Pwovizyon pou Paramèt Rekèt
    • Rekipere Paramèt Rekèt yo asynchrone
    • Pwoblèm ak Manyèl URL antre ak Bookmarking
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 la
    • Operatè Obsèvab
    • Kat jeyografik ak filtre Operatè yo
    • Operatè flatMap().
    • Operatè tap() la
    • Zip() Combinator la
    • Caching HTTP Repons
    • Fè apèl HTTP sekans
    • Fè apèl paralèl
    • Pèsonalizasyon objè erè ak catchError ()
    • Erè nan Pipeline
    • Rekiperasyon erè
14. Modil angilè
    • Poukisa angilè Modil?
    • Anatomi yon Klas Modil
    • Pwopriyete @NgModule
    • Modil Karakteristik
    • Egzample Modil Estrikti
    • Kreye yon Modil Domèn
    • Kreye yon Pè Modil Route/Routage
    • Kreye yon Modil Sèvis
    • Kreye Modil Komen
    • Sèvi ak yon modil soti nan yon lòt
15. Avanse routage
    • 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 yo
    • routerLinkActive obligatwa
    • Default Route
    • Chemen wout Wildcard
    • redireksyonTo
    • Wout timoun yo
    • Defini Wout Timoun pou Wout Timoun
    • Lyen pou Wout Timoun yo
    • Gad Navigasyon
    • Kreye Enplemantasyon Gad yo
    • Sèvi ak Gad nan yon wout
16. Tès inite aplikasyon angilè
    • Tès inite zafè angilè
    • Zouti Tès
    • Etap Tès tipik yo
    • Rezilta tès yo
    • Swit tès Jasmine
    • Espesifikasyon Jasmine (Tès Inite)
    • Atant (afimasyon iyon)
    • Matchers
    • Egzamples nan Sèvi ak Matchers
    • Sèvi ak pa Pwopriyete a
    • Enstalasyon ak demonte nan swit tès inite yo
    • Egzample of beforeEach and afterEach Fonksyon
    • Modil Tès Angilè
    • Egzample 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 HTTP Kliyan
    • Bay repons nan bwat
    • Tès yon Eleman
    • Modil tès konpozan
    • Kreye yon Enstans Konpozan
    • Klas ComponentFixture
    • Tès eleman debaz yo
    • Klas DebugElement
    • Simulation entèraksyon itilizatè
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 - Chanje Detekte ion Egzekisyon ion
    • Pran Erè Sentaks

POU KIYÈS KOU A?

Kou sa a vize a nenpòt moun ki bezwen aprann fondamantal yo nan devlopman Angular 15 epi aplike li imedyatman nan kreye. web aplikasyon yo.
Nou kapab tou delivre ak pèsonalize kou fòmasyon sa a pou pi gwo gwoup - ekonomize tan òganizasyon w, lajan ak resous. Pou plis enfòmasyon, tanpri kontakte nou via imèl sou ph.training@lumifywork.com

KONDISYON

• Web Eksperyans devlopman lè l sèvi avèk HTML, CSS, ak JavaScript obligatwa pou jwenn pi plis nan kou Angilè sa a
• Konesans nan navigatè DOM la itil tou
• Pa gen okenn eksperyans anvan Angular oswa AngularJS obligatwa

Pwovizyon pou kou sa a pa Lumify Work ki gouvène pa tèm ak kondisyon anrjistreman yo.
Tanpri li tèm ak kondisyon yo ak anpil atansyon anvan w enskri nan kou sa a, paske enskripsyon nan kou a depann sou akseptasyon tèm ak kondisyon sa yo.

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