LUMIFY MOSEBETSI Angular 12 Programming

KE HOBANE'NG HA U ITHUTA THUTO ENA

Thupelo ena e felletseng ea Angular 12 Programming ke motsoako oa thuto ea theory le li-labs tse sebetsanang le matsoho tse kenyelletsang kenyelletso ho Angular, e lateloe ke TypeScript, likarolo, litaelo, lits'ebeletso, Client ea HTTP, liteko le ho lokisa liphoso.
Thupelo ena e na le tlhaiso-leseling e sebetsang le e sebetsang eo u ka e sebelisang mosebetsing oa hau hanghang. Ithute metheo ea nts'etsopele ea mantlha ea Angular 12 joalo ka lits'ebetso tsa sebatli sa leqephe le le leng, tse arabelang webliwebsaete, le lisebelisoa tse nyalisitsoeng tsa mehala.
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.

SEO U TLA ITHUTA SONA
Ha u qetile thupelo ena ka katleho, u tla khona ho:

• Ntlafatsa lits'ebetso tsa Angular tsa leqephe le le leng u sebelisa Typescript
• Theha tikoloho e felletseng ea nts'etsopele ea Angular
• Theha Likaroloana, Litaelo, Litšebeletso, Liphaephe, Liforomo, le Linetefatso tsa Tloaelo
• Etsa mesebetsi e tsoetseng pele ea ho khutlisa data ea marang-rang u sebelisa Observables Consume data ho tsoa ho REST web lits'ebeletso tse sebelisang likhokahano tsa Angular HT TP Client Handle push-data li sebelisa WebSockets protocol
• Sebetsa le Angular Pipes ho fomata data
• Sebelisa likarolo tse tsoetseng pele tsa Angular Component Router
• Lekola le ho lokisa lits'ebetso tsa Angular u sebelisa lisebelisoa tse hahelletsoeng.

LIEKETSENG TS'OANE

Khaolo ea 1. Ho Tsebisa Angular

• Angular ke eng?
• Likarolo tse Bohareng tsa Moralo oa Angular Maemo a Tšebeliso e Loketseng
• Mehaho ea Mehaho ea Angular Application Basic Architecture ea Angular Application Ho kenya le ho Sebelisa Angular
• Anatomy ea Angular Application e Sebelisang Kopo
• Ho aha le ho Beha Sesebelisoa sa Angular bakeng sa Lisebelisoa tsa Native Mobile
• Kakaretso

Khaolo ea 2. Selelekela ho TypeScript

• Lipuo tsa Lenaneo tse ka Sebelisang le Angular TypeScript Syntax
• Bahlophisi ba Mananeo
• Sistimi ea Mofuta - E Hlalosa Liphetoho
• Sistimi ea Mofuta - E Hlalosa Li-Arrays
• Mefuta ea mantlha ea mantlha
• Tlanya Mesebetsi
• Tlhaloso ea Mofuta
• Ho Hlalosa Lihlopha
• Mekhoa ea Sehlopha
• Taolo ea Ponahalo
• Baetsi ba Lihlopha
• Bahahi ba Sehlopha - Mefuta e Meng ea Mafapha a sa Tsejoeng
• Li-interface
• Ho sebetsa le ES6 Modules
• var vs let
• Mesebetsi ea Motsu
• Mosebetsi oa Motsu Compact Syntax Template Strings
• Li-Generics ho Sehlopha
• Li-Generics li sebetsa
• Kakaretso

Khaolo ea 3. Likaroloana

• Karolo ke Eng?
• Example Karolo
• Ho theha Karolo e Sebelisang Angular CLI
• Sehlopha sa Karolo
• Mokhabiso oa @Component
• Ho Ngolisa Karolo ho Template ea Karolo ea eona ea Module
• Example: HelloComponent Template
• Example: Sehlopha sa HelloComponent se Sebelisang Karolo
• Etsa kopo
• Karolo ea Hierarchy
• Karolo ea Motso oa Kopo
• The Bootstrap File
• Karolo ea Lifecycle Hooks Example Lifecycle Hooks
• Mekhoa ea CSS
• Kakaretso

Khaolo ea 4. Li-Template tsa Karolo

• Lithempleite
• Sebaka sa Template
• The Mustache {{ }} Syntax
• Ho beha thepa ea DOM Element
• Ho beha Sengoloa sa 'Mele oa Element
• Ketsahalo e Tlamang
• Expression Event Handler
• Thibela Tšebeliso e Ikemetseng
• Litaelo tsa Litšobotsi
• Sebelisa Mekhoa ka ho Fetola Lihlopha tsa CSS
• Example: ngClass
• Ho Sebelisa Mekhoa ka ho Otloloha
• Litaelo tsa Sebopeho
• Conditionally Phetha template
• Example:ng haeba
• Loping Sebelisa ngFor
• ngBakeng sa Mefuta-futa ea Sebaka
• Ho Sebelisa Pokello Example – Ho phumula ntho
• Ho latela lintlha ka ngFor Swapping Elements ka ngSwitch Grouping Elements
• Template Reference Variable Summary

Khaolo ea 5. Puisano ea Karolo e Kopanetsoeng

• Metheo ea Puisano
• Thepa ea Phallo ea Lintlha
• Ho Lokisetsa Ngoana ho Fumana Boitsebiso
• Romella Lintlha ho tsoa ho Batsoali
• Tse ling mabapi le ho Seta Thepa
• Ketsahalo ea ho thunya ho tsoa ho Karolo
• @Output() Example – Child Component @Output() Example – Karolo ya Motswadi
• E Tlamang ka Tsela e Feletseng
• Ho theha Tsela e 'meli ea ho Tlama Data ho Motsoali
• Kakaretso

Khaolo ea 6. Liforomo tse tsamaisoang ke Setšoantšo

• Liforomo tse tsamaisoang ke template
• Ho Reka Liforomo Mojule
• Mokhoa oa Motheo
• Ho theha Foromo
• Ho Fumana Mosebelisi
• Ho tlohela tšobotsi ea ngForm
• Qala Foromo
• Tse peli Way Data Binding
• Netefatso ea Foromo
• Li-Angular Validators
• Ho Bontša Boemo ba Tiiso ho Sebelisa Mefuta ea Kenyelletso ea Litlelase
• Mabokose
• Khetha (Drop Down) Masimo
• Likhetho tsa ho fana bakeng sa masimo a Letsatsi la Khetha (Ho theoha).
• Likonopo tsa seea-le-moea
• Kakaretso

Khaolo ea 7. Liforomo tse sebetsang

• Reactive Foromo Fetaview
• Mehaho ea Mehaho
• Kenya ReactiveFormsModule
• Etsa Sebopeho
• Etsa Sebopeho
• Ho Fumana Maikutlo a Kenyeletso
• Ho Qala Mabala a ho Kena
• Ho Beha Litekanyetso tsa Foromo
• Ho Ingolisa ho Liphetoho Tse Kenyelitsoeng
• Netefatso
• Li-Validators tse hahiloeng
• E hlahisa Phoso ea ho netefatsa
• Custom Validator
• Ho Sebelisa Sehlahisoa se Tloaelehileng
• E Fana ka Litlhophiso ho Setsi sa Tloaelo sa Validator
• FormArray - Kenya Maikutlo ka Matla
• FormArray - Sehlopha sa Karolo
• FormArray – The Template
• FormArray - Litekanyetso
• Sub FormGroups - Sehlopha sa Karolo
• Sub FormGroups - HTML Template
• Hobaneng U Sebelisa Sub FormGroups
• Kakaretso

Khaolo ea 8. 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 Tšebeletso
• Liente
• Boemo ba Injector
• Ho ngodisa Tshebeletso le Root Injector
• Ho Ngolisa Tšebeletso ka Ente ea Karolo
• Ngodisa Tshebeletso ka Feature Module Injector
• Ho Ngolisa Tšebeletso Hokae?
• Ente ea ho itšetleha ka lintho tse ling tse entsoeng ka matsoho tse fanang ka ente e 'ngoe ea ts'ebetsong le @Host
• Ente ea ho itšetleha le @Optional
• Kakaretso

Khaolo ea 9. HTTP Client

• The Angular HT TP Client
• Ho sebelisa Client ea T he HT TP - Ho fetaview
• Ho kenya HttpClientModule
• Tšebeletso e Sebelisa HttpClient
• Ho Etsa Kopo ea GET
• Ntho e Observable e etsang?
• Ho Sebelisa Tšebeletso ka Karolo
• Ho sebetsana le Phoso ea Karolo ea PeopleService Client
• Ho Customize Ntho ea Phoso
• Ho etsa Kopo ea POST
• Ho etsa Kopo ea PUT
• Ho Etsa Kopo ea HO HLAkola

Khaolo ea 10. Liphaephe le Tlhahiso ea Boitsebiso

• Liphaephe ke eng?
• Liphaephe tse Hahiloeng
• Ho Sebelisa Liphaephe ka HTML Template Chaining Pipes
• Internationalized Pipes (i18n) Loading Locale Data
• Letsatsi Pipe
• Nomoro Pipe
• Chelete Pipe
• Theha Pipe e Tloaelehileng
• Pipe e Tloaelehileng Example
• Ho Sebelisa Liphaephe Tse Tloaelehileng
• Ho sebelisa Pipe e nang le ngFor
• Pipe ea Sefe
• Sehlopha sa Pipe: E hloekile ebile e sa hloeka
• Kakaretso
• Pipe e Hloekileng Example
• Pipe e sa hloekang Example
• Kakaretso

Khaolo ea 11. Kenyelletso ea Likopo tsa Leqephe le le Leng

• Setso sa Leqephe le le Leng (SPA) ke eng Web Kopo
• Mokhoa oa ho sebetsa oa SPA
• Advan ea Leqephe le le Lengtagke HTML5 History API
• Mathata a SPA
• Ho phethahatsa SPA ka Ho Sebelisa Kakaretso ea Angular

Khaolo ea 12. The Angular Component Router

• Karolo ea Router
• View Navigation
• Angular Router API
• Ho theha sesebelisoa se lumelletsoeng sa router
• Ho amohela Likarolo Tse Routed
• Navigation Sebelisa Lihokelo le Likonopo
• Lenaneo la Navigation
• Liparamente tsa Tsela e Fetang
• Tsamaisa ka Route Parameters
• Ho fumana Melao ea Parameter ea Route
• Ho khutlisa Paramethara ea Route Synchronously
• Ho khutlisa Paramethara ea Route Asynchronously
• Li-Parameters tsa Potso
• Ho fana ka li-Parameters tsa Potso
• Ho Khutlisa Li-Parameters tsa Potso ka Asynchronously
• Mathata ka Manual URL ho kena le Bookmarking
• Kakaretso

Khaolo ea 13. Advanced HTTP Client

• Kopa Likhetho
• Ho khutlisa Ntho ea HttpResponse
• Ho beha Lihlooho tsa Kopo
• Ho Etsa Lintho Tse Ncha Tse Bonahalang
• Ho Etsa Ntho e Bonolo e Bonolo
• Mokhoa o hlokomelehang oa Mohahi Liopereishene tse hlokomelehang
• Basebelisi ba 'mapa le sefe
• The flatMap() Operator
• Thepa () Opereishene
• The zip() Combiner
• Caching HT TP Response
• Ho etsa Mehala ea Sequential HT TP
• Ho Etsa Mehala e Tšoanang
• Ho Itloaetsa Phoso Ntho e nang le catchError()
• Phoso ho Pipeline
• Phoso ea Phoso
• Kakaretso

Khaolo ea 14. 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 Sehlopha sa Mojule oa Routed/Routing
• Etsa Mojule oa Tšebeletso
• Ho theha li-module tse tloaelehileng

Khaolo ea 15. Advanced Routing

• Routing Enabled Feature Module
• Ho sebelisa Feature Module
• Botsoa Ho Laola Feature Module
• Ho theha Lihokelo tsa Likarolo tsa Feature Module
• More About Lazy Loading
• Ho kenya li-Modules esale pele
• Tsela ea kamehla
• Tsela ea Tsela ea Wildcard
• redirect Ho
• 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
• Kakaretso

Khaolo ea 16. Unit Testing Angular Applications

• Unit Testing Angular Artifacts
• Lisebelisoa tsa ho hlahloba
• Mehato e Tloaelehileng ea Teko
• Liphetho tsa liteko
• Jasmine Test Suites
• Jasmine Specs (Liteko tsa Yuniti)
• Litebello (Lipolelo)
• Batšoantšisi
• ExampMelemo ea ho Sebelisa Matchers
• Ho sebelisa eseng Property
• Seta le ho 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 Tšebeletso
• Leka Mokhoa oa Synchronous
• Lekola Mokhoa oa Asynchronous
• Ho sebelisa Mock HT TP Client
• Ho fana ka Karabelo ea makotikoting
• Ho Lekola Karolo
• Karolo ea Tlhahlobo ea Mojule
• Ho theha Boemo ba Karolo
• Sehlopha sa ComponentFixture
• Liteko tsa Motheo tsa Karolo
• Sehlopha sa DebugElement
• Ho Etsisa Tšebelisano ea Mosebelisi
• Kakaretso

Khaolo ea 17. Debugging

• Fetileview ea Angular Debugging
• Viewkenya TypeScript Code ho Debugger
• Ho sebelisa Debugger Keyword
• Debug Logging
• Angular DevTools ke eng?
• Ho sebelisa Angular DevTools
• Angular DevTools - Sebopeho sa Karolo
• Angular DevTools - Fetola Phethahatso ea ho lemoha
• Ho tšoara Liphoso tsa Syntax
• Kakaretso

Boikoetliso ba Lab

• Lab 1. Selelekela ho Angular
• Lab 2. Selelekela ho TypeScript
• Lab 3. Kenyelletso ea Likaroloana
• Lab 4. Template ea Karolo
• Lab 5. Theha Karolo ea Kalari ea Lifoto
• Lab 6. Template Driven Form
• Lab 7. Etsa Foromo ea ho Fetola
• Lab 8. Foromo e sebetsang
• Lab 9. Hlahisa Tšebeletso
• Lab 10. Hlahisa Client ea HT TP
• Lab 11. Sebelisa Liphaephe
• Lab 12. Tšebeliso ea Motheo ea Leqephe le le Leng Ho Sebelisa Lab ea Router 13. Haha Sesebelisoa sa Leqephe le le Leng (SPA)
• Lab 14. Advanced HT TP Client
• Lab 15. Ho Sebelisa Angular Bootstrap
• Lab 16. Lazy Module Loading
• Lab 17. Tsela e tsoetseng pele
• Lab 18. Liteko tsa Unit
• Lab 19. Debugging Angular Applications

THUTO KE YA MANG?
Thupelo ena e etselitsoe mang kapa mang ea hlokang ho ithuta metheo ea nts'etsopele ea Angular 12 le ho e sebelisa ho theha. web likopo hang hang. 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.

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. Phihlelo ea pele ea Angular, e nang le AngularJS kapa mofuta ofe kapa ofe oa Angular, ha e hlokehe.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Litokomane / Lisebelisoa

LUMIFY MOSEBETSI Angular 12 Programming [pdf] Bukana ea Mosebelisi Angular 12 Programming, Angular, 12 Programming, Programming

Litšupiso

• Bukana ea Mosebelisi