Mmemme Angular 12 LUMIFY Ọrụ

GỊNỊ mere ị ga-eji mụọ ihe ọmụmụ a

Usoro mmemme Angular 12 a zuru oke bụ ngwakọta nke mmụta usoro mmụta na ụlọ nyocha aka na-agụnye mmeghe nke Angular, nke TypeScript na-esote, akụkụ, ntuziaka, ọrụ, Client HTTP, nnwale na nbipu.
Ihe nkuzi a juputara na ozi bara uru na nke enwere ike ime nke ị nwere ike itinye n'ọrụ gị ozugbo. Mụta ihe ndabere nke isi mmepe Angular 12 dị ka ngwa ihe nchọgharị nwere otu ibe, na-anabata ya websaịtị, na ngwakọ ekwentị mkpanaaka.
Rịba ama: Anyị nwekwara ike ịnye ọzụzụ na ụdị Angular ndị ọzọ. Biko kpọtụrụ anyị ka ị jụọ ajụjụ ma ọ bụ debanye aha mmasị gị.

IHE Ị GA-AMỤTA
Mgbe ịmechara nkuzi a nke ọma, ị ga-enwe ike:

• Mepụta ngwa Angular nwere otu ibe site na iji Typescript
• Hazie gburugburu mmepe Angular zuru oke
• Mepụta akụrụngwa, ntuziaka, ọrụ, ọkpọkọ, ụdị na ndị nkwado omenala
• Jikwaa ọrụ iweghachite data netwọk dị elu site na iji Observables Were data sitere na REST web ọrụ na-eji Angular HT TP Client Handle push-data njikọ site na iji WebSockets protocol
• Na-arụ ọrụ na ọkpọkọ Angular iji hazie data
• Jiri atụmatụ rawụta akụkụ akụkụ Angular dị elu
• Nwalee ma mebie ngwa Angular site na iji ngwa arụnyere arụnyere.

Isiokwu ọmụmụ

Isi nke 1. Ewebata Angular

• Kedu ihe bụ Angular?
• Akụkụ etiti nke usoro n'ụkpụrụ angular dabara adaba iji ikpe
• Ngwongwo ụlọ nke ngwa nkuku Nhazi nhazi nke ngwa nkuku na-etinye na iji Angular.
• Anatomi nke ngwa Angular na-agba ngwa ahụ
• Iwulite ma bukwasa Angular ngwa maka ngwa mkpanaka ala ala
• Nchịkọta

Isi nke 2. Okwu Mmalite nke TypeScript

• Asụsụ mmemme maka ojiji yana Syntax TypeScript Angular
• Ndị ndezi mmemme
• Ụdị Sistemu - Na-akọwa mgbanwe mgbanwe
• Ụdị Sistemu - Na-akọwa Arrays
• Ụdị nke mbụ
• Pịnye na Ọrụ
• Ụdị ntinye aka
• Na-akọwa klaasị
• Ụzọ klas
• Njikwa visibiliti
• Ndị nrụpụta klas
• Ndị na-emepụta klaasị – Ụdị ọzọ akọwaghị aha
• Ọnụ ụzọ
• Na-arụ ọrụ na ES6 Modules
• var vs ka
• Ọrụ akụ
• Ụrụ Template Kọmpat Ọrụ Arrow
• Generics na klas
• Generics nọ n'ọrụ
• Nchịkọta

Isi nke 3. Akụkụ

• Gịnị bụ akụkụ?
• Otu Example Akụkụ
• Ịmepụta akụrụngwa Iji Angular CLI
• Klas akụrụngwa
• The @Component Decorator
• Ịdenye otu akụkụ na Template Ngwakọta Module Ya
• Example: HelloComponent Template
• Example: Klas HelloComponent Iji Ngwa
• Gbaa ngwa ahụ
• Usoro nhazi akụkụ
• Ngwa Mgbọrọgwụ Ngwa
• The Bootstrap File
• Akụrụngwa Lifecycle Hooks Exampna Lifecycle Hooks
• Ụdị CSS
• Nchịkọta

Isi nke 4. Ngwakọta Ngwakọta

• Ụdị
• Ebe ndebiri
• Afụ ọnụ {{ }} Syntax
• Ịtọ ntọala DOM Element
• Ederede Isi Ntọala
• Ejikọ mmemme
• Onye njikwa ihe omume nkwupụta
• Gbochie njikwa ndapụta
• Ntuziaka njirimara
• Tinye Ụdị site na Ịgbanwe klaasị CSS
• Example: nklas
• Itinye Styles ozugbo
• Ntuziaka nhazi
• Mebie ndebiri n'ọnọdụ ọ bụla
• Example: ngb
• Ntugharị Iji ngFor
• ngFor Mpaghara mgbanwe
• Na-emegharị mkpokọta Example – Ihichapụ ihe
• Ndepụta ihe na ngFor na-agbanwe ihe nwere ngSwitch Grouping Elements
• Nchịkọta Ntụgharị agbanwe agbanwe nke ndebiri

Isi nke 5. Nkwukọrịta ihe dị n'etiti

• Ntọala nzikọrịta ozi
• The Data Flow Architecture
• Ịkwadebe Nwatakịrị ịnata Data
• Ziga data sitere na nne na nna
• Ihe ndị ọzọ gbasara Ntọala Njirimara
• Ihe omume mgbapụ site na ngalaba
• @mmepụta() Ọpụample – Akụkụ ụmụaka @mmepụta() Ọpụample – Akụkụ nne na nna
• Ejikọ ụzọ abụọ zuru oke
• Ịtọlite ​​​​njikọ data ụzọ abụọ na nne na nna
• Nchịkọta

Isi nke 6. Ụdị achụpụrụ Template

• Ụdị Ụdị Nwepu
• Modul Mbubata Ụdị
• Ụzọ isi
• Ịtọpụta Ụdị
• Nweta ntinye onye ọrụ
• Ewepụ àgwà ngForm
• Bido fọm ahụ
• Ijikọ data ụzọ abụọ
• Nkwado Ụdị
• Ndị nkwado Angular
• Na-egosipụta steeti nkwado site na iji klas ụdị ntinye agbakwunyere
• Igbe nbanye
• Họrọ ubi (dobe ala).
• Nhọrọ Rendering maka Họrọ (Wepụ ala) ubi deeti
• bọtịnụ redio
• Nchịkọta

Isi nke 7. Ụdị mmeghachi omume

• Ụdị mmeghachi omume gafereview
• Ihe mgbochi ụlọ
• Bubata ReactiveFormsModule
• Rụpụta Ụdị
• Chepụta Template
• Inweta ụkpụrụ ntinye
• Ịmalite mpaghara ntinye
• Ịtọpụta ụkpụrụ ụkpụrụ
• Ịdenye aha maka mgbanwe ntinye
• Nkwado
• Ndị nkwado arụnyere n'ime ya
• Na-egosi mperi nkwado
• Onye nkwado omenala
• Iji ihe nkwado omenala
• Na-enye nhazi na nkwado omenala
• FormArray – Tinye ntinye na-agbanwe agbanwe
• FormArray – Klas akụrụngwa
• FormArray – Template
• FormArray - Uru
• Sub FormGroups - Klas akụrụngwa
• Sub FormGroups – HTML Template
• Gịnị kpatara eji Sub FormGroups
• Nchịkọta

Isi nke 8. Ọrụ na Injection Ndabere

• Kedu ihe bụ Ọrụ?
• Ịmepụta Ọrụ bụ isi
• Klas ọrụ
• Kedu ihe bụ Injection Dependency?
• Ịgbanye ihe atụ ọrụ
• Ndị ogbugba
• Ọchịchị Injector
• Iji Mgbọrọgwụ Injector na-edebanye ọrụ
• Iji Injector akụrụngwa na-edebanye ọrụ
• Debanye aha ọrụ site na injector Module atụmatụ
• Ebe ị ga-edebanye aha ọrụ?
• Injection ndabere na ihe ndị ọzọ na-enye ntinye ntinye ntinye aka na @Host
• Injection dabere na @Nhọrọ
• Nchịkọta

Isi nke 9. HTTP Client

• Onye ahịa Angular HT TP
• Iji T he HT TP Client – ​​Overview
• Na-ebubata HttpClientModule
• Ọrụ Iji HttpClient
• Na-eme arịrịọ nweta
• Kedu ihe ihe a na-ahụ anya na-eme?
• Iji Ọrụ na ngalaba
• Ijikwa ihe ndị ahịa ahịa ndị mmadụ na-ahụ maka mperi
• Ịhazi ihe mperi
• Na-eme arịrịọ POST
• Na-eme arịrịọ PUT
• Na-eme arịrịọ HIchapụ

Isi nke 10. Ọkụ na nhazi data

• Kedu ihe bụ Pipes?
• Ọkpọkpọ arụrụ arụ
• Iji ọkpọkọ na HTML Template Chaining Pipes
• Ọkpọkpọ mba ụwa (i18n) na-ebu data mpaghara
• Ụbọchị Pipe
• Ọnụ ọgụgụ Pipe
• Pipe ego
• Mepụta ọkpọkọ omenala
• Custom Pipe Example
• Iji ọkpọkọ omenala
• Iji Pipe na ngFor
• Ọkụ Filter
• Ụdị ọkpọkọ: dị ọcha na adịghị ọcha
• Nchịkọta
• Ọcha Ọcha Example
• Pipe Example
• Nchịkọta

Isi nke 11. Okwu Mmalite nke Otu Page Ngwa

• Kedu ihe bụ ngwa otu ibe (SPA) omenala Web Ngwa
• Usoro ọrụ SPA
• Ngwa otu ibe AdvantagHTML5 History API
• Ihe ịma aka SPA
• Ịmejuputa SPA's Iji Angular Summary

Isi nke 12. The Angular Component Router

• The akụrụngwa rawụta
• View Nsoro ụzọ
• API Angular Router
• Ịmepụta ngwa agbanyere router
• Bochum ihe ndị emegharịrị
• Navigation Iji njikọ na bọtịnụ
• Nsoro mmemme
• Oke ụzọ agabiga
• Jiri Parameters na-eme njem
• Inweta ụkpụrụ Parameter Route
• Na-eweghachite Parameter Ụzọ n'otu oge
• Na-eweghachite Parameter Ụzọ n'agbanyeghị
• Usoro ajụjụ
• Na-ebunye oke ajụjụ
• Na-eweghachite oke ajụjụ n'ekwekọghị
• Nsogbu na akwụkwọ ntuziaka URL ntinye na Bookmarking
• Nchịkọta

Isi nke 13. Onye ahịa HTTP dị elu

• Rịọ Nhọrọ
• Iweghachi ihe nzaghachi Http
• Ịtọ ntọala arịrịọ nkụnye eji isi mee
• Ịmepụta Ihe ngosi ọhụrụ
• Ịmepụta Mfe Ahụhụ
• Ndị na-arụ ọrụ a na-ahụ anya na usoro ihe nrụpụta a na-ahụ anya
• Maapụ na ndị ọrụ nzacha
• Onye ọrụ flatMap()
• Mgbata () Onye ọrụ
• The zip () Combinator
• Nzaghachi HT TP na-echekwa
• Ịkpọ oku HT TP n'usoro
• Ịkpọ oku Yiri
• Ịhazi ihe mperi na mperi ()
• Njehie na Pipeline
• Iweghachite mperi
• Nchịkọta

Isi nke 14. Modul Angular

• Gịnị kpatara Modul Angular?
• Anatomi nke klas modul
• @NgModule Njirimara
• Modul atụmatụ
• Example Module Structure
• Mepụta modul ngalaba
• Mepụta Mmakọ Module/Ntugharị ụzọ
• Mepụta modul ọrụ
• Ịmepụta modul nkịtị

Isi nke 15. Advanced Routing

• Modul Njirimara akwadoro ịkwọgharị
• Iji modul Njirimara
• Dị umengwụ na-ebufe modul njirimara
• Ịmepụta njikọ maka akụrụngwa modul njirimara
• Ihe ndị ọzọ gbasara Ibu Ibu Lazy
• Modul na-ebugo ụzọ
• Ụzọ ndabara
• Ụzọ okporo ụzọ Wildcard
• redirect Ka
• Ụzọ ụmụaka
• Ịkọwa ụzọ ụmụaka
• maka Ụzọ ụmụaka
• Njikọ maka ụzọ ụmụaka
• Ndị nche njem
• Ịmepụta mmejuputa nche
• Iji ndị nche na ụzọ
• Nchịkọta

Isi nke 16. Ngwa Nnwale Angular Unit

• Ihe Nleba Angular Nleba Otu
• Ngwa nnwale
• Usoro Nnwale a na-ahụkarị
• Nsonaazụ ule
• Jasmine Test Suites
• Ụdị Jasmine (Nnwale otu)
• Atụmanya (Nkwenye)
• Ndị egwuregwu
• Examples nke Iji Matchers
• Iji ihe na-abụghị Property
• Tọọ na mwepu n'ime Unit Test Suites
• Example nke tupu ọ bụla na mgbe ọ bụla Ọrụ
• Module ule angular
• Example Angular Test Module
• Na-anwale Ọrụ
• Ịgbanye ihe atụ ọrụ
• Nwalee usoro mmekọrịta
• Nwalee usoro asynchronous
• Iji Mock HT TP Client
• Na-enye azịza mkpọ
• Nnwale akụkụ
• Modul ule akụrụngwa
• Ịmepụta ihe atụ akụkụ
• Klas nke ComponentFixture
• Nnwale akụrụngwa akụrụngwa
• Klas DebugElement
• Na-emekọrịta mmekọrịta nke onye ọrụ
• Nchịkọta

Isi nke 17. Debugging

• gafereview nke Angular Debugging
• Viewing koodu TypeScript na Debugger
• Iji Keyword debugger
• Ndebanye mperi
• Kedu ihe bụ Angular DevTools?
• Iji Angular DevTools
• DevTools Angular – Akụkụ akụkụ
• DevTools Angular – Gbanwee mmezu nchọpụta
• Enweta mperi syntax
• Nchịkọta

Ihe omume ụlọ nyocha

• Lab 1. Okwu Mmalite na Angular
• Ụlọ nyocha 2. Okwu Mmalite na TypeScript
• Ụlọ nyocha 3. Okwu Mmalite nke Ngwa
• Ụlọ nyocha 4. Ngwakọta Ngwakọta
• Ụlọ nyocha 5. Mepụta akụrụngwa foto
• Lab 6. Ụdị achụpụrụ Template
• Ụlọ nyocha 7. Mepụta ụdị ndezi
• Ụlọ nyocha 8. Ụdị mmeghachi omume
• Lab 9. Zụlite Ọrụ
• Lab 10. Zụlite onye ahịa HT TP
• Ụlọ nyocha 11. Jiri ọkpọkọ
• Lab 12. Basic Single Page Application Iji Router Lab 13. Mee otu ngwa ibe (SPA)
• Lab 14. Onye ahịa HT TP dị elu
• Lab 15. Iji Angular Bootstrap
• Ụlọ nyocha 16. Nbudata Module Lazy
• Lab 17. Advanced Routing
• Lab 18. Nnwale nkeji
• Lab 19. Debugging Angular Ngwa

ONYE BỤ AKWỤKWỌ KWESỊRỊ?
Ebumnuche a bụ maka onye ọ bụla chọrọ ịmụta ihe ndabere nke mmepe Angular 12 ma tinye ya na ịmepụta web ngwa ozugbo. Anyị nwekwara ike ịnapụta ma hazie usoro ọzụzụ a maka ndị otu buru ibu - ịchekwa oge, ego na akụrụngwa gị nke nzukọ gị.

PREREQUISITES
Web Ahụmịhe mmepe iji HTML, CSS na Javascript chọrọ iji nweta ihe kachasị na nkuzi Angular a. Ịmata ihe nchọgharị DOM bara uru. Ahụmịhe Angular gara aga, yana AngularJS ma ọ bụ ụdị Angular ọ bụla, achọghị.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Akwụkwọ / akụrụngwa

Mmemme Angular 12 LUMIFY Ọrụ [pdf] Ntuziaka onye ọrụ Angular 12 Programming, Angular, 12 Programming, Programming

Ntụaka

• Akwụkwọ ntuziaka onye ọrụ