LUMIFY BASA Angular 15 Programming User Guide

APPLICATION UYE WEB KUDZIDZWA
Angular 15 Programming
LENGTH 5 mazuva
VERSION 15

Zviri mukati hide

1 SEI UCHIDZIDZA KOSI IYI

6 Zvinyorwa / Zvishandiso

6.1 References

7 Related Posts

SEI UCHIDZIDZA KOSI IYI

Iyi yakadzika uye yakazara Angular 15 yekudzidziswa kosi inopa vanopinda nehunyanzvi hwavanogona kushandisa nekukurumidza mubasa ravo. Iwe unozodzidza izvo zvakakosha zveAngular 15 kusimudzira senge single-peji browser applicat ions, inoteerera. webnzvimbo, uye hybrid mobile applicat ions.
Iyi kosi musanganiswa weiyo theoret ical kudzidza uye maoko-pamalebhu ayo anosanganisira sumo ion kuAngular, inoteverwa neTypeScript, zvikamu, zvakananga ives, masevhisi, HTTPClient, kuyedza, uye kugadzirisa.
Cherechedza: Isu tinogona zvakare kuendesa kudzidziswa pane dzimwe shanduro dzeAngular. Ndapota taura nesu kuti tibvunze kana kunyoresa kufarira kwako.

ANGULAR AT LUMIFY BASA

ZVAUCHADZIDZA

Paunopedza kosi iyi yakabudirira, iwe uchave neruzivo rweku:

Gadzira peji rimwechete Angular applicat ions uchishandisa Typescript
Gadzira yakakwana Angular budiriro nharaunda
Gadzira Zvimiro, Direct ives, Sevhisi, Mapaipi, Mafomu, uye Tsika Validators
Bata epamusoro network data retrieval mabasa uchishandisa Observables
Shandisa data kubva kuREST web masevhisi achishandisa Angular HTTP Client

Bata push-data batanidza ions uchishandisa iyo WebSocket protocol
Shanda neAngular Pipes kugadzira data
Shandisa advanced Angular Component Router maficha
Edza uye gadzirisa Angular applicat ions uchishandisa akavakirwa mumaturusi
Shanda neAngular CLI

Mudzidzisi wangu aive akanaka nekugona kuisa zviitiko muzviitiko zvepasirese zvine chekuita nemamiriro angu chaiwo.
Ndakaitwa kuti ndinzwe kugamuchirwa kubva panguva yandakasvika uye kukwanisa kugara seboka kunze kwekirasi kuti tikurukure mamiriro edu ezvinhu uye zvinangwa zvedu zvakanga zvakakosha zvikuru.
Ndakadzidza zvakawanda uye ndakaona kuti zvakakosha kuti zvinangwa zvangu nekupinda kosi iyi zvizadzikiswe.
Basa guru Lumify Work team.AMANDA NICOL
Inotsigira SERVICES MANAGER - HEALTH WORLD LIMITED

ZVIDZIDZO ZVEKOSI

Kusuma Angular
Chii chinonzi Angular?
• Pakati Pakati peAngular Framework
• Mamiriro Ekushandisa Akakodzera
• Zvivharo zvekuvaka zveAngular Application
• Basic Architecture yeAngular Application
• Kuisa uye Kushandisa Angular
• Anatomy yeAngular Applicat ion
• Kumhanyisa iyo Iyoni yekushandisa
• Kuvaka uye Kuendesa Chikumbiro
• Angular yeNative Mobile Apps
Nhanganyaya yeTypeScript
• Kuronga Mitauro Yekushandisa neAngular
• TypeScript Syntax
• Programming Editors
• The Type System - Def ining Variables
• The Type System - Def ining Arrays
• Basic Primit ive Types
• Nyora mukati Function ions
• Type Inference
• Kutsanangura Makirasi
• Nzira dzeKirasi
• Kuonekwa Kudzora
• Vagadziri Vekirasi
• Vagadziri Vekirasi - Rimwe Fomu
• Minda isina Kushandiswa
• Interfaces
• Kushanda neES6 Modules
• var vs regai
• Arrow Mabasa
• Arrow Function Compact Syntax
• Template Strings
• Generics muKirasi
• Generics muFundo ion

Zvikamu
Chii chinonzi chikamu?
• An Example Component
• Kugadzira Chikamu Uchishandisa Angular CLI
• The Component Kirasi
• The @Component Decorator
• Kunyoresa Chikamu kuModule Yayo
• Component Template
• Eksample: HelloComponent template
• Eksample: The HelloComponent Kirasi
• Kushandisa Chikamu
• Mhanyai Application
• Chikamu cheHierarchy
• The Applicat ion Root Chikamu
• The Bootstrap File
• Chikamu Lifecycle Hooks
• EksampLe Lifecycle Hooks
• CSS Styles
Component Templates
• Matemplate
• Nzvimbo yetemplate
• The Mustache {{ }} Syntax
• Kuisa DOM Element Properties
• Kuisa Element Body Text
• Chiitiko Kusunga
• Mubati weChiitiko chekutaura
• Dzivirira Default Band
• Attribute Directives
• Shandisa Zvitaera neKuchinja CSS Makirasi
• Eksample: ngClass
• Kushandisa Zvitaera Zvakananga
• Mamiriro Ekuita
• Conditionally Execute Template
• Eksample: ngif
• Looping Uchishandisa ngFor
• ngFor Local Variables
• Kushandisa Kuunganidza
• Eksample – Kudzima chinhu
• Item Tracking nengFor
• Kuchinjanisa zvinhu nengSwitch
• Zvikamu zvemapoka
• Template Reference Variable

Inter Component Communication
• Kukurukurirana Basics
• The Data Flow Architecture
• Kugadzirira Mwana Kuti Agamuchire Data
• Tumira Data kubva kumubereki
• Zvakawanda Nezve Kuisa Properties
• Chiitiko chekupfurwa kubva kune Chikamu
• @Output() Eksample – Child Component
• @Output() Eksample – Parent Component
• Full Two Way Binding
• Kugadzira Two Way Data Binding muMubereki
Template uye Driven Forms
• Template Driven Forms
• Kupinza Mafomu Module
• Nzira Yekutanga
• Kugadzira Fomu
• Kuwana User Input
• Kusiya ngForm Chimiro
• Tanga Fomu
• Two Way Data Binding
• Kusimbisa Fomu
• Angular Validators
• Kuratidza Validat ion State Kushandisa Makirasi
• Mamwe Marudzi eKupinza
• Mabhokisi
• Sarudza (Drop Down) Minda
• Kupa Sarudzo dzeSarudzo (Drop Down)
• Minda yemazuva
• Mabhatani eRadio

Reactive Mafomu
• Reactive Forms Overview
• Mabhuroko ekuvaka
• Kupinza Reactive FormsModule
• Gadzira Fomu
• Gadzira Template
• Kuwana Input Values
• Kutanga Minda yeKupinza
• Kugadza Maitiro eFomu
• Kunyoresa kuInput Changes
• Kusimbiswa
• 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
Masevhisi uye Dependency Jekiseni
• Chii chinonzi Service?
• Kugadzira Basic Service
• Kirasi Yebasa
Chii chinonzi Dependency Jekiseni?
• Kubaya Instance Yebasa
• Majekiseni
• Injector Hierarchy
• Kunyoresa Sevhisi neRoot Injector
• Kunyoresa Sevhisi neInjector Yechikamu
• Kunyoresa Sevhisi neFeature Module Injector
• Ndekupi Kunyoresa Sevhisi?
• Dependency Jekiseni mune Zvimwe Zvigadzirwa
• Kupa kumwe Kuitwa
• Dependency Injection uye @Host
• Dependency Jekiseni uye @Optional

HTTP Client
• The Angular HTTP Client
• Kushandisa The HTTP Client - Overview
• Kupinza HttpClientModule
• Sevhisi Uchishandisa HttpClient
• Kuita Chikumbiro cheGET
• Chii Chinocherechedzwa Chinoita?
• Kushandisa Sevhisi Muchikamu
• The PeopleService Client Component
• Kubata Mhosho
• Kugadzirisa Chinhu Chikanganiso
• Kuita Chikumbiro chePOST
• Kuita Chikumbiro chePUT
• Kuita Chikumbiro cheKUBVA
Mapaipi uye Data Formatting
• Chii chinonzi Mapaipi?
• Mapaipi Akavakwa
• Kushandisa Mapaipi muHTML Template
• Chaining Mapaipi
• Internat ionalized Pipes (i18n)
• Kuisa Data Yenzvimbo
• 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
• Pipe Yakachena Example
• Pipe isina kuchena Example

Nhanganyaya kune Imwe Peji Yekushandisa
• Chii chinonzi Single Page Applicat ion (SPA)
• Chinyakare Web Application
• SPA Workflow
• Single Peji Application Advantages
• Purogiramu inonzi HTML5 History
• SPA Matambudziko
• Kuita SPA's Uchishandisa Angular
Iyo Angular Chikamu Router
• The Component Router
• View Navigation
• The Angular Router API
• Kugadzira Router Yakagoneswa Application
• Kutambira Marouted Components
• Navigation Uchishandisa Links uye Mabhatani
• Programmatic Navigation
• Kupfuura Route Parameters
• Kufamba neRoute Parameters
• Kuwana Nzira yeParameter Values
• Kudzora Iyo Route Parameter Synchronously
• Kutora nzira Parameter Asynchronously
• Query Parameters
• Kugovera Query Parameters
• Kutora Query Parameters Asynchronously
• Matambudziko neBhuku URL kupinda uye Bookmarking

Advanced HTTP Client
• Kumbira Zvimwe
• Kudzorera HttpResponse Object
• Kuisa Misoro Yekukumbira
• Kugadzira Zvitsva Zvinoonekwa
• Kugadzira Zvinoonekwa Zviri Nyore
• The Observable Constructor Method
• Vanocherechedzwa Operators
• Mepu uye kusefa Operators
• The flatMap() Operator
• Pombi () Operator
• Iyo zip() Combinator
• Caching HTTP Mhinduro
• Kuita Sequential HTTP Calls
• Kufonera Parallel Calls
• Kugadzirisa Chinhu Chinokanganisa ne catchError()
• Kukanganisa paPipeline
• Kudzoreredza Mhosho
Angular Modules
• Sei Angular Modules?
• Anatomy yeModule Kirasi
• @NgModule Properties
• Feature Modules
• Eksample Module Structure
• Gadzira Domain Module
• Gadzira Routed/Routing Module Pair
• Gadzira Sevhisi Module
• Kugadzira Common Modules
• Kushandisa Imwe Module Kubva Mune Imwe

Advanced Routing
• Routing Enabled Feature Module
• Kushandisa Feature Module
• Simbe Kuisa iyo Feature Module
• Kugadzira Manongedzo eZvikamu zveModule
• Zvakawanda Nezve Simbe Loading
• Preloading Modules
• routerLinkActive binding
• Default nzira
• Wildcard Route Path
• redirectTo
• Nzira dzevana
• Kutsanangura Makwara eMwana eNzira dzevana
• Manongedzo eNzira dzeVana
• Navigation Guards
• Kugadzira Mitezo Yevarindi
• Kushandisa Varindiri Munzira
Unit Kuedza Angular Application
• Unit Testing Angular Artifacts
• Kuedza Zvishandiso
• Matanho ekuedzwa akajairika
• Test Results
• Jasmine Test Suites
• Jasmine Specs (Uniti Miedzo)
• Zvinotarisirwa (Assert ions)
• Matchers
• Eksampzvimwe zveKushandisa Matchers
• Kushandisa kwete Property
• Seta uye Teardown muUnit Test Suites
• Eksample ye pamberi peChimwe uye mushure meYese Mabasa
• Angular Test Module
• Eksampuye Angular Test Module
• Kuedza Sevhisi
• Kubaya Instance Yebasa
• Edza nzira yeSsynchronous
• Edzai Asynchronous Method
• Kushandisa Mock HTTP Client
• Kupa mhinduro yemumagaba
• Kuedza chikamu
• Chikamu Test Module
• Kugadzira chikamu chechikamu
• The ComponentFixture Kirasi
• Basic Component Miedzo
• The DebugElement Kirasi
• Kutevedzera Kudyidzana Kwemushandisi

Debugging
• Pamusoroview yeAngular Debugging
• Viewkuisa TypeScript Code muDebugger
• Kushandisa debugger Keyword
• Debug Logging
• Chii chinonzi Angular DevTools?
• Kushandisa Angular DevTools
• Angular DevTools - Component Structure
• Angular DevTools - Shandura Detect ion Execut ion
• Kubata Zvikanganiso zveSyntax

KOSI NDEYAANI?

Iyi kosi yakanangwa kune chero munhu anoda kudzidza izvo zvakakosha zveAngular 15 kusimudzira uye kuishandisa ipapo pakugadzira. web applications.
Isu tinogona zvakare kuunza uye kugadzirisa iyi kosi yekudzidziswa kumapoka makuru - kuchengetedza sangano rako nguva, mari uye zviwanikwa. Kuti uwane rumwe ruzivo, ndapota taura nesu kuburikidza neemail pa ph.training@lumifywork.com

ZVINOKOSHA

Web ruzivo rwekuvandudza uchishandisa HTML, CSS, uye JavaScript inodiwa kuti uwane zvakanyanya kubva pane ino Angular kosi
Kuziva kwebrowser DOM kunobatsira zvakare
Hapana chiitiko chekutanga cheAngular kana AngularJS chinodiwa

Kupihwa kweiyi kosi e neLumify Basa kunotongwa nematemu nemamiriro ekubhukha.
Ndapota verengai mitemo nemamiriro ezvinhu nokungwarira musati manyoresa muzvidzidzo izvi, sezvo kunyoresa mukosi kunosungirirwa pakugamuchirwa kwemitemo nemamiriro ezvinhu.

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