LUMIFY WORK Angular 15 Programming User Guide

HOOLAHA A ME WEB HOOLAHA
Helu 15 Papahana
LOA 5 lā
HOOLAHA 15

ʻIkepili huna

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

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

Hāʻawi kēia papa hoʻomaʻamaʻa koʻikoʻi a piha ʻo Angular 15 i nā poʻe i hele mai me nā mākau hiki iā lākou ke hoʻohana koke i kā lākou hana. E aʻo ʻoe i nā kumu o ka hoʻomohala ʻana o Angular 15 e like me ka hoʻohana ʻana i nā ion polokalamu kele pūnaewele hoʻokahi, pane. webnā pūnaewele, a me nā ion hoʻohana kelepona paʻalima.
ʻO kēia papa he hui pū ʻana o ke aʻo ʻana i ka manaʻo a me nā labs lima i loaʻa kahi ion introduction iā Angular, a ukali ʻia e TypeScript, nā ʻāpana, nā lawelawe pololei, nā lawelawe, HTTPClient, hoʻāʻo, a me ka debugging.
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.

ANGULAR AT LUMIFY HANA

KA MEA E A'O AI

I ka pau ʻana o kēia papa, e loaʻa iā ʻoe ka ʻike e:

E hoʻomohala i ka ʻaoʻao hoʻokahi Angular applicant ion me ka Typescript

E hoʻonohonoho i kahi kaiapuni hoʻomohala Angular piha
Hana i nā ʻāpana, Direct ives, Services, Pipes, Forms, a me Custom Validator

Hoʻohana i nā hana kiʻi ʻikepili pūnaewele holomua me ka Observables
E hoʻohana i ka ʻikepili mai REST web nā lawelawe e hoʻohana ana i ka Angular HTTP Client

E hoʻohana i nā ion hoʻokuʻi ʻikepili me ka WebSocket protocol
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ā ion applicant Angular me ka hoʻohana ʻana i nā mea hana i kūkulu ʻia

E hana me ka Angular CLI

Nui koʻu kumu aʻo i hiki ke hoʻokomo i nā hiʻohiʻona i nā hanana honua maoli e pili ana i koʻu kūlana kikoʻī.
Ua hoʻokipa ʻia au mai koʻu hiki ʻana mai a me ka hiki ke noho pūʻulu ma waho o ka lumi papa e kūkākūkā i ko mākou kūlana a he waiwai nui kā mākou mau pahuhopu.
Ua aʻo nui au a manaʻo wau he mea nui ka hoʻokō ʻana o kaʻu mau pahuhopu ma ka hele ʻana i kēia papa.
Hana nui ka hui Lumify Work.AMANDA NICOL
KOKUA IA MANA MANA - HEALTH WORLD LIMITED

NA KUMU HAAWINA

Hoʻokomo ʻana i ka Angular
• He aha ka Angular?
• Nā hiʻohiʻona waena o ka Angular Framework
• Nā hihia hoʻohana kūpono
• Nā Papa kūkulu o kahi noi angular
• Hoʻolālā kumu o kahi noi angular
• Hoʻokomo a hoʻohana ʻana i ka Angular
• Anatomy o kahi iona Applicat Angular
• Ke holo nei i ka Applicat ion
• Ke kūkulu ʻana a me ka hoʻolaha ʻana i ka palapala noi
• Angular no Native Mobile Apps
Introduction to TypeScript
• Nā ʻŌlelo Papahana no ka hoʻohana ʻana me ka Angular
• TypeScript Syntax
• Nā Luna Hoʻoponopono Papahana
• Ke 'ano Pūnaehana - Def ining Variables
• Ka Pūnaehana ʻAno - Def ining Arrays
• Nā ʻAno Primit ive kumu
• E kikokiko i loko o Funct ions
• Type Inference
• wehewehe papa
• Papa Hana
• Mana Mana
• Nā mea hana papa
• Nā mea kūkulu papa – ʻAno ʻē aʻe
• Nā Māhele Uninitialized
• Nā mea pili
• Ke hana pū me ES6 Modules
• var vs let
• Nā hana pua
• Hoʻopaʻa Paʻa Hana Puʻu
• Nā Kākoʻo Template
• Generics ma ka Papa
• Nā Generics i Funct ion

Nā ʻāpana
• He aha ka Component?
• He Example Component
• E hana ana i ka mea hoʻohana me ka Angular CLI
• Ka Papa Hui
• Ka @Component Decorator
• Hoʻopaʻa inoa i kahi ʻāpana i kāna Module
• Mea Hoʻohālike
• Example: HelloComponent Template
• Example: Ka Papa HelloComponent
• Ke hoʻohana ʻana i kahi ʻāpana
• Holo i ka palapala noi
• Hui Hoʻohui
• ʻO ka Applicat ion Root Component
• Ka Bootstrap File
• Nā Hooki Puke Ola
• Exampnā Hooki Ola
• Nā Kāhua CSS
Māhele Māhele
• Māmā
• Kahi wahi hoʻohālike
• ʻO ka ʻūhā {{ }} Syntax
• Hoʻonohonoho ʻana i nā waiwai Element DOM
• Ke hoʻonohonoho ʻana i ke kikokikona o ke kino Element
• Hoʻopaʻa Hana
• Mea Hana Hana Hōʻike
• Kāohi i ka hana paʻamau
• Nā Kūlana Kūlana
• Hoʻopili 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
• Looping hoohana ana i ka ngFor
• ngFor Local Variable
• Hoʻoponopono i ka ʻOhi
• Example – Holoi i kahi mea
• Ka 'imi 'ikamu me ngFor
• Hoʻololi i nā mea me ka ngSwitch
• Hui Hui
• Hoʻololi Kūlana Kūlana

Kūkākūkā Kūwaena
• Nā Kumu Kūkākūkā
• ʻO ka ʻikepili Flow Architecture
• Hoʻomākaukau i ke keiki no ka loaʻa ʻana o ka ʻikepili
• Hoʻouna i ka ʻikepili mai ka makua
• Nā mea hou aku e pili ana i ka hoʻonohonoho ʻana i nā waiwai
• Ke Kipu 'ana mai kekahi Component
• @Hanau() Example – ʻĀpana keiki
• @Hanau() Example – Māhele Mākua
• Hoʻopaʻa ʻelua ala piha
• Hoʻonohonoho ʻana i ka hoʻopaʻa ʻikepili ʻelua ala i ka makua
Hōʻikeʻike a me nā palapala hoʻokele
• Nā Palapala Hoʻoikaika ʻia
• Ke lawe mai nei i ka Module Forms
• Ke ala kumu
• Hoʻonohonoho i kahi palapala
• Loaʻa i ka hoʻokomo mea hoʻohana
• Ke waiho nei i ke ʻano o ka ngForm
• Hoʻomaka i ka palapala
• Hoʻopaʻa ʻikepili ʻElua ala
• Hooia Puka
• Nā mea hōʻoia angular
• Ke hōʻike 'ana i ka Validat ion State me ka ho'ohana 'ana i nā papa
• Nā ʻano hoʻokomo hou
• Nā pahu koho
• E koho i nā kahua (E hāʻule i lalo).
• Nā koho koho no ke koho ʻana (E hoʻokuʻu i lalo)
• Nā kahua lā
• Nā pihi lekiō

Nā ʻano hoʻopaneʻe
• Hoʻopau i nā ʻano hoʻopiʻiview
• Na Poka Hale
• Kau mai i Reactive FormsModule
• E hana i kahi Pepa
• Hoʻolālā i ka Template
• Loaʻa i nā waiwai hoʻokomo
• Hoʻomaka i nā kahua hoʻokomo
• Hoʻonohonoho i nā kumu waiwai
• Kau inoa i nā hoʻololi hoʻokomo
• Hooia
• Nā mea hōʻoia i kūkulu ʻia
• Hōʻike i ka hewa hōʻoia
• Mea Hoʻoholo Kuʻuna
• Ke hoʻohana ʻana i kahi mea hōʻoia maʻamau
• Hāʻawi i ka Configuration i Custom Validator
• FormArray - Hoʻohui ikaika i nā mea hoʻokomo
• FormArray - Ka Papa Hui
• FormArray – Ka Papahana
• FormArray - Waiwai
• Sub FormGroups – Component Class
• Sub FormGrous – HTML Template
• No ke aha e hoʻohana ai i nā Sub FormGroups
Nā lawelawe a me ka hoʻopaneʻe ʻana
• He aha ka lawelawe?
• Hoʻokumu i kahi lawelawe kumu
• Ka Papa Hana
• He aha ka Dependency Injection?
• Ke hoʻokolo ʻana i kahi ʻano lawelawe
• Nā mea hoʻokomo
• Injector Hierarchy
• Kakau inoa i lawelawe me ka Root Injector
• Kakau inoa ana i kahi lawelawe me ka mea hoʻokomo o Component
• E ho'opa'a inoa i kahi lawelawe me kahi mea ho'okomo Module
• Ma hea e hoʻopaʻa inoa ai i kahi lawelawe?
• Hoʻopili pili i nā mea hana ʻē aʻe
• Hāʻawi i kahi hoʻokō ʻokoʻa
• Hoʻopili i ka Dependency a me @Host
• ʻO ka hoʻopaʻa ʻana i ka hilinaʻi a me ka @koho

Mea kūʻai aku HTTP
• Ka Angular HTTP Client
• Ke hoʻohana nei i ka HTTP Client – Overview
• Hoʻokomo i ka HttpClientModule
• lawelawe me ka HttpClient
• Ke hana ʻana i kahi noi GET
• He aha ka hana a ka mea nānā?
• Ke hoʻohana ʻana i ka lawelawe ma kahi ʻāpana
• ʻO ka PeopleService Client Component
• Hana hewa
• Hoʻopilikino i ka Mea Hapa
• Noi POST
• Ke hana ʻana i kahi noi PUT
• Ke hana nei i kahi noi DELETE
ʻO nā paipu a me ka ʻikepili ʻikepili
• He aha ka Paipu?
• Nā Paipu Kūloko
• Ke hoʻohana nei i nā paipu ma ka HTML Template
• Paipu kaulahao
• Nā Paipu ionalized Internat (i18n)
• Ke hoʻouka nei i ka ʻikepili kūloko
• Ka lā Paipu
• Ka Pipe helu
• Paipu kālā
• Hana i kahi paipu ma'amau
• Paipu Kuʻuna Example
• Hoʻohana i nā paipu maʻamau
• E hoohana ana i ka paipu me ka ngFor
• He paipu kānana
• Hui Paipu: Maemae a maemae ole
• Paipu Maemae Example
• Paipu haumia Example

Hoʻolauna i nā noi ʻaoʻao hoʻokahi
• He aha ke ano o ka ion palapala noi hookahi (SPA)
• Kuʻuna Web Palapala noi
• SPA Workflow
• Hoʻokahi ʻAoʻao palapala Advantages
• HTML5 History API
• Nā pilikia SPA
• Hoʻokō i ka SPA me ka hoʻohana ʻana i ka Angular
ʻO ka mea hoʻohana huila angular
• Ke Alaula Hui
• View Hoʻokele
• Ka API Alaula Angular
• Ke hana 'ana i ka mea ala alala noi
• Hoʻokipa i nā ʻāpana alahele
• Hoʻokele me ka hoʻohana ʻana i nā loulou a me nā pihi
• Hoʻokele papahana
• Nā Kūlana Alahele Holo
• Hoʻokele me nā ʻāpana alanui
• Loaʻa i nā Waiwai Parameter Alanui
• Hoihoi ana i ka Laina Alanui
• Hoihoi ana i ka Laina Alanui Asynchronously
• Nā Kūlana Nīnau
• Hāʻawi i nā ʻāpana nīnau
• Hoihoi 'ana i nā ʻāpana Nīnau me ka like ʻole
• Nā pilikia me ka Manual URL komo a me ka hoailona puke

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
• Ka Hana ʻana i nā mea nānā hou
• Ke hana 'ana i kahi mea hiki ke nānā 'ia
• ʻO ke ʻano o ke kūkulu ʻana
• Nā mea hana hiki ke nānā
• Ka palapala 'āina a me ka kānana mea hana
• Ka mea hoʻohana flatMap().
• ʻO ke kīpē () mea hoʻohana
• ʻO ka zip() Combinator
• Hoʻopili i ka pane HTTP
• Hana i nā kelepona HTTP Sequential
• Kahea ana i na kahea like
• Hoʻopilikino i ka mea hewa me catchError()
• Hapa ma ka Pipeline
• Hoʻihoʻi hewa
Nā Module Angular
• No ke aha nā Modules Angular?
• Anatomy o ka Papa Module
• @NgModule Properties
• Nā Module Hiʻona
• Example Hoʻolālā Module
• E hana i kahi Module Domain
• Hoʻokumu i kahi Pair Module Routed/Routing
• Hana i kahi Module lawelawe
• E hana ana i na Module ma'amau
• Ke hoʻohana nei i hoʻokahi Module mai kekahi

Alanui Kiekie
• Hoʻohana ʻia ke alahele hiʻohiʻona Module
• Ke hoʻohana nei i ka Module Hiʻona
• Moloā i ka hoʻouka ʻana i ka Module Hiʻona
• Ka hana 'ana i nā loulou no nā 'Āpana Module hi'ona
• Nā mea hou aku e pili ana i ka Lazy Loading
• Preloading Modules
• routerLinkActive paʻa
• Alanui Paʻamau
• Alanui Alanui Wildcard
• redirectTo
• Alanui keiki
• Ka wehewehe ana i na alanui keiki no na alanui keiki
• Nā loulou no nā alanui keiki
• Nā kiaʻi hoʻokele
• Hoʻokumu i nā hoʻokō kiaʻi
• Hoohana i na Kiai ma ke Alanui
Unit ho'āʻo angular noi
• Unit Testing Angular Artifacts
• Nā mea hana hoʻāʻo
• Nā ʻanuʻu hoʻāʻo maʻamau
• Nā hopena ho'āʻo
• Jasmine Test Suites
• Nā kikoʻī ʻo Jasmine (Nā Hoʻāʻo Unit)
• Nā Manaʻo (Assert ions)
• Nā mea pāʻani
• Examples o ka hoʻohana ʻana i nā matchers
• ka hoohana ana i ka waiwai ole
• Hoʻonohonoho a wehe ʻia i loko o Unit Test Suites
• 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 HTTP hoʻohenehene
• Hāʻawi i ka Pane Canned
• Ke ho'āʻo nei i kahi Māhele
• Module ho'āʻo ʻāpana
• Ke hana ʻana i kahi mea hoʻohālike
• Ka Papa ComponentFixture
• Nā ho'āʻo kumu kumu
• Ka Papa DebugElement
• Hoʻohālikelike i ka pilina o nā mea hoʻohana

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 Debug
• He aha ka Angular DevTools?
• Ke hoʻohana nei i nā Angular DevTools
• Nā Angular DevTools - Hui Pūʻulu
• Nā DevTools Angular – Hoʻololi i ka ʻike ion Execut ion
• Ka hopu ʻana i nā hewa Syntax

NO wai ka papa?

Kuhi ʻia kēia papa i kēlā me kēia mea pono e aʻo i nā kumu o ka hoʻomohala ʻana o Angular 15 a hoʻopili koke iā ia i ka hana ʻana. web nā noi.
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. No ka 'ike hou aku, e 'olu'olu e leka uila mai ma ph.training@lumifywork.com

NA KUMU

Web ʻO ka ʻike hoʻomohala e hoʻohana ana i ka HTML, CSS, a me JavaScript e pono e loaʻa i ka mea maikaʻi loa o kēia papa Angular
Pono pū ka ʻike o ka polokalamu kele pūnaewele DOM
ʻAʻole pono ka ʻike mua o Angular a i ʻole AngularJS

ʻO ka hoʻolako ʻana i kēia papa e Lumify Work e hoʻomalu ʻia e nā ʻōlelo a me nā kūlana.
E ʻoluʻolu e heluhelu pono i nā ʻōlelo a me nā ʻōlelo ma mua o ke kau inoa ʻana i kēia papa e, no ka mea, aia ke kau inoa ma ka papa ma ka ʻae ʻana i kēia mau ʻōlelo a me nā kūlana.

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