LUMIFIY WORK Angular 12 Prògramadh

CARSON A DHÈANAMH A’ CHÙRSA SEO

Tha an cùrsa coileanta Prògramadh Angular 12 seo na mheasgachadh de ionnsachadh teòiridheach agus deuchainn-lannan làimhe a tha a’ toirt a-steach ro-ràdh gu Angular, air a leantainn le TypeScript, co-phàirtean, stiùiridhean, seirbheisean, HTTP Client, deuchainn, agus deasbaid.
Tha an cùrsa làn de dh’ fhiosrachadh feumail is gnìomhail as urrainn dhut a chur a-steach don obair agad sa bhad. Ionnsaich bunaitean leasachadh bunaiteach Angular 12 leithid tagraidhean brabhsair aon-dhuilleag, freagairteach weblàraich, agus tagraidhean gluasadach tar-chinealach.
Thoir an aire: Is urrainn dhuinn cuideachd trèanadh a lìbhrigeadh air dreachan eile de Angular. Feuch an cuir thu fios thugainn gus do shealladh a chuir air dòigh no d’ ùidh a chlàradh.

DÈ A THA FOGHLAIM
Nuair a chuireas tu crìoch air a’ chùrsa seo gu soirbheachail, bidh e comasach dhut:

• Leasaich tagraidhean aon-dhuilleag Angular a’ cleachdadh Typescript
• Stèidhich àrainneachd leasachaidh Angular iomlan
• Cruthaich co-phàirtean, stiùiridhean, seirbheisean, pìoban, foirmean, agus dearbhadairean gnàthaichte
• Làimhseachadh gnìomhan trusaidh dàta lìonra adhartach a’ cleachdadh Observables Cleachd dàta bho REST web seirbheisean a’ cleachdadh na ceanglaichean dàta putaidh Angular HT TP Client Handle a’ cleachdadh an WebPròtacal sockets
• Obraich le Angular Pipes gus dàta a chruth
• Cleachd feartan adhartach Angular Component Router
• Dèan deuchainn agus deasbaid air tagraidhean ceàrnach a’ cleachdadh innealan togte.

CUSPAIREAN CHORSACH

Caibideil 1. Ro-ràdh Angular

• Dè th' ann an Angular?
• Prìomh fheartan an Fhrèam Angular Cùisean Cleachdaidh Iomchaidh
• Blocaichean togail de thagradh ceàrnach Ailtireachd bhunasach de thagradh ceàrnach A’ stàladh agus a’ cleachdadh ceàrn
• Anatomy de Iarrtas Angular a 'ruith an Iarrtais
• A’ togail agus a’ cleachdadh an ceàrn tagraidh airson aplacaidean gluasadach dùthchasach
• Geàrr-chunntas

Caibideil 2. Ro-ràdh gu TypeScript

• Cànanan prògramaidh airson an cleachdadh le co-chòrdadh Angular TypeScript
• Luchd-deasachaidh phrògraman
• An siostam seòrsa - a 'mìneachadh caochlaidhean
• An siostam seòrsa - a 'mìneachadh arrays
• Seòrsan prìomhadail bunaiteach
• Cuir a-steach Gnìomhan
• Seòrsa Co-dhùnadh
• Clasaichean a mhìneachadh
• Dòighean Clas
• Smachd Fàire
• Luchd-togail clas
• Luchd-togail Clas - Cruth Eile Raointean Neo-aithnichte
• Eadar-aghaidhean
• Ag obair le modalan ES6
• var vs leig
• Gnìomhan saighead
• Strings Teamplaid Saighead Co-aontachaidh Compact
• Generics ann an clas
• Generics ann an gnìomh
• Geàrr-chunntas

Caibideil 3. Co-phàirtean

• Dè th' ann an Co-phàirt?
• An Example Comh-phàirt
• A' cruthachadh co-phàirt a' cleachdadh CLI Angular
• An Clas Co-phàirteach
• An @Component Decorator
• A’ clàradh pàirt de theamplaid co-phàirteach a’ mhodal aige
• Example: HelloComponent Template
• Example: An Clas HelloComponent A 'cleachdadh Co-phàirt
• Ruith an Iarrtas
• Rangachd cho-phàirtean
• Co-phàirt Root an Iarrtais
• An Bootstrap File
• Cearcall-beatha co-phàirteach dubhan example Lifecycle Hooks
• Stoidhlichean CSS
• Geàrr-chunntas

Caibideil 4. Teamplaidean Component

• Teamplaidean
• Àite Teamplaid
• The Mustache {{ }} Syntax
• A’ suidheachadh feartan DOM Element
• A’ suidheachadh Element Body Text
• Ceangal Tachartas
• Neach-làimhseachaidh tachartas taisbeanaidh
• Cuir casg air làimhseachadh bunaiteach
• Stiùiridhean feartan
• Cuir stoidhlichean an sàs le bhith ag atharrachadh chlasaichean CSS
• Example: ngClas
• A 'cur an sàs stoidhlichean gu dìreach
• Stiùiridhean structarail
• Cuir an gnìomh Teamplaid gu cumhach
• Example: ngIf
• Looping A’ cleachdadh ngFor
• ngAirson caochlaidhean ionadail
• A’ làimhseachadh a’ Chruinneachaidh Example - A' sguabadh às nì
• Lorg nì le ngFor Swapping Elements le ngSwitch Grouping Elements
• Geàrr-chunntas teamplaid iomradh caochlaideach

Caibideil 5. Conaltradh Eadar-Cho-phàirt

• Bun-bheachdan conaltraidh
• Ailtireachd sruthadh dàta
• Ag ullachadh a 'phàiste gu bhith a' faighinn dàta
• Cuir dàta bho Phàrant
• Barrachd mu bhith a’ suidheachadh thogalaichean
• Tachartas losgaidh bho cho-phàirt
• @Tochur() Example - Pàirt Cloinne @Output() Example - Pàirt Phàrant
• Ceangal làn dà shlighe
• A’ stèidheachadh Ceangal Dàta Dà-shlighe ann am Pàrant
• Geàrr-chunntas

Caibideil 6. Foirmean air an stiùireadh le teamplaid

• Foirmean air an stiùireadh le teamplaid
• Modal foirmean a thoirt a-steach
• Dòigh-obrach Bunaiteach
• Foirm a stèidheachadh
• A 'faighinn a-steach neach-cleachdaidh
• A' fàgail feart ngForm
• Tòisich am foirm
• Ceangal dàta dà dhòigh
• Dearbhadh Foirm
• Angular Validators
• A’ taisbeanadh staid dearbhaidh a’ cleachdadh chlasaichean seòrsaichean cuir a-steach a bharrachd
• Bogsaichean-seic
• Tagh (Lig sìos) raointean
• Roghainnean tairgse airson raointean ceann-latha Tagh (Sìos).
• Putanan Rèidio
• Geàrr-chunntas

Caibideil 7. Foirmean Reactive

• Foirmean Reactive Overview
• Na Blocaichean Togail
• Cuir a-steach Modal ReactiveForms
• Tog foirm
• Dealbhadh an Teamplaid
• A’ faighinn luachan cuir a-steach
• A’ tòiseachadh nan raointean cuir a-steach
• A 'suidheachadh luachan foirm
• Fo-sgrìobhadh airson Input Changes
• Dearbhadh
• Luchd-dearbhaidh togte
• A' sealltainn mearachd dearbhaidh
• Custom Validator
• A’ cleachdadh Custom Validator
• A’ toirt seachad rèiteachadh gu Custom Validator
• FormArray - Cuir a-steach gu dinamach
• FormArray - An Clas Co-phàirteach
• FormArray - An Teamplaid
• FormArray - Luachan
• Fo-bhuidhnean - Clas Co-phàirteach
• Fo-bhuidhnean foirm - Teamplaid HTML
• Carson a chleachdar Fo-bhuidhnean
• Geàrr-chunntas

Caibideil 8. Seirbheisean agus In-stealladh eisimeileachd

• Dè th' ann an Seirbheis?
• A 'cruthachadh seirbheis bunaiteach
• An clas seirbheis
• Dè a th’ ann an In-stealladh Dependency?
• A 'toirt a-steach cùis seirbheis
• Injectors
• Rangachd Injector
• A’ clàradh seirbheis leis an Root Injector
• A’ clàradh Seirbheis le Injector Co-phàirt
• Clàraich Seirbheis le Injector Modal Feart
• Càite an tèid Seirbheis a chlàradh?
• In-stealladh eisimeileachd ann an stuthan eile a’ toirt seachad in-stealladh eisimeileachd buileachaidh eile agus @Host
• Dependency Injection agus @Optional
• Geàrr-chunntas

Caibideil 9. Client HTTP

• An Angular HT TP Client
• A’ cleachdadh T he TP Client - Overview
• A’ toirt a-steach modal HttpClient
• Seirbheis a’ cleachdadh HttpClient
• A’ dèanamh iarrtas GET
• Dè a bhios Rud Observable a’ dèanamh?
• A 'cleachdadh na seirbheis ann an co-phàirt
• Làimhseachadh mearachd co-phàirt neach-dèiligidh PeopleService
• A 'gnàthachadh an nì mearachd
• A' deanamh iarrtas POST
• A’ dèanamh iarrtas PUT
• A' deanamh iarrtas DELETE

Caibideil 10. Pìoban agus Cruth Dàta

• Dè th' ann am Pìoban?
• Pìoban air an togail a-steach
• A 'cleachdadh phìoban ann an teamplaid HTML a' slaodadh pìoban
• Pìoban eadar-nàiseanta (i18n) A’ luchdachadh dàta locale
• Ceann-latha Pipe
• An àireamh Pìoba
• Pìoba Currency
• Cruthaich Pìoba Custom
• Custom Pipe Example
• A 'cleachdadh Pìoban Custom
• A' cleachdadh pìoba le ngFor
• Pìob Filter
• Roinn-pìoba: Pure agus Neo-ghlan
• Geàrr-chunntas
• Pìoba fìor-ghlan example
• Pìoba neo-ghlan example
• Geàrr-chunntas

Caibideil 11. Ro-ràdh air Tagraidhean Singilte

• Dè a th’ ann an Iarrtas Singilte Duilleag (SPA) Traidiseanta Web Iarrtas
• Sruth-obrach SPA
• Iarrtas duilleag Singilte Advantages HTML5 History API
• Dùbhlain SPA
• Cur an gnìomh SPAn A' Cleachdadh Geàrr-chunntas Angular

Caibideil 12. An Angular Component Router

• An router co-phàirt
• View Seòladh
• An Angular Router API
• A’ cruthachadh tagradh le comas router
• A 'toirt aoigheachd do na Co-phàirtean Routed
• Seòladh a’ cleachdadh cheanglaichean agus putanan
• Seòladh prògramaichte
• A 'dol seachad air Parameters Slighe
• A’ seòladh le paramadairean slighe
• A 'faighinn luachan paramadair slighe
• A’ faighinn air ais am paramadair slighe gu sioncronach
• A’ faighinn air ais paramadair slighe gu asyncronach
• Paramadairean ceist
• A 'toirt seachad Parameters Ceist
• A’ faighinn air ais paramadairean ceist gu neo-chunbhalach
• Duilgheadasan le Handbook URL inntrig agus Bookmarking
• Geàrr-chunntas

Caibideil 13. Client HTTP adhartach

• Roghainnean Iarraidh
• A’ tilleadh Rud HttpResponse
• A’ suidheachadh cinn iarrtasan
• A’ cruthachadh nithean ùra rim faicinn
• A 'cruthachadh sealladh sìmplidh
• An Modh Constructor Observable Luchd-obrachaidh faicsinneach
• Am mapa agus luchd-obrachaidh sìoltachain
• An gnìomhaiche flatMap().
• An gnìomhaiche tap ().
• An zip () Combinator
• A’ tasgadh HT TP Response
• A’ dèanamh gairmean HT TP Sequential
• A 'dèanamh gairmean co-shìnte
• A' gnàthachadh nì mearachd le catchError()
• Mearachd ann an loidhne-phìoban
• Ath-bheothachadh mearachd
• Geàrr-chunntas

Caibideil 14. Modalan Angular

• Carson Modalan Angular?
• Anatomy de chlas modal
• @NgModule Properties
• Modalan Feart
• Example Structar Modal
• Cruthaich modal Domain
• Cruthaich Paidhir Modal Slighe / Slighe
• Cruthaich modal seirbheis
• Cruthachadh mhodalan cumanta

Caibideil 15. Slighe Adhartach

• Modal feart le comas slighe
• A’ cleachdadh a’ mhodal feart
• Leisg a’ luchdachadh am modal feart
• A’ cruthachadh cheanglaichean airson co-phàirtean modal feart
• Barrachd mu dheidhinn luchdachadh leisg
• Modalan ro-luchdachadh
• Slighe bunaiteach
• Slighe slighe cairt-fhiadhaich
• ath-stiùireadh Gu
• Slighean Cloinne
• A 'mìneachadh Slighean Cloinne
• airson Slighean Cloinne
• Ceanglaichean airson Slighean Cloinne
• Geàrdan seòlaidh
• Cruthachadh Gnìomhan Freiceadan
• Cleachdadh Geàrdan ann an Slighe
• Geàrr-chunntas

Caibideil 16. Aonad Testing Angular Applications

• Aonad a’ Deuchainn Artifacts Angular
• Innealan deuchainn
• Ceumannan deuchainn àbhaisteach
• Toraidhean deuchainn
• Seòmraichean deuchainn Jasmine
• Sònrachaidhean Jasmine (Deuchainn Aonad)
• Sùileachadh (Assertions)
• Matchers
• Exampnas lugha de Cleachdadh Matchers
• A 'cleachdadh an not Property
• Suidhich agus teardown ann an seòmraichean deuchainn aonad
• Example of beforeEach and afterEach Functions
• Modal Deuchainn Angular
• Example Angular Test Module
• A 'dèanamh deuchainn air Seirbheis
• A 'toirt a-steach cùis seirbheis
• Dèan deuchainn air Modh Synchronous
• Dèan deuchainn air dòigh asyncronach
• A’ cleachdadh Mock HT TP Client
• A 'toirt seachad Freagairt Canned
• A 'dèanamh deuchainn air co-phàirt
• Modal deuchainn co-phàirt
• A 'cruthachadh suidheachadh co-phàirteach
• An Clas Fixture Component
• Deuchainnean co-phàirtean bunaiteach
• An Clas DebugElement
• A 'samhlachadh eadar-obrachadh luchd-cleachdaidh
• Geàrr-chunntas

Caibideil 17. Debugging

• Thairisview of Angular Debugging
• Viewann an Còd TypeScript ann an Debugger
• A’ cleachdadh an debugger Keyword
• Logadh Debug
• Dè a th’ ann an Angular DevTools?
• A’ cleachdadh Angular DevTools
• Angular DevTools - Structar co-phàirteach
• Angular DevTools - Atharraich coileanadh lorgaidh
• A’ glacadh Mearachdan Syntax
• Geàrr-chunntas

Eacarsaichean Lab

• Lab 1. Ro-ràdh gu Angular
• Lab 2. Ro-ràdh gu TypeScript
• Lab 3. Ro-ràdh gu Co-phàirtean
• Lab 4. Teamplaid Component
• Lab 5. Cruthaich Co-phàirt Gailearaidh Dealbhan
• Lab 6. Foirm air a stiùireadh le teamplaid
• Lab 7. Cruthaich Foirm Deasachaidh
• Lab 8. Foirm Reactive
• Lab 9. Leasaich Seirbheis
• Lab 10. Leasaich Cliant TP HT
• Lab 11. Cleachd Pìoban
• Lab 12. Iarrtas Singilte Bunaiteach le bhith a’ cleachdadh Router Lab 13. Tog Iarrtas Duilleag Singilte (SPA)
• Lab 14. Adhartach HT TP Client
• Lab 15. A 'cleachdadh Angular Bootstrap
• Lab 16. Modal leisg a’ luchdachadh
• Lab 17. Slighe Adhartach
• Lab 18. Deuchainn Aonad
• Lab 19. Debugging Angular Applications

CÒ A THA AN CÙRSA AIRSON?
Tha an cùrsa seo ag amas air neach sam bith a dh’ fheumas bunaitean leasachadh Angular 12 ionnsachadh agus a chuir an sàs ann an cruthachadh web iarrtasan sa bhad. Is urrainn dhuinn cuideachd an cùrsa trèanaidh seo a lìbhrigeadh agus a ghnàthachadh do bhuidhnean nas motha – a’ sàbhaladh ùine, airgead agus goireasan don bhuidheann agad.

ROIMH-RADH
Web tha feum air eòlas leasachaidh a’ cleachdadh HTML, CSS agus JavaScript gus a’ chuid as fheàrr fhaighinn às a’ chùrsa Angular seo. Tha eòlas air brabhsair DOM feumail cuideachd. Chan eil feum air eòlas Angular roimhe, le AngularJS no dreach sam bith de Angular.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Sgrìobhainnean/Goireasan

LUMIFIY WORK Angular 12 Prògramadh [pdfStiùireadh Cleachdaiche Prògramadh ceàrnach 12, prògramadh ceàrnach, 12 prògramadh, prògramadh

Iomraidhean

• Leabhar-làimhe cleachdaiche