Ohun elo ATI WEB IDAGBASOKE
Angular 15 siseto
AGBO 5 ọjọ
ẸYA 15
Kini idi ti o fi kọ ẹkọ YI
Itọkasi ati okeerẹ ikẹkọ Angula 15 ikẹkọ pese awọn olukopa pẹlu awọn ọgbọn ti wọn le lo lẹsẹkẹsẹ ni iṣẹ wọn. Iwọ yoo kọ ẹkọ awọn ipilẹ ti idagbasoke Angular 15 gẹgẹbi awọn ohun elo aṣawakiri oju-iwe kan ṣoṣo, idahun webojula, ati arabara mobile applicat ions.
Ẹkọ yii jẹ ion apapọ ti ẹkọ imọ-jinlẹ ati awọn ile-iṣẹ ọwọ-lori ti o pẹlu ion ifakalẹ si Angular, atẹle nipasẹ TypeScript, awọn paati, ives taara, awọn iṣẹ, HTTPClient, ing idanwo, ati n ṣatunṣe aṣiṣe.
Akiyesi: A tun le ṣe ikẹkọ lori awọn ẹya miiran ti Angular. Jọwọ kan si wa lati ṣe ibeere tabi forukọsilẹ anfani rẹ.
ANGULAR NI IṢẸ LUMIFY
OHUN TI O LE KO
Ni ipari aṣeyọri ti iṣẹ-ẹkọ yii, iwọ yoo ni imọ si:
- Dagbasoke oju-iwe ẹyọkan Angula applicat ions lilo Typescript
- Ṣeto agbegbe idagbasoke Angula pipe
- Ṣẹda Awọn ohun elo, Awọn iwin Taara, Awọn iṣẹ, Awọn paipu, Awọn fọọmu, ati Awọn afọwọsi Aṣa
- Mu awọn iṣẹ-ṣiṣe igbapada data nẹtiwọki to ti ni ilọsiwaju ni lilo Awọn akiyesi
- Je data lati REST web awọn iṣẹ lilo Onibara HTTP Angular
- Mu titari-data so ions lilo awọn WebSocket Ilana
- Ṣiṣẹ pẹlu Awọn paipu Angular lati ṣe ọna kika data
- Lo awọn ẹya ara ẹrọ olulana Angula to ti ni ilọsiwaju
- Idanwo ati ṣatunṣe awọn ions applicat angula nipa lilo awọn irinṣẹ ti a ṣe sinu
- Ṣiṣẹ pẹlu Angular CLI
Olukọni mi jẹ nla ni anfani lati fi awọn oju iṣẹlẹ sinu awọn iṣẹlẹ aye gidi ti o ni ibatan si ipo mi pato.
A ṣe mi lati ni itara lati akoko ti mo de ati agbara lati joko bi ẹgbẹ kan ni ita yara ikawe lati jiroro awọn ipo wa ati awọn ibi-afẹde wa niyelori pupọ.
Mo kọ ẹkọ pupọ ati pe o ṣe pataki pe awọn ibi-afẹde mi nipa lilọ si ikẹkọ yii ni a pade.
Nla ise Lumify Work egbe.
AMANDA NIKO
IT support Service Manager – ILERA WORLD LIMITED
Awọn koko-ọrọ dajudaju
- Ifihan Angular
• Kini Angular?
• Aarin Awọn ẹya ara ẹrọ ti Angular Framework
• Awọn igba lilo ti o yẹ
• Awọn ohun amorindun Ilé ti Ohun elo Angular
• Ipilẹ faaji ti ohun Angula Ohun elo
Fifi sori ẹrọ ati Lilo Angular
• Anatomi ti ẹya Angula Applicat ion
• Nṣiṣẹ awọn Applicat ion
• Ilé ati Gbigbe Ohun elo naa
• Angula fun Abinibi Mobile Apps - Ifihan si TypeScript
• Awọn ede siseto fun Lilo pẹlu Angular
• Sintasi TypeScript
• Awọn atunto siseto
• Eto Iru – Def ining Variables
• Eto Iru – Def ining Arrays
• Ipilẹ Primit ive Oriṣi
Tẹ ni Awọn ions Iṣẹ
• Iru Inference
• Awọn kilasi asọye
• Awọn ọna kilasi
• Iṣakoso hihan
• Class Constructors
• Class Constructors – Idakeji Fọọmù
• Awọn aaye ti a ko ni ipilẹṣẹ
• Awọn atọkun
• Nṣiṣẹ pẹlu ES6 Modulu
• var vs jẹ ki
• Awọn iṣẹ itọka
Sintasi Iwapọ Iṣe Arrow
• Awọn okun Awoṣe
• Generics ni Kilasi
• Generics ni Išẹ ion - Awọn eroja
• Kini Ẹka kan?
• Eksample paati
Ṣẹda paati Lilo CLI Angular
• Kilasi paati
• Ohun ọṣọ @Component
• Fiforukọṣilẹ paati si Module Rẹ
Awoṣe paati
• Eksample: HelloComponent Àdàkọ
• Eksample: The HelloComponent Class
Lilo paati kan
Ṣiṣe ohun elo naa
• Ilana Logalomomoise
• Ohun elo ion Root paati
• Awọn Bootstrap File
• paati Lifecycle Hooks
• Eksample Lifecycle Hooks
• Awọn aṣa CSS - Awọn awoṣe paati
• Awọn awoṣe
• Ipo Àdàkọ
• Mustache {{ }} Sintasi
• Ṣiṣeto Awọn ohun-ini Elementi DOM
• Eto Ano Ara Ọrọ
• Iṣẹlẹ abuda
• Ikosile Iṣẹlẹ Handler
Dena Imudani Aiyipada
• Awọn itọsọna ikalara
• Waye Awọn aṣa nipasẹ Yiyipada Awọn kilasi CSS
• Eksample: ngClass
• Nbere Styles Taara
• Awọn Itọsọna igbekale
• Ṣiṣe Awoṣe Ni ipo
• Eksample: ngIf
Looping Lilo ngFor
• ngFor Agbegbe Awọn iyipada
• Ifọwọyi Gbigba
• Eksample – Npa ohun kan
• Titele nkan pẹlu ngFor
• Yipada eroja pẹlu ngSwitch
• Awọn eroja akojọpọ
• Ayipada Reference Àdàkọ - Inter paati Ibaraẹnisọrọ
• Awọn ipilẹ ibaraẹnisọrọ
• The Data Flow Architecture
• Ngbaradi Ọmọde lati Gba Data
Firanṣẹ Data lati ọdọ Obi
Diẹ ẹ sii Nipa Eto Awọn ohun-ini
• Iṣẹlẹ ibọn lati Ẹka kan
• @Ijade () Example – Child paati
• @Ijade () Example – Ẹya ara obi
• Full Meji Way abuda
• Ṣiṣeto Isopọ data Ọna Meji ni Obi - Àdàkọ e Driven Fọọmù
• Awoṣe Awọn Fọọmu Iwakọ
• Modulu Fọọmu agbewọle
• Ilana Ipilẹ
• Ṣeto Fọọmu kan
Ngba Igbewọle olumulo
• Omitting ngForm Attribute
• Bibẹrẹ Fọọmu naa
• Meji Way Data abuda
• Fọọmu Ifọwọsi
• Angula Validators
Fifihan Ipinle ion Validat Lilo Awọn kilasi
• Afikun Inpu Orisi
• Awọn apoti ayẹwo
Yan (Ju silẹ) Awọn aaye
Awọn aṣayan Rendering fun Yiyan (Ju silẹ)
• Awọn aaye ọjọ
• Awọn bọtini Redio - Awọn fọọmu ifaseyin
• Ifaseyin Fọọmù Loriview
• Awọn ohun amorindun Ilé
Ṣe agbewọle Fọọmu AṣeṣeṣeModule
• Kọ Fọọmu kan
• Ṣe ọnà rẹ Àdàkọ
Ngba Awọn iye Ti nwọle
• Bibẹrẹ Awọn aaye Input
• Eto Fọọmù iye
Ṣiṣe alabapin si Awọn iyipada titẹ sii
• Afọwọsi
• -Itumọ ti ni Validators
Fifihan Aṣiṣe Ifọwọsi
• Aṣa Validator
Lilo Aṣa afọwọsi
• Ipese iṣeto ni si Aṣa Validator
FormArray – Yiyipo Fi awọn igbewọle
• FormArray – Ẹya paati
FormArray – Àdàkọ
• FormArray – Awọn iye
• Awọn ẹgbẹ Fọọmu Sub – Kilasi paati
Awọn ẹgbẹ Fọọmu Sub – Awoṣe HTML
• Kí nìdí Lo Sub FormGroups - Awọn iṣẹ ati Abẹrẹ Igbẹkẹle
• Kini Iṣẹ Iṣẹ kan?
Ṣẹda Iṣẹ Ipilẹ kan
• Kilasi Iṣẹ naa
• Kini Abẹrẹ Igbẹkẹle?
• Abẹrẹ Iṣẹ Iṣẹ kan
• Awọn abẹrẹ
• Injector Logalomomoise
Fiforukọṣilẹ Iṣẹ pẹlu Abẹrẹ Gbongbo
Fiforukọṣilẹ Iṣẹ pẹlu Abẹrẹ paati kan
• Forukọsilẹ Iṣẹ pẹlu Abẹrẹ Module Ẹya
Nibo ni lati forukọsilẹ Iṣẹ kan?
• Abẹrẹ Igbẹkẹle ni Awọn ohun-elo miiran
• Npese imuse miiran
• Abẹrẹ Igbẹkẹle ati @Gbalejo
• Abẹrẹ Igbẹkẹle ati @Iyan - Onibara HTTP
• Onibara HTTP Angula
Lilo Onibara HTTP – O pariview
Gbe wọle HttpClientModule
• Iṣẹ Lilo HttpClient
Ṣiṣe ibeere GET kan
• Kini Nkan Ti o Ṣe akiyesi ṣe?
Lilo Iṣẹ ni Ẹka kan
• Ohun elo Onibara Iṣẹ Eniyan
Mimu ašiše
Ṣiṣesọsọ Nkan Aṣiṣe
Ṣiṣe Ibeere POST
Ṣiṣe ibeere PUT kan
Ṣiṣe Ibere Parẹ - Paipu ati Data kika
• Kí ni Pipes?
• Awọn paipu ti a ṣe sinu
• Lilo Pipes ni HTML Àdàkọ
• Chaining Pipes
• Internat ionalized Pipes (i18n)
• Nkojọpọ Data Agbegbe
• Awọn ọjọ Pipe
• Awọn nọmba Pipe
• Owo Pipe
• Ṣẹda Aṣa Pipe
• Aṣa Pipe Example
• Lilo Aṣa Pipes
• Lilo Pipe pẹlu ngFor
• A Filter Pipe
• Ẹka Pipe: Mimọ ati Aimọ
• Pipe Pipe Example
• Pipe Eksample - Ifihan si Awọn ohun elo Oju-iwe Kanṣoṣo
• Kini ion Ohun elo Oju-iwe Kanṣoṣo (SPA)
• Ibile Web Ohun elo
• Sisẹ Ṣiṣẹ Sipaa
• Nikan Page elo Advantages
• HTML5 Itan API
• Awọn Ipenija SPA
• Ṣiṣe SPA ká Lilo Angular - Olulana paati angula
• Olulana paati
• View Lilọ kiri
• Olulana Angular API
• Ṣiṣẹda ohun elo olulana ṣiṣẹ
• Alejo Awọn ohun elo Yipada
• Lilọ kiri Lilo Awọn ọna asopọ ati awọn bọtini
• Lilọ kiri eto
Awọn paramita Ipa-ọna ti nkọja
• Lilọ kiri pẹlu Awọn paramita ipa ọna
• Ngba Awọn iye Paramita Ipa-ọna
Gbigba Parimita Ipa-ọna pada ni iṣọkan
Gbigba Parimita Ipa-ọna kan pada laisepo
• Awọn ibeere ibeere
• Npese ibeere Awọn paramita
Mimu Awọn Ibeere Ibere pada ni Ajọpọ
• Awọn iṣoro pẹlu Afowoyi URL titẹsi ati Bukumaaki - Onibara HTTP ti ni ilọsiwaju
Awọn aṣayan ibeere
Pada Nkan Idahun Http pada
• Eto Awọn akọle Ibere
• Ṣiṣẹda New Observables
• Ṣiṣẹda A Simple Observable
• Ọna Constructor ti o ṣe akiyesi
• Awọn oniṣẹ ti o ṣe akiyesi
• Maapu ati àlẹmọ Awọn oniṣẹ
• AlapinMap () oniṣẹ
• Oluṣe () tẹ ni kia kia
• The zip () Combinator
Idahun HTTP caching
Ṣiṣe awọn ipe HTTP lesese
Ṣiṣe awọn ipe ti o jọra
• Nkan Aṣiṣe Isọdisọdipọ pẹlu Aṣiṣe Apeja()
• Aṣiṣe ni Pipeline
• Imularada aṣiṣe - Awọn modulu angula
• Kí nìdí Angular Modules?
• Anatomi ti a Module Class
• @NgModule Awọn ohun-ini
• Awọn ẹya ara ẹrọ modulu
• Eksample Module Be
• Ṣẹda a ase Module
• Ṣẹda Itọpa-ọna/Itọpa Module Tọkọtaya
Ṣẹda Modulu Iṣẹ
• Ṣiṣẹda wọpọ modulu
• Lilo Module Kan Lati Omiiran - To ti ni ilọsiwaju afisona
• afisona Ṣiṣẹ Module ẹya ara ẹrọ
• Lilo Module Ẹya
• Ọlẹ Loading awọn ẹya ara ẹrọ Module
• Ṣiṣẹda Awọn ọna asopọ fun Awọn ẹya ara ẹrọ Module Ẹya
• Diẹ ẹ sii Nipa Ọlẹ Loading
Awọn modulu iṣaju iṣaju
• olulanaLinkActive abuda
• Ipa ọna aiyipada
• Wildcard Route Ona
àtúnjúweTo
• Awọn ipa ọna ọmọde
• Itumọ Awọn ipa ọna ọmọde fun Awọn ipa ọna ọmọde
• Awọn ọna asopọ fun Awọn ipa ọna ọmọde
• Awọn oluso lilọ kiri
• Ṣiṣẹda Ṣọ imuse
Lilo Awọn oluso ni ipa-ọna kan - Awọn ohun elo Angular Idanwo Unit
• Unit Igbeyewo Angular Artifacts
• Awọn irinṣẹ Idanwo
• Awọn Igbesẹ Idanwo Aṣoju
Awọn esi idanwo
• Jasmine igbeyewo suites
Awọn alaye lẹkunrẹrẹ Jasmine (Awọn idanwo apakan)
• Awọn ireti (Idaniloju awọn ions)
• Awọn ibaamu
• Eksamples ti Lilo Matchers
Lilo ohun-ini kii ṣe
• Eto ati Teardown ni Unit igbeyewo Suites
• Eksample ti ṣaaju ati lẹhin Awọn iṣẹ kọọkan
• Angular igbeyewo Module
• Eksample Angula igbeyewo Module
Idanwo Iṣẹ kan
• Abẹrẹ Iṣẹ Iṣẹ kan
Ṣe idanwo Ọna Amuṣiṣẹpọ kan
Ṣe idanwo Ọna Asynchronous
Lilo Onibara HTTP Mock
• Ipese esi akolo
Ṣe idanwo Ẹka kan
• Eroja Igbeyewo Module
• Ṣiṣẹda paati paati
• Kilasi ComponentFixture
• Awọn Idanwo Ẹka Ipilẹ
• Kilasi DebugElement
• Simulating User Ibaṣepọ - N ṣatunṣe aṣiṣe
• Pariview ti Angula N ṣatunṣe aṣiṣe
• Viewkoodu TypeScript ni Debugger
Lilo Koko yokokoro
• Ṣiṣatunṣe aṣiṣe
• Kini Angular DevTools?
Lilo awọn DevTools Angula
• Awọn DevTools angula – Ẹya paati
• Awọn DevTools Angula – Yi Iwari Iwadi ion Execut
Mimu Awọn aṣiṣe Sintasi
TANI EPA FUN?
Ikẹkọ yii jẹ ifọkansi si ẹnikẹni ti o nilo lati kọ ẹkọ awọn ipilẹ ti idagbasoke Angular 15 ati lo taara si ṣiṣẹda web awọn ohun elo.
A tun le ṣe ifijiṣẹ ati ṣe akanṣe ikẹkọ ikẹkọ yii fun awọn ẹgbẹ nla – fifipamọ akoko eto rẹ, owo ati awọn orisun. Fun alaye diẹ sii, jọwọ kan si wa nipasẹ imeeli lori ph.training@lumifywork.com
AWON Ibere
- Web iriri idagbasoke nipa lilo HTML, CSS, ati JavaScript ni a nilo lati ni pupọ julọ ninu iṣẹ-ẹkọ Angular yii
- Imọ ti aṣawakiri DOM tun wulo
- Ko si iriri iṣaaju ti Angular tabi AngularJS ti nilo
Ipese awọn iwe-ẹkọ yii nipasẹ Lumify Work ni iṣakoso nipasẹ awọn ofin ati awọn ipo ifiṣura.
Jọwọ ka awọn ofin ati awọn ipo ni pẹkipẹki ṣaaju iforukọsilẹ ni awọn iṣẹ ikẹkọ e, nitori iforukọsilẹ ni iṣẹ ikẹkọ jẹ majemu lori gbigba awọn ofin ati ipo e wọnyi.
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
Awọn iwe aṣẹ / Awọn orisun
 |
LUMIFY WORK Angular 15 siseto [pdf] Itọsọna olumulo Angular 15 siseto, siseto |
