KOPO LE WEB TS'ELISO
Angular 15 Programming
BELELE 5 matsatsi
TŠEBELETSO 15
KE HOBANE'NG HA U ITHUTA THUTO ENA
Thupelo ena e matla le e felletseng ea Angular 15 e fa ba tlileng kopanong litsebo tseo ba ka li sebelisang hanghang mosebetsing oa bona. U tla ithuta lintlha tsa motheo tsa nts'etsopele ea Angular 15 joalo ka li-ion tsa li-browser tsa leqephe le le leng, tse arabelang. weblibaka, le li-ion tsa hybrid mobile applicat.
Thupelo ena ke motsoako oa thuto ea theoret ical le li-labs tse sebetsanang le matsoho tse kenyelletsang kenyelletso ho Angular, e lateloa ke TypeScript, likaroloana, lits'ebeletso tse tobileng, lits'ebeletso, HTTPClient, tlhahlobo ea liteko le ho lokisa liphoso.
Hlokomela: Re ka boela ra fana ka koetliso ka mefuta e meng ea Angular. Ka kopo ikopanye le rona ho etsa lipatlisiso kapa ho ngolisa thahasello ea hau.
TSOHLE MOSEBETSI OA LUMIFY
SEO U TLA ITHUTA SONA
Ha u qetile thupelo ena ka katleho, u tla ba le tsebo ea ho:
- Theha leqephe le le leng la li-ion tsa li-angular ka ho sebelisa Typescript
- Theha tikoloho e felletseng ea nts'etsopele ea Angular
- Theha Likarolo, Lits'ebeletso, Litšebeletso, Liphaephe, Liforomo, le Li-Validators tse Tloaelehileng
- Sebetsa mesebetsi e tsoetseng pele ea ho khutlisa data ea marang-rang u sebelisa Li-Observables
- Sebelisa lintlha tse tsoang ho REST web lits'ebeletso tse sebelisang Angular HTTP Client
- Tšoara li-ion tsa push-data ho sebelisa lisebelisoa WebSocket protocol
- Sebetsa le Angular Pipes ho fomata data
- Sebelisa likarolo tse tsoetseng pele tsa Angular Component Router
- Lekola le ho lokisa li-ion tsa Angular applicat u sebelisa lisebelisoa tse hahelletsoeng
- Sebetsa le Angular CLI
Morupeli oa ka o ne a le motle ho khona ho beha maemo maemong a nnete a lefats'e a amanang le boemo ba ka bo ikhethileng.
Ke ile ka etsoa hore ke ikutloe ke amohelehile ho tloha ha ke fihla ’me bokhoni ba ho lula re le sehlopha ka ntle ho phaposi ea ho rutela ho buisana ka maemo a rōna le lipakane tsa rōna e ne e le tsa bohlokoa haholo.
Ke ile ka ithuta ho hongata ’me ka bona ho le bohlokoa hore lipakane tsa ka ka ho ba teng thupelong ena li finyelloe.
Mosebetsi o motle Lumify Sehlopha sa Mosebetsi.
AMANDA NICOL
E TŠEHETSA MOLAOLI WA LITŠEBELETSO - HEALTH WORLD LIMITED
LIEKETSENG TS'OANE
- Ho hlahisa Angular
• Angular ke eng?
• Likarolo tse Bohareng tsa Moralo oa Angular
• Maemo a Tšebeliso a Nepahetseng
• Mehaho ea Tšebeliso ea Angular
• Mehaho ea Motheo ea Kopo ea Angular
• Ho kenya le ho Sebelisa Angular
• Anatomy ea Angular Applicat ion
• Ho tsamaisa ion ea Kopo
• Ho aha le ho Beha Kopo
• Angular bakeng sa Native Mobile Apps - Kenyelletso ea TypeScript
• Mananeo Lipuo bakeng sa ho Sebelisa le Angular
• Syntax ea TypeScript
• Bahlophisi ba mananeo
• The Type System – Def ining Variables
• The Type System – Def ining Arrays
• Basic Primit ive Mefuta
• Tlanya li-ion tsa Mosebetsi
• Tlhaloso ea Mofuta
• Ho Hlalosa Lihlopha
• Mekhoa ea Sehlopha
• Ponahalo Taolo
• Baetsi ba Lihlopha
• Baetsi ba Sehlopha - Foromo e 'ngoe
• Libaka tse sa Tsejoeng
• Litšebelisano
• Ho sebetsa le ES6 Modules
• var vs let
• Mesebetsi ea Motsu
• Mosebetsi oa Motsu o Compact Syntax
• Likhoele tsa template
• Lisebelisoa tsa generic ka Phaposing
• Generics ho Function ion - Likaroloana
• Karolo ke Eng?
• Mohlalaample Karolo
• Theha Karolo ka Ho Sebelisa Angular CLI
• Sehlopha sa Karolo
• The @Component Decorator
• Ho Ngolisa Karolo Mojuleng oa Eona
• Karolo Template
• Example: HelloComponent Template
• Example: Sehlopha sa HelloComponent
• Ho Sebelisa Karolo
• Etsa kopo
• Tsamaiso ea Karolo
• The Applicat ion Root Component
• The Bootstrap File
• Karolo ea Lifecycle Hooks
• Example Lifecycle Hooks
• Mekhoa ea CSS - Lithempleite tsa Karolo
• Dithempleite
• Sebaka sa Template
• The Mustache {{ }} Syntax
• Ho Beakanya Lintho tsa DOM Element Properties
• Ho Seta Sengoloa sa 'Mele oa Element
• Tlamahano ea Ketsahalo
• Ponahalo ea Ketsahalo ea ho sebetsana le ketsahalo
• Thibela ho Tšoaroa ka ho Felletseng
• Litaelo tsa Botho
• Sebelisa Mekhoa ka ho Fetola Lihlopha tsa CSS
• Example: ngClass
• Ho Sebelisa Mekhoa ka ho Otloloha
• Litaelo tsa Sebopeho
• Phetha template ka maemo
• Example:ng haeba
• Loping Sebelisa ngFor
• ngBakeng sa Liphetoho tsa Sebaka
• Ho Laola Pokello
• Example – Ho phumula ntho
• Ho latedisa dintho ka ngFor
• Ho fapanyetsana Lintho ka ngSwitch
• Lihlopha tsa Likarolo
• Template Reference Variable - Lipuisano tsa Inter Component
• Metheo ea Puisano
• Thepa ea Phallo ea Boitsebiso
• Ho Lokisetsa Ngoana ho Fumana Boitsebiso
• Romela Boitsebiso ho tswa ho Motswadi
• Tse ling mabapi le ho Seta Thepa
• Ketsahalo ea ho thunya ho tsoa ho Karolo
• @Output() Example – Ngwana Karolo
• @Output() Example – Karolo ya Motswadi
• E Felletseng ka Tsela e 'Meli e Tlamang
• Ho theha Two Way Data Binding ho Batsoali - Template e Driven Forms
• Liforomo Tse Tsamaiswang ke Template
• Ho Reka Liforomo Mojuleng
• Mokhoa oa Motheo
• Ho theha Foromo
• Ho Fumana Mosebedisi
• Ho tlohela tšobotsi ea ngForm
• Qala Foromo
• Two Way Data Binding
• Ho netefatsa Foromo
• Li-Angular Validators
• Ho hlahisa Naha ea ion ea netefatso ea ho sebelisa lihlopha
• Mefuta ea Kenyeletso e Eketsehileng
• Mabokose a hlahlobang
• Khetha (Drop Down) Mabaka
• Likhetho tsa ho Fana bakeng sa Khetha (Theoha)
• Libaka tsa matsatsi
• Likonopo tsa Radio - Reactive Forms
• Reactive Forms Fetaview
• Mehaho
• Kenya Reactive FormsMojule
• Theha Foromo
• Rala Thempleite
• Ho Fumana Maikutlo a Kenyeletso
• Ho Qala Mabala a Kenyeletso
• Ho Bea Maemo a Foromo
• Ho Ingolisa ho Liphetoho Tse Kenyelitsoeng
• Ho netefatsa
• Li-Validators tse Ahiloeng
• Ho Bontša Phoso ea ho netefatsa
• Custom Validator
• Ho Sebelisa Setii se Tloaelehileng
• Ho Fana ka Litlhophiso ho Setiisetsi sa Tloaelo
• FormArray – Kenya Dikenyo ka Matla
• FormArray – The Component Class
• FormArray – Thempleite
• FormArray – Maemo
• Sub FormGroups – Component Class
• Sub FormGroups – HTML Template
• Ke Hobane'ng ha U Sebelisa Sub FormGroups - Litšebeletso le Ente ea ho itšetleha
• Tšebeletso ke Eng?
• Ho theha Tšebeletso ea Motheo
• Sehlopha sa Tšebeletso
• Ho itšetleha ka Ente ke Eng?
• Ho Enta Boemo ba Tshebeletso
• Liente
• Boemo ba Injector
• Ho Ngodisa Tshebeletso le Root Injector
• Ho Ngolisa Tšebeletso ka Injector ea Karolo
• Ngolisa Tšebeletso ka Injector ea Feature Module
• Ho Ngolisa Tšebeletso Hokae?
• Ente ea ho itšetleha ka lintho tse ling tsa khale
• Ho fana ka Phethahatso e 'ngoe
• Ho itšetleha ka Ente le @Host
• Ente ea ho itšetleha le @Optional - HTTP Client
• The Angular HTTP Client
• Ho Sebelisa Client ea HTTP - Ho Fetileview
• Ho kenya HttpClientModule
• Tshebeletso e Sebelisang HttpClient
• Ho Etsa Kopo ea GET
• Ntho e hlokomelehang e etsa eng?
• Ho Sebelisa Tšebeletso Karolong
• The PeopleService Client Component
• Ho sebetsana le Phoso
• Ho Customize Ntho ya Phoso
• Ho etsa Kopo ea POSTA
• Ho Etsa Kopo ea PUT
• Ho Etsa Kopo ea HO HLAKELA - Liphaephe le ho Fomata Boitsebiso
• Lipeipi ke eng?
• Lipeipi tse hahiloeng
• Ho Sebelisa Liphaephe ho HTML Template
• Liphaephe tsa Ketane
• Liphaephe tsa Ionalized tsa ka hare (i18n)
• E kenya Boitsebiso ba Sebaka
• Letsatsi Pipe
• Nomoro Pipe
• Pepe ea Chelete
• Etsa Pipe e Tloaelehileng
• Custom Pipe Example
• Ho Sebelisa Liphaephe tse Tloaelehileng
• Ho sebelisa Pipe e nang le ngFor
• Pipe ea Sesefa
• Sehlopha sa Pipe: E hloekile ebile e sa hloeka
• Pipe e Hloekileng Example
• Pipe e sa hloekang Example - Selelekela sa Likopo tsa Leqephe le le Leng
• Sesebelisoa sa Leqephe le le Leng ke Eng (SPA)
• Setso Web Kopo
• Ts'ebetso ea SPA
• Leqephe le le Leng la Kopo ea Advantages
• HTML5 History API
• Mathata a SPA
• Ho kenya ts'ebetsong ea SPA ka ho Sebelisa Angular - Angular Component Router
• Router ea Karolo
• View Navigation
• Angular Router API
• Ho theha Sesebelisoa se lumelitsoeng ke Router
• Ho amohela likarolo tsa Routed
• Navigation Sebelisa Lihokelo le Likonopo
• Navigation ea lenaneo
• Ho Fetisa Mekhahlelo ea Tsela
• Tsamaisa ka Route Parameters
• Ho Fumana Maemo a Paramethara ea Route
• Ho Khutlisa Paramethara ea Tsela ka Khokahano
• Ho Fumana Paramethara ea Tsela ka Asynchronously
• Mekhahlelo ea Potso
• Ho fana ka Mekhahlelo ea Potso
• Ho Khutlisa Li-Parameters tsa Potso ka Asynchronously
• Mathata ka Manual URL ho kena le Bookmarking - HTTP Client e tsoetseng pele
• Kgetho ya ho Kopa
• Ho khutlisa Ntho ea HttpResponse
• Ho Seta Lihlooho tsa Kopo
• Ho Etsa Lintho Tse Ncha Tse Bonahalang
• Ho Etsa Ntho e Bonolo e Bonolo
• Mokhoa o hlokomelehang oa Mohahi
• Basebelisi ba hlokomelehang
• Basebelisi ba 'mapa le sefe
• The flatMap() Operator
• Tlanya() Opereishene
• The zip() Combiner
• Caching HTTP Response
• Ho Etsa Mehala ea Sequential HTTP
• Ho Etsa Mehala e Tšoanang
• Ho Beakanya Phoso Ntho e itseng ka catchError()
• Phoso ho Pipeline
• Phoso ea Phoso - Angular modules
• Ke Hobane'ng ha Angular Modules?
• Anatomy ea Sehlopha sa Mojule
• @NgModule Properties
• Feature Modules
• Example Sebopeho sa Module
• Theha Domain Module
• Theha Mojule oa Routed/Routing Module
• Etsa Mojule oa Tšebeletso
• Ho theha Mekhoa e Tloaelehileng
• Ho Sebelisa Mojule o Mong ho o Mong - Tsela e tsoetseng pele
• Routing Enabled Feature Module
• Ho sebelisa Feature Module
• Botsoa Ho Laola Feature Module
• Ho theha Lihokelo bakeng sa Likarolo tsa Feature Module
• Ho eketsehileng ka Lazy Loading
• Ho kenya li-module
• routerLinkActive binding
• Tsela ea kamehla
• Tsela ea Tsela ea Wildcard
• redirectTo
• Litsela tsa Bana
• Ho Hlalosa Litsela tsa Bana bakeng sa Litsela tsa Bana
• Lihokelo tsa Litsela tsa Bana
• Balebeli ba ho Tsamaisa
• Ho theha Ts'ebetsong ea Balebeli
• Ho Sebelisa Balebeli Tseleng - Unit Testing Angular Applications
• Unit Testing Angular Artifacts
• Lisebelisoa tsa ho Leka
• Mehato e Tloaelehileng ea Teko
• Liphetho tsa liteko
• Jasmine Test Suites
• Mefuta ea Jasmine (Litlhahlobo tsa Liyuniti)
• Litebello (Assert ions)
• Batšoantšisi
• ExampMelemo ea ho Sebelisa Matchers
• Ho sebelisa e seng Thepa
• Seta le Teardown ho Unit Test Suites
• Example ea beforeEach and afterEach Functions
• Angular Test Module
• Example Angular Test Module
• Ho Lekola Tšebeletso
• Ho Enta Boemo ba Tshebeletso
• Leka Mokhoa oa Synchronous
• Leka Mokhoa oa Asynchronous
• Ho Sebelisa Mock HTTP Client
• Ho Fana ka Karabelo ea Mokoti
• Leka Karolo
• Karolo ea Mojule oa Teko
• Ho theha Boemo ba Karolo
• Sehlopha sa ComponentFixture
• Liteko tsa Motheo tsa Karolo
• Sehlopha sa DebugElement
• Etsisa Tshebedisano ya Mosebedisi - Ho lokisa liphoso
• Ho fetaview ea Angular Debugging
• Viewkenya TypeScript Code ho Debugger
• Ho sebelisa senotlolo sa senotlolo
• Ho Lokolla Litlhare
• Angular DevTools ke eng?
• Ho sebelisa Angular DevTools
• Angular DevTools – Component Structure
• Angular DevTools – Fetola ion ion Phethahatso
• Ho Tšoara Liphoso tsa Syntax
THUTO KE YA MANG?
Thupelo ena e etselitsoe mang kapa mang ea hlokang ho ithuta metheo ea nts'etsopele ea Angular 15 le ho e sebelisa hanghang ho theha. web lits'ebetso.
Hape re ka fana ka thupelo ena le ho e etsa molemong oa lihlopha tse kholoanyane - ho boloka nako ea mokhatlo oa hau, chelete le lisebelisoa. Ho fumana lintlha tse ling, ka kopo ikopanye le rona ka lengolo-tsoibila ho ph.training@lumifywork.com
LITS'ELISITSOE
- Web boiphihlelo ba nts'etsopele bo sebelisang HTML, CSS, le JavaScript boa hlokahala ho fumana molemo o moholo thutong ena ea Angular
- Tsebo ea sebatli sa DOM le eona e bohlokoa
- Ha ho na boiphihlelo ba pele ba Angular kapa AngularJS bo hlokahalang
Phepelo ea lithupelo tsena ka Lumify Work e laoloa ke lipehelo le maemo a ho behela.
Ka kopo bala lipehelo le lipehelo ka hloko pele u ingolisa lithutong tsena, kaha ho ingolisa thupelong ho itšetlehile ka ho amoheloa ha melao le maemo .
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
Litokomane / Lisebelisoa
 |
LUMIFY MOSEBETSI Angular 15 Programming [pdf] Bukana ea Mosebelisi Angular 15 Programming, Programming |
