LUMIFY BASA Angular 12 Programming

SEI UCHIDZIDZA KOSI IYI

Iyi yakazara Angular 12 Programming kosi musanganiswa wedzidziso yekudzidza uye maoko-pamalebhu anosanganisira sumo kuAngular, inoteverwa neTypeScript, zvikamu, mirairo, masevhisi, HTTP Client, kuyedza, uye kugadzirisa.
Kosi yacho yakazara neruzivo runobatsira uye runogona kuita rwaunogona kunyorera kubasa rako ipapo. Dzidza izvo zvakakosha zvekutanga Angular 12 kusimudzira senge-peji peji browser application, inoteerera webmasaiti, uye mahybrid nharembozha.
Cherechedza: Tinogona zvakare kuendesa kudzidziswa pane dzimwe shanduro dzeAngular. Ndapota taura nesu kuti tibvunze kana kunyoresa kufarira kwako.

ZVAUCHADZIDZA
Kana wapedza kosi iyi zvakabudirira, uchakwanisa:

• Gadzira single-peji Angular application uchishandisa Typescript
• Gadzira yakakwana Angular budiriro nharaunda
• Gadzira Zvikamu, Madhairekitori, Masevhisi, Mapaipi, Mafomu, uye Tsika Validators
• Bata epamberi network data retrieval mabasa uchishandisa Observables Consume data kubva kuREST web masevhisi anoshandisa iyo Angular HT TP Client Bata push-data yekubatanidza uchishandisa iyo WebSockets protocol
• Shanda neAngular Pipes kugadzira data
• Shandisa advanced Angular Component Router maficha
• Edza uye gadzirisa Angular application uchishandisa akavakirwa-mukati maturusi.

ZVIDZIDZO ZVEKOSI

Chitsauko 1. Kusuma Angular

• Chii chinonzi Angular?
• Pakati Pakati peAngular Framework Yakakodzera Kushandisa Nyaya
• Zvivakwa zvekuvaka zveAngular Application Basic Architecture yeAngular Application Kuisa uye Kushandisa Angular
• Anatomy yeAngular Application Inomhanyisa Chikumbiro
• Kuvaka uye Kuendesa Iyo Angular Yekushandisa YeNative Mobile Apps
• Summary

Chitsauko 2. Nhanganyaya kuTypeScript

• Kuronga Mitauro Yekushandisa neAngular TypeScript Syntax
• Programming Editors
• The Type System - Kutsanangura Variables
• The Type System - Kutsanangura Arrays
• Basic Primitive Types
• Nyora muMabasa
• Type Inference
• Kutsanangura Makirasi
• Nzira dzeKirasi
• Kuonekwa Kudzora
• Vadzidzisi Vekirasi
• Vagadziri veKirasi – Alternate Form Uninitialised Fields
• Interfaces
• Kushanda neES6 Modules
• var vs rega
• Arrow Mabasa
• Museve Function Compact Syntax Template Strings
• Generics muKirasi
• Generics in Function
• Summary

Chitsauko 3. Zvikamu

• Chii chinonzi Component?
• An Example Component
• Kugadzira Chikamu Uchishandisa Angular CLI
• The Component Kirasi
• Iyo @Component Decorator
• Kunyoresa Chikamu kune Yayo Module Component Template
• Example: HelloComponent template
• Example: The HelloComponent Kirasi Uchishandisa Chikamu
• Mhanyai Anwendung
• Component Hierarchy
• The Application Root Component
• Iyo Bootstrap File
• Chikamu Lifecycle Hooks ExampLe Lifecycle Hooks
• CSS Styles
• Summary

Chitsauko 4. Component Templates

• Matemplate
• Template Nzvimbo
• The Mustache {{}} Syntax
• Kuisa DOM Element Properties
• Kuisa Element Body Text
• Chiitiko Kusunga
• Expression Event Handler
• Dzivirira Default Handling
• Attribute Directives
• Shandisa Zvitaera neKuchinja CSS Makirasi
• Example: ngClass
• Kushandisa Zvitaera Zvakananga
• Structural Directives
• Conditionally Execute Template
• Example: ngif
• Looping Uchishandisa ngFor
• ngFor Local Variables
• Kushandisa Kuunganidza Example – Kudzima chinhu
• Item Tracking nengFor Swapping Elements ine ngSwitch Grouping Elements
• Template Reference Variable Summary

Chitsauko 5. Inter Component Communication

• Kukurukurirana Basics
• Iyo Data Flow Architecture
• Kugadzirira Mwana Kuti Agamuchire Data
• Tumira Data kubva kumubereki
• Zvimwe Nezve Kuseta Properties
• Kupfura Chiitiko kubva kune Chikamu
• @Output() Eksample – Child Component @Output() Example – Parent Component
• Full Two Way Binding
• Kumisikidza Two Way Data Binding muParent
• Summary

Chitsauko 6. Template Driven Forms

• Template Driven Forms
• Kupinza Mafomu Module
• Basic Approach
• Kugadzira Fomu
• Kuwana Kupinza Kwemushandisi
• Kusiya ngForm Attribute
• Tanga Fomu
• Two Way Data Binding
• Form Validation
• Angular Validators
• Kuratidza Nyika Yekusimbisa Uchishandisa Makirasi Ekuwedzera Mhando dzeKupinza
• Checkboxes
• Sarudza (Drop Down) Minda
• Kupa Sarudzo dzeSarudzo (Drop Down) Date minda
• Mabhatani eRadhiyo
• Summary

Chitsauko 7. Reactive Forms

• Reactive Mafomu Pamusoroview
• The Building Blocks
• Ngenisa ReactiveFormsModule
• Gadzira Fomu
• Gadzira Template
• Kuwana Input Values
• Kutanga Minda Yekupinza
• Kuisa Maitiro eFomu
• Kunyoresa kuInput Changes
• Validation
• Yakavakwa-In Validators
• Kuratidza Kukanganisa Kwekusimbisa
• Custom Validator
• Kushandisa Custom Validator
• Kugovera Configuration kune Custom Validator
• FormArray – Dynamically Add Inputs
• FormArray – The Component Kirasi
• FormArray - The template
• FormArray – Values
• Sub FormGroups - Chikamu Kirasi
• Sub FormGroups - HTML template
• Sei Uchishandisa Sub FormGroups
• Summary

Chitsauko 8. Masevhisi uye Dependency Injection

• Chii chinonzi Service?
• Kugadzira Basic Service
• Kirasi Yebasa
• Chii chinonzi Dependency Injection?
• Kubaya Instance Yebasa
• Majekiseni
• Injector Hierarchy
• Kunyoresa Sevhisi neRoot Injector
• Kunyoresa Sevhisi neInjector Yechikamu
• Bhalisa Sevhisi neFeature Module Injector
• Ndekupi Kunyoresa Sevhisi?
• Dependency Jekiseni mune Zvimwe Zvigadzirwa Zvinopa Imwe Implementation Yekutsamira Injection uye @Host
• Dependency Jekiseni uye @Optional
• Summary

Chitsauko 9. HTTP Client

• Iyo Angular HT TP Mutengi
• Kushandisa T iye HT TP Mutengi - Pamusoroview
• Kupinza HttpClientModule
• Sevhisi Uchishandisa HttpClient
• Kuita GET Chikumbiro
• Chii chinoitwa neObservable Object?
• Kushandisa Sevhisi Muchikamu
• Iyo PeopleService Client Chikamu Chikanganiso Kubata
• Kugadzirisa Chinhu Chikanganiso
• Kuita POST Chikumbiro
• Kuita PUT Chikumbiro
• Kuita DELETE Chikumbiro

Chitsauko 10. Mapaipi uye Data Formatting

• Chii chinonzi Pipes?
• Mapaipi Akavakwa
• Kushandisa Mapaipi muHTML Template Chaining Pipes
• Internationalized Pipes (i18n) Loading Locale Data
• Zuva Pipe
• Nhamba Pipe
• Currency Pipe
• Gadzira Custom Pipe
• Custom Pipe Example
• Kushandisa Custom Pipes
• Kushandisa Pipe ine ngFor
• Sefa Pipe
• Pipe Category: Yakachena uye Yakasviba
• Summary
• Pure Pipe Example
• Pipe isina kuchena Example
• Summary

Chitsauko 11. Nhanganyaya kune Imwe Peji Zvikumbiro

• Chii chinonzi Peji Imwe Yekushandisa (SPA) Yechinyakare Web Application
• SPA Workflow
• Peji Imwe Yekushandisa Advantages HTML5 History API
• SPA Matambudziko
• Kuita SPA's Kushandisa Angular Summary

Chitsauko 12. The Angular Component Router

• Iyo Component Router
• View Navigation
• Iyo Angular Router API
• Kugadzira Router Inogonesa application
• Kutambira Iyo Routed Components
• Navigation Uchishandisa Zvinongedzo uye Mabhatani
• Programmatic Navigation
• Kupfuura Route Parameters
• Kufamba neRoute Parameters
• Kuwana Iyo Route Parameter Values
• Kutora iyo Route Parameter Synchronously
• Kutora nzira Parameter Asynchronously
• Query Parameters
• Kugovera Query Parameters
• Kutora Query Parameters Asynchronously
• Matambudziko neManual URL kupinda uye Bookmarking
• Summary

Chitsauko 13. Advanced HTTP Client

• Kumbira Zvimwe
• Kudzorera HttpResponse Object
• Kuisa Misoro Yekukumbira
• Kugadzira Zvitsva Zvinoonekwa
• Kugadzira Zviri Nyore Zvinoonekwa
• The Observable Constructor Method Observable Operators
• Mepu uye kusefa Vashandisi
• Iyo flatMap () Operator
• Iyo tap () Operator
• Iyo zip () Combinator
• Caching HT TP Mhinduro
• Kuita Sequential HT TP Kufona
• Kuita Parallel Calls
• Kugadzirisa Chikanganiso Chinhu chine catchError()
• Error muPipeline
• Kudzosa Kwemhosho
• Summary

Chitsauko 14. Angular Modules

• Sei Angular Modules?
• Anatomy yeModule Kirasi
• @NgModule Properties
• Feature Modules
• Example Module Structure
• Gadzira Domain Module
• Gadzira Routed/Routing Module Pair
• Gadzira Sevhisi Module
• Kugadzira Common Modules

Chitsauko 15. Advanced Routing

• Routing Inogonesa Feature Module
• Kushandisa Feature Module
• Simbe Kurodha Feature Module
• Kugadzira Manongedzo eiyo Feature Module Zvikamu
• More About Lazy Loading
• Preloading Modules
• Default nzira
• Wildcard Nzira Nzira
• redirect To
• Vana Nzira
• Kutsanangura Nzira dzevana
• yeChild Routes
• Manongedzo eNzira dzeVana
• Navigation Guards
• Kugadzira Guard Implementations
• Kushandisa Varindi Munzira
• Summary

Chitsauko 16. Unit Testing Angular Applications

• Unit Kuedza Angular Artifacts
• Testing Tools
• Matanho Ekuedza Akajairika
• Test Results
• Jasmine Test Suites
• Jasmine Specs (Uniti Miedzo)
• Zvinotarisirwa (Zvido)
• Matchers
• Exampzvimwe zveKushandisa Matchers
• Kushandisa kwete Property
• Setup uye Teardown muUnit Test Suites
• Example ye pamberi peChimwe uye mushure meYese Mabasa
• Angular Test Module
• Exampuye Angular Test Module
• Kuedza Sevhisi
• Kubaya Instance Yebasa
• Edza nzira yeSsynchronous
• Edza iyo Asynchronous Method
• Kushandisa Mock HT TP Mutengi
• Kugovera Mhinduro Yemakani
• Kuedza Chikamu
• Component Test Module
• Kugadzira chikamu chechikamu
• The ComponentFixture Kirasi
• Basic Component Miedzo
• Iyo DebugElement Kirasi
• Simulating User Interaction
• Summary

Chitsauko 17. Debugging

• Overview yeAngular Debugging
• Viewkuisa TypeScript Code muDebugger
• Kushandisa debugger Keyword
• Debug Logging
• Chii chinonzi Angular DevTools?
• Kushandisa Angular DevTools
• Angular DevTools - Chikamu Chimiro
• Angular DevTools - Shandura Detection Execution
• Kubata Syntax Zvikanganiso
• Summary

Lab Exercises

• Lab 1. Nhanganyaya kuAngular
• Lab 2. Nhanganyaya kuTypeScript
• Lab 3. Nhanganyaya kune Zvikamu
• Lab 4. Component Template
• Lab 5. Gadzira Chikamu cheMafoto Gallery
• Lab 6. Template Driven Form
• Lab 7. Gadzira Fomu Rokugadzirisa
• Lab 8. Reactive Form
• Lab 9. Gadzira Sevhisi
• Lab 10. Gadzira HT TP Client
• Lab 11. Shandisa Mapaipi
• Lab 12. Basic Single Page Application Uchishandisa Router Lab 13. Vaka Peji Rimwechete Application (SPA)
• Lab 14. Advanced HT TP Client
• Lab 15. Kushandisa Angular Bootstrap
• Lab 16. Simbe Module Loading
• Lab 17. Advanced Routing
• Lab 18. Unit Testing
• Lab 19. Debugging Angular Applications

KOSI NDEYAANI?
Iyi kosi yakanangwa kune chero munhu anoda kudzidza izvo zvakakosha zveAngular 12 kusimudzira uye kuishandisa mukugadzira. web application ipapo. Isu tinogona zvakare kuunza uye kugadzirisa iyi kosi yekudzidziswa yemapoka makuru - kuchengetedza sangano rako nguva, mari uye zviwanikwa.

ZVINOKOSHA
Web ruzivo rwekuvandudza uchishandisa HTML, CSS uye JavaScript inodiwa kuti uwane zvakanyanya kubva mune ino Angular kosi. Kuziva kwebrowser DOM kunobatsira zvakare. Pamberi peAngular ruzivo, neAngularJS kana chero shanduro yeAngular, haidiwi.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Zvinyorwa / Zvishandiso

LUMIFY BASA Angular 12 Programming [pdf] Bhuku reMushandisi Angular 12 Programming, Angular, 12 Programming, Programming

References

• User Manual