LUMIFY WORK Angular 12 Programming

No ke aha e aʻo ai i kēia papa

ʻO kēia papahana Angular 12 Programming he hui pū ʻana o ke aʻo ʻana a me nā labs lima lima e pili ana i kahi hoʻolauna iā Angular, a ukali ʻia e TypeScript, nā ʻāpana, nā kuhikuhi, nā lawelawe, HTTP Client, hoʻāʻo, a me ka debugging.
Hoʻopiha ʻia ka papa me ka ʻike pono a hiki ke hoʻohana koke ʻia i kāu hana. E aʻo i nā kumu kumu o ka hoʻomohala ʻana i ka Angular 12 e like me nā noi pūnaewele ʻaoʻao hoʻokahi, pane webpaena, a me nā polokalamu kelepona hele hybrid.
Nānā: Hiki iā mākou ke hāʻawi i ke aʻo ʻana ma nā ʻano ʻē aʻe o Angular. E ʻoluʻolu e kelepona mai iā mākou e nīnau a hoʻopaʻa inoa paha i kou hoihoi.

KA MEA E A'O AI
I ka pau ʻana o kēia papa, hiki iā ʻoe ke:

• E hoʻomohala i nā noi Angular ʻaoʻao hoʻokahi me ka Typescript
• E hoʻonohonoho i kahi kaiapuni hoʻomohala Angular piha
• E hana i nā ʻāpana, nā kuhikuhi, nā lawelawe, nā paipu, nā palapala, a me nā mea hōʻoia maʻamau
• Hoʻohana i nā hana kiʻi ʻikepili pūnaewele holomua me ka hoʻohana ʻana i ka ʻikepili Observables Consume mai REST web nā lawelawe e hoʻohana ana i ka Angular HT TP Client Handle push-data connections me ka hoʻohana ʻana i ka WebʻO ka protocol sockets
• E hana pū me nā Angular Pipes e hōʻano i ka ʻikepili
• E hoʻohana i nā hiʻohiʻona Angular Component Router kiʻekiʻe
• E hoʻāʻo a hoʻopau i nā noi Angular me ka hoʻohana ʻana i nā mea hana i kūkulu ʻia.

NA KUMU HAAWINA

Mokuna 1. Hoʻolauna Angular

• He aha ka Angular?
• Nā hiʻohiʻona waena o ka Angular Framework Nā hihia hoʻohana kūpono
• Nā Paʻa Kūleʻa o kahi noi angular ʻO ka hoʻolālā kumu o kahi noi angular e hoʻokomo ana a me ka hoʻohana ʻana i ka angular
• Anatomy o kahi noi angular e holo ana i ka noi
• Ke kūkulu ʻana a me ka hoʻohana ʻana i ka Angular Application no Native Mobile Apps
• Hōʻuluʻulu manaʻo

Mokuna 2. Introduction to TypeScript

• Nā ʻōlelo papahana no ka hoʻohana ʻana me ka Angular TypeScript Syntax
• Nā Luna Hoʻoponopono
• ʻO ka Pūnaehana ʻAno - Ka wehewehe ʻana i nā ʻano like ʻole
• ʻO ka Pūnaehana ʻAno - Ka wehewehe ʻana i nā Array
• Nā ʻano kumu mua
• E kikokiko i na Hana
• Type Inference
• Wehewehe Papa
• Papa Hana
• Mana ʻike
• Ka Papa Hana
• Nā mea kūkulu papa – Nā kahua ʻē aʻe i ʻike ʻole ʻia
• Nā mea hoʻohana
• Ke hana nei me ES6 Modules
• var vs let
• Hana pua
• ʻO nā kaula kumu hoʻohālike hoʻopono arrow
• Generics ma ka Papa
• Generics i ka hana
• Hōʻuluʻulu manaʻo

Mokuna 3. Nā ʻāpana

• He aha ka Component?
• He Example Component
• Ke hana ʻana i kahi ʻāpana me ka hoʻohana ʻana i ka Angular CLI
• Ka Papa Hui
• Ka @Component Decorator
• Hoʻopaʻa inoa ʻana i kahi ʻāpana i kāna ʻāpana Module Component Template
• Example: HelloComponent Template
• Example: ʻO ka Papa HelloComponent e hoʻohana ana i kahi mea
• Holo i ka noi
• Hui Hoʻohui
• ʻO ke kumu kumu hoʻohana
• ʻO ka Bootstrap File
• Nā Hooki Ola Ola Exampnā Hooki Ola
• Kaila CSS
• Hōʻuluʻulu manaʻo

Mokuna 4. Nā Papahana Hui

• Nā kumu hoʻohālike
• Wahi la'ana
• ʻO ka ʻūhā {{ }} Syntax
• Ka hoʻonohonoho ʻana i nā waiwai Element DOM
• Ka hoʻonohonoho ʻana i ke kikokikona o ke kino Element
• Hoʻopaʻa hanana
• Mea Hana Hana Hōʻike
• Kāohi i ka hana paʻamau
• Nā kuhikuhi kuhikuhi
• E noi i nā ʻano ma ka hoʻololi ʻana i nā papa CSS
• Example: ngClass
• Hoʻopili pololei i nā ʻano
• Nā Kūlana Kūlana
• Hoʻokō Kūlana Kūlana
• Example: ngIf
• Ke hoʻohana nei i ka ngFor
• ngFor Local Variable
• Hoʻoponopono i ka ʻOhi Example – Holoi i kahi mea
• 'Imi 'ikamu me ka ngFor Swapping Elements me ngSwitch Grouping Elements
• Hōʻuluʻulu manaʻo hoʻololi template

Mokuna 5. Kūkākūkā Kūwaena

• Nā Kumu Kūkākūkā
• ʻO ka ʻIkepili Waiwai
• Hoʻomākaukau i ke keiki no ka loaʻa ʻana o ka ʻikepili
• E hoʻouna i ka ʻikepili mai ka makua
• Nā mea hou aku e pili ana i ka hoʻonohonoho ʻana i nā waiwai
• Hana ʻia ʻana mai kahi ʻāpana
• @Hanau() Example – ʻĀpana keiki @Output() Example – Māhele Mākua
• Hoʻopaʻa ʻelua ala piha
• Hoʻonohonoho ʻana i ʻelua ala ʻikepili hoʻopaʻa i ka makua
• Hōʻuluʻulu manaʻo

Mokuna 6. Nā ʻano hoʻohālike i alakaʻi ʻia

• Nā ʻano hoʻohālike i hoʻoikaika ʻia
• Ke lawe mai nei i ka Module Forms
• ʻO ke ala kumu
• Hoʻonohonoho i kahi palapala
• Loaʻa i ka hoʻokomo mea hoʻohana
• Haʻalele ʻana i ka ʻano ʻano ngForm
• E hoʻomaka i ka palapala
• Hoʻopaʻa ʻikepili ʻelua ala
• Hōʻoia palapala
• Nā mea hōʻoia angular
• Ke hōʻike nei i ke kūlana hōʻoia me ka hoʻohana ʻana i nā papa ʻano hoʻokomo hou
• Nā pahu pahu
• E koho i nā kahua (E hoʻokuʻu i lalo).
• Nā koho koho no ke koho ʻana (E hoʻokuʻu i lalo) i nā mahina lā
• Piko Radio
• Hōʻuluʻulu manaʻo

Mokuna 7. Na Palapala Hoohuoi

• Hoʻopau ʻia nā Forms Reactiveview
• Na Poka Hale
• E lawe mai i ReactiveFormsModule
• Hana i kahi ʻano
• E hoʻolālā i ka Template
• Loaʻa i nā waiwai hoʻokomo
• Hoʻomaka i nā kahua hoʻokomo
• Hoʻonohonoho i nā Waiwai Puka
• Kau inoa i nā hoʻololi hoʻokomo
• Hōʻoia
• Nā mea hōʻoia i kūkulu ʻia
• Ke hōʻike nei i ka hewa hōʻoia
• Mea Hoʻoholo Kuʻuna
• Ke hoʻohana nei i kahi mea hōʻoia maʻamau
• Hāʻawi i ka hoʻonohonoho i ka Custom Validator
• FormArray - Hoʻohui ikaika i nā mea hoʻokomo
• FormArray - ʻO ka papa helu
• FormArray – Ka Papahana
• FormArray – Waiwai
• Nā Pūʻulu Pūʻulu Sub - Papa Hui
• Nā Pākuʻi Puʻupuʻu - HTML Template
• No ke aha e hoʻohana ai i nā Sub FormGroups
• Hōʻuluʻulu manaʻo

Mokuna 8. Nā lawelawe a me ka hoʻopili pili

• He aha ka lawelawe?
• Ke hana ʻana i kahi lawelawe kumu
• Ka Papa Hana
• He aha ka Dependency Injection?
• Ke hoʻokolo ʻana i kahi ʻano lawelawe
• Nā mea hoʻopili
• Injector Hierarchy
• Hoʻopaʻa inoa i kahi lawelawe me ka Root Injector
• Kakau inoa ʻana i kahi lawelawe me kahi mea hoʻohuihui
• E hoʻopaʻa inoa i kahi lawelawe me kahi hāmeʻa Module Injector
• Ma hea e hoʻopaʻa inoa ai i kahi lawelawe?
• Hoʻopili i ka Dependency i nā mea hana ʻē aʻe e hāʻawi ana i kahi hoʻokō ʻokoʻa ʻo Dependency Injection a me @Host
• ʻO ka hoʻopaneʻe ʻana a me ka @koho
• Hōʻuluʻulu manaʻo

Mokuna 9. HTTP Client

• ʻO ka Angular HT TP Client
• Ke hoʻohana nei i ka HT TP Client – ​​Overview
• Ke lawe nei i ka HttpClientModule
• Hoʻohana i ka HttpClient
• Ke hana nei i kahi noi GET
• He aha ka hana a kahi mea nānā?
• Ke hoʻohana nei i ka lawelawe ma kahi ʻāpana
• ʻO ka PeopleService Client Component Handling Error Handling
• Hoʻopilikino i ka Mea Hapa
• Ke hana nei i kahi noi POST
• Ke hana nei i kahi noi PUT
• Ke hana nei i kahi noi DELETE

Mokuna 10. Nā Paipu a me ka Ho'opono 'Ikepili

• He aha nā paipu?
• Nā Paipu Hana ʻia
• Ke hoʻohana nei i nā paipu ma ka HTML Template Chaining Pipes
• ʻO nā paipu i hoʻohuihui ʻia (i18n) e hoʻouka ana i ka ʻikepili kūloko
• ʻO ka lā Pipe
• Ka Pipe helu
• Paipu kālā
• E hana i kahi paipu maʻamau
• Paipu Kuʻuna Example
• Ke hoʻohana nei i nā paipu maʻamau
• Ke hoʻohana nei i kahi paipu me ka ngFor
• He paipu kānana
• Māhele Paipu: Maʻemaʻe a me ka Maʻemaʻe
• Hōʻuluʻulu manaʻo
• Paipu Maemae Example
• Paipu haumia Example
• Hōʻuluʻulu manaʻo

Mokuna 11. Hoʻomaka i nā noi ʻaoʻao hoʻokahi

• He aha ka palapala noi ʻaoʻao hoʻokahi (SPA) kuʻuna Web Palapala noi
• Ke Kaʻina Hana SPA
• ʻAoʻao ʻaoʻao hoʻokahi Advantages HTML5 History API
• Nā Luʻi SPA
• Ke hoʻokō nei i ka SPA me ka hoʻohana ʻana i ka Angular Summary

Mokuna 12. Ke Alaula Huihui Angular

• ʻO ka mea alahele hui
• View Hoʻokele
• ʻO ka Angular Router API
• Ke hana ʻana i kahi palapala hoʻohana i hoʻohana ʻia i ke alaala
• Hoʻokipa i nā ʻāpana Routed
• Navigation me ka hoʻohana ʻana i nā loulou a me nā pihi
• Hoʻokele papahana
• Nā ʻāpana alanui hele
• Ke hoʻokele me nā ʻāpana alanui
• Loaʻa i nā Waiwai Parameter Alanui
• E kii ana i ka Laina Alanui i ka manawa like
• Ke kiʻi ʻana i kahi ʻāpana alahele me ka like ʻole
• Nā Kūlana Nīnau
• Hāʻawi i nā ʻāpana nīnau
• Ke kiʻi ʻana i nā ʻāpana nīnau me ka like ʻole
• Nā pilikia me ka Manual URL komo a me ka hoailona puke
• Hōʻuluʻulu manaʻo

Mokuna 13. Mea kūʻai aku HTTP kiʻekiʻe

• Noi Koho
• Hoʻihoʻi ʻana i kahi mea HttpResponse
• Hoʻonohonoho i nā poʻomanaʻo noi
• Ke Hana ʻana i nā mea nānā hou
• Ke hana ʻana i kahi ʻike maʻalahi
• Ka Observable Constructor Method Observable Operators
• ʻO ka palapala ʻāina a me nā mea kānana
• ʻO ka mea hoʻohana flatMap().
• ʻO ka tap() Operator
• ʻO ka zip() Combinator
• Hoʻopio HT TP pane
• Hana ʻana i nā kelepona HT TP
• Hana ʻana i nā Kāhea Kūlike
• Hoʻopilikino i ka mea hewa me catchError()
• Kupa ma ka Pipeline
• Hoʻihoʻi hewa
• Hōʻuluʻulu manaʻo

Mokuna 14. Nā Module Angular

• No ke aha nā modula angular?
• Anatomy o ka Papa Module
• @NgModule Waiwai
• Nā Module Hiʻona
• Example Hoʻolālā Module
• E hana i kahi Module Domain
• E hana i kahi Pair Module Routed/Routing
• Hana i kahi Module lawelawe
• E hana ana i na Module ma'amau

Mokuna 15. Alanui Kiekie

• Hoʻohana ʻia ke alahele hiʻohiʻona Module
• Ke hoʻohana nei i ka Module Hiʻona
• Lazy Hoʻouka ʻana i ka Module Hiʻona
• Ke hana nei i nā loulou no nā ʻāpana Module hiʻona
• Nā mea hou aku e pili ana i ka Lazy Loading
• Preloading Modules
• Alanui Paʻamau
• Alanui Alanui Wildcard
• hoʻohuli hou iā
• Alanui keiki
• Ka wehewehe ana i na alanui keiki
• no na Alanui keiki
• Nā loulou no nā alanui keiki
• Nā kiaʻi hoʻokele
• Ke hana ʻana i nā hoʻokō kiaʻi
• Ke hoʻohana nei i nā kiaʻi ma kahi ala
• Hōʻuluʻulu manaʻo

Mokuna 16. Unit Testing Angular Applications

• Unit Ho'āʻo Angular Artifacts
• Nā mea ho'āʻo ho'āʻo
• Nā ʻanuʻu hoʻāʻo maʻamau
• Nā hopena hoʻāʻo
• ʻO Jasmine Test Suites
• ʻO Jasmine Specs (Nā Hoʻāʻo Unit)
• Manaʻo (Assertions)
• Mea hoʻokūkū
• Examples o ka hoʻohana ʻana i nā matchers
• Ke hoʻohana nei i ka waiwai ʻole
• Hoʻonohonoho a wehe ʻia i loko o nā Suite Test Unit
• Example of beforeEach and afterEach Functions
• Module ho'āʻo angular
• Example Angular Test Module
• Ke ho'āʻo nei i kahi lawelawe
• Ke hoʻokolo ʻana i kahi ʻano lawelawe
• E ho'āʻo i kahi ʻano hana like
• E ho'āʻo i kahi ʻano Asynchronous
• Ke hoʻohana nei i ka mea kūʻai aku HT TP
• Hāʻawi ʻia i ka Pane Canned
• Ke ho'āʻo nei i kahi mea
• Module ho'āʻo ʻāpana
• Ke hana ʻana i kahi laʻana Component
• Ka Papa ComponentFixture
• Ho'āʻo Māhele Kumu
• ʻO ka Papa DebugElement
• Hoʻohālikelike i ka pilina o nā mea hoʻohana
• Hōʻuluʻulu manaʻo

Mokuna 17. Debugging

• Pauview o ka Angular Debugging
• Viewi ka TypeScript Code ma Debugger
• Ke hoʻohana nei i ka huaʻōlelo debugger
• Hoʻopaʻa inoa hoʻopaʻa inoa
• He aha ka Angular DevTools?
• Ke hoʻohana nei i nā Angular DevTools
• Nā Angular DevTools – Hoʻonohonoho ʻāpana
• Nā Angular DevTools - Hoʻololi i ka hoʻokō ʻike
• Ka hopu ʻana i nā hewa Syntax
• Hōʻuluʻulu manaʻo

Nā hoʻomaʻamaʻa Lab

• Lab 1. Introduction to Angular
• Lab 2. Introduction to TypeScript
• Lab 3. Introduction to Components
• Lab 4. Mea Hoʻohālike
• Lab 5. E hana i kahi kiʻi kiʻi
• Lab 6. Puka Paipalapala
• Lab 7. Hana i kahi palapala hoʻoponopono
• Lab 8. Puka Pahu
• Lab 9. Hoʻomohala i kahi lawelawe
• Lab 10. Hoʻomohala i kahi mea kūʻai aku HT TP
• Lab 11. E hoohana i na paipu
• Lab 12. Noi Hoʻokahi ʻAoʻao kumu me ka hoʻohana ʻana i ka Router Lab 13. E kūkulu i kahi palapala ʻaoʻao hoʻokahi (SPA)
• Lab 14. Mea kūʻai aku HT TP kiʻekiʻe
• Lab 15. Ke hoʻohana nei i ka Angular Bootstrap
• Lab 16. Lazy Module Hoʻouka
• Lab 17. Alanui Kiekie
• Lab 18. Ho'āʻo Unite
• Lab 19. Debugging Angular Applications

NO wai ka papa?
Kuhi ʻia kēia papa i kēlā me kēia mea pono e aʻo i nā kumu kumu o ka hoʻomohala ʻana o Angular 12 a hoʻopili iā ia i ka hana ʻana web noi koke. Hiki iā mākou ke hāʻawi a hoʻoponopono i kēia papa hoʻomaʻamaʻa no nā hui nui - mālama i kāu manawa hui, kālā a me nā kumuwaiwai.

NA KUMU
Web ʻO ka ʻike hoʻomohala e hoʻohana ana i ka HTML, CSS a me JavaScript e koi ʻia e loaʻa i ka hapa nui o kēia papa Angular. Pono pū ka ʻike o ka polokalamu kele pūnaewele DOM. ʻAʻole koi ʻia ka ʻike mua Angular, me AngularJS a i ʻole kekahi mana o Angular.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Palapala / Punawai

LUMIFY WORK Angular 12 Programming [pdf] Ke alakaʻi hoʻohana ʻO ka Angular 12 Programming, Angular, 12 Programming, Programming

Nā kuhikuhi

• Palapala Hoʻohana