LUMIFY WORK Angular 12 siseto

Kini idi ti o fi kọ ẹkọ YI

Ilana siseto Angular 12 okeerẹ yii jẹ apapọ ti ẹkọ imọ-jinlẹ ati awọn ile-iṣẹ ọwọ-lori ti o pẹlu ifihan si Angular, atẹle nipasẹ TypeScript, awọn paati, awọn itọsọna, awọn iṣẹ, Onibara HTTP, idanwo, ati n ṣatunṣe aṣiṣe.
Ẹkọ naa jẹ pẹlu iwulo ati alaye iṣe ti o le lo si iṣẹ rẹ lẹsẹkẹsẹ. Kọ ẹkọ awọn ipilẹ ti idagbasoke Angular 12 ipilẹ gẹgẹbi awọn ohun elo aṣawakiri oju-iwe kan, idahun webojula, ati arabara mobile ohun elo.
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ẹ.

OHUN TI O LE KO
Ni ipari ikẹkọ aṣeyọri, iwọ yoo ni anfani lati:

• Dagbasoke awọn ohun elo Angula oju-iwe kan ni lilo Typescript
• Ṣeto agbegbe idagbasoke Angula pipe
• Ṣẹda Awọn paati, Awọn itọsọna, 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 netiwọki to ti ni ilọsiwaju ni lilo Awọn Ohun akiyesi Je data lati REST web awọn iṣẹ lilo awọn Angular HT TP Client Handle titari-data awọn isopọ lilo awọn WebSockets 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 ohun elo angula nipa lilo awọn irinṣẹ ti a ṣe sinu.

Awọn koko-ọrọ dajudaju

Chapter 1. Ifihan Angular

• Kini Angular?
• Awọn ẹya Aringbungbun ti Ilana Angular Ti o yẹ Awọn ọran Lilo
• Awọn bulọọki Ile ti Ohun elo Angular Ipilẹ faaji ti Ohun elo Angular Fifi ati Lilo Angular
• Anatomi ti Ohun elo Angula Ṣiṣe Ohun elo naa
• Ilé ati Gbigbe Ohun elo Angula fun Awọn ohun elo Alagbeka Abinibi
• Lakotan

Chapter 2. Ifihan to TypeScript

• Awọn ede siseto fun Lilo pẹlu Sintasi TypeScript Angular
• Awọn olootu siseto
• The Iru System - Asọye oniyipada
• The Iru System - Asọye orun
• Ipilẹ Atijo Orisi
• Tẹ Awọn iṣẹ
• Iru Inference
• Awọn kilasi asọye
• Awọn ọna Kilasi
• Iṣakoso hihan
• Class Constructors
• Kíláàsì Constructors – Alternate Fọọmù Unitialised Fields
• Awọn atọkun
• Nṣiṣẹ pẹlu ES6 modulu
• var vs jẹ ki
• Awọn iṣẹ itọka
• Arrow Išė iwapọ sintasi Àdàkọ awọn gbolohun ọrọ
• Generics ni Kilasi
• Generics ni Išė
• Lakotan

Chapter 3. irinše

• Kini Ẹka kan?
• Ohun Example paati
• Ṣiṣẹda paati kan Lilo CLI Angular
• Kilasi paati
• The @Component Decorator
• Fiforukọṣilẹ Ẹka kan si Awoṣe Ẹya ara Module Rẹ
• Example: HelloComponent Àdàkọ
• Example: The HelloComponent Class Lilo a paati
• Ṣiṣe Ohun elo naa
• Ilana Logalomomoise
• Ohun elo Gbongbo paati
• Bootstrap naa File
• Paati Lifecycle Hooks Eksample Lifecycle Hooks
• Awọn aṣa CSS
• Lakotan

Chapter 4. paati Awọn awoṣe

• Awọn awoṣe
• Ipo Awoṣe
• Ifọwọsowọpọ Mustache {{}} naa
• Ṣiṣeto Awọn ohun-ini Apo DOM
• Eto Ano Ara Text
• Iṣẹlẹ abuda
• Ikosile ti oyan Handler
• Dena Imudani Aiyipada
• Awọn itọsọna ikalara
• Waye Awọn aṣa nipasẹ Yiyipada Awọn kilasi CSS
• Example: ngClass
• Lilo Awọn aṣa taara
• Awọn Itọsọna Igbekale
• Ni ilodi si Ṣiṣẹ Awoṣe
• Example: ngIf
• Looping Lilo ngFor
• ngFor Agbegbe Awọn iyipada
• Ifọwọyi Gbigba Eksample – Npa ohun kan
• Titọpa Nkan pẹlu ngFor Awọn ohun elo Yipada pẹlu Awọn eroja Ẹgbẹ ngSwitch
• Awoṣe Reference Àyípadà Lakotan

Chapter 5. Inter paati Communication

• 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
• @Ojade() Example – Child Component @Output () Example – Ẹya ara obi
• Full Meji Way abuda
• Ṣiṣeto Isopọ data Ọna Meji ni Obi
• Lakotan

Chapter 6. Àdàkọ ìṣó Fọọmù

• Àdàkọ Ìṣó Fọọmù
• Gbigbe Awọn fọọmu Module
• Ilana Ipilẹ
• Ṣiṣeto Fọọmu kan
• Ngba Input User
• Gbigbe Iwa ngForm silẹ
• Bibẹrẹ Fọọmu naa
• Meji Way Data abuda
• Fọọmu Ifọwọsi
• Angula Validators
• Iṣafihan Ipinle Ifọwọsi Lilo Awọn oriṣi Awọn titẹ sii Awọn kilasi
• 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
• Lakotan

Chapter 7. ifaseyin Fọọmù

• Awọn fọọmu ifaseyin Loriview
• Awọn ohun amorindun Ilé
• Gbe ReactiveFormsModule wọle
• Kọ Fọọmu kan
• Ṣe ọnà rẹ Àdàkọ
• Ngba Awọn iye Input
• Bibẹrẹ Awọn aaye Input
• Eto Fọọmù iye
• Ṣiṣe alabapin si Awọn iyipada Input
• Ifọwọsi
• -Itumọ ti ni Validators
• Nfihan Aṣiṣe Ifọwọsi
• Aṣa Validator
• Lilo Aṣa afọwọsi
• Npese iṣeto ni si Aṣa afọwọsi
• FormArray – Yiyipo Fi awọn igbewọle
• FormArray – Ẹya paati
• FormArray – The Àdàkọ
• FormArray - Awọn iye
• Awọn ẹgbẹ Ipin Fọọmu – Kilasi paati
• Sub FormGroups – HTML Àdàkọ
• Kini idi ti Awọn ẹgbẹ Fọọmu Sub
• Lakotan

Abala 8. Awọn iṣẹ ati Abẹrẹ Igbẹkẹle

• Kini Iṣẹ Iṣẹ kan?
• Ṣiṣẹda kan Ipilẹ Service
• Kilasi Iṣẹ naa
• Kini Abẹrẹ Igbẹkẹle?
• Abẹrẹ Iṣẹ Iṣẹ kan
• Awọn abẹrẹ
• Injector Logalomomoise
• Iforukọsilẹ Iṣẹ pẹlu Abẹrẹ Gbongbo
• Fiforukọṣilẹ Iṣẹ kan pẹlu Injector paati kan
• Forukọsilẹ Iṣẹ kan pẹlu Injector Module Ẹya
• Nibo ni lati forukọsilẹ iṣẹ kan?
• Abẹrẹ Igbẹkẹle ni Awọn Ohun-iṣe Omiiran Pese Abẹrẹ Igbẹkẹle imuse miiran ati @Gbalejo
• Abẹrẹ Igbẹkẹle ati @Iyan
• Lakotan

Chapter 9. HTTP Client

• Onibara HT TP Angular
• Lilo T on HT TP Client – ​​Loriview
• Gbigbe HttpClientModule wọle
• Iṣẹ Lilo HttpClient
• Ṣiṣe ibeere GET kan
• Kini Nkan Ti o Ṣe akiyesi ṣe?
• Lilo Iṣẹ ni Ẹka kan
• Mimu Aṣiṣe Ohun elo Onibara Iṣẹ Eniyan
• Ṣe akanṣe Nkan Aṣiṣe
• Ṣiṣe Ibeere POST
• Ṣiṣe ibeere PUT kan
• Ṣiṣe Ibere ​​​​PAPA

Chapter 10. Pipes ati Data kika

• Kini Awọn Pipes?
• Awọn paipu ti a ṣe sinu
• Lilo Pipes ni HTML Àdàkọ Chaining Pipes
• Internationalized Pipes (i18n) Ikojọpọ Data Agbegbe
• Ọjọ Pipe
• Awọn nọmba Pipe
• Owo Pipe
• Ṣẹda Aṣa Pipe
• Aṣa Pipe Eksample
• Lilo Aṣa Pipes
• Lilo Pipe pẹlu ngFor
• A Filter Pipe
• Ẹka paipu: Mimọ ati alaimọ
• Lakotan
• Pipe Pipe Example
• Pipe Eksample
• Lakotan

Chapter 11. Ifihan to Nikan Page Awọn ohun elo

• Kini Ohun elo Oju-iwe Kanṣoṣo (SPA) Ibile Web Ohun elo
• Sisẹ-iṣẹ SPA
• Nikan Page elo Advantages HTML5 Itan API
• Awọn Ipenija SPA
• Ṣiṣe SPA's Lilo Akopọ Angular

Chapter 12. The angula paati olulana

• Olulana paati
• View Lilọ kiri
• Olulana Angular API
• Ṣiṣẹda Olulana Ohun elo Ṣiṣẹ
• Ngbalejo Awọn ohun elo ti a ti ipa-ọna
• Lilọ kiri Lilo Awọn ọna asopọ ati Awọn bọtini
• Lilọ kiri eto
• Ti o ti kọja Route paramita
• Lilọ kiri pẹlu Awọn paramita Ipa-ọna
• Ngba Awọn iye Paramita Ipa-ọna
• Gbigba Parimita Ipa-ọna pada ni iṣiṣẹpọ
• Mu Parimita Ipa-ọna pada ni Asynchronously
• Awọn Ilana ibeere
• Npese Ibeere Awọn paramita
• Ngbapada Awọn paramita Ibeere ni Asynchronously
• Awọn iṣoro pẹlu Afowoyi URL titẹsi ati Bukumaaki
• Lakotan

Chapter 13. Onibara HTTP ti ni ilọsiwaju

• Beere Aw
• 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ṣẹ Ṣiṣe akiyesi
• Maapu ati àlẹmọ Awọn oniṣẹ
• AlapinMap () oniṣẹ
• Tẹ ni kia kia () oniṣẹ
• The zip () Combinator
• Idahun HT TP caching
• Ṣiṣe Awọn ipe HT TP lesese
• Ṣiṣe Awọn ipe Ti o jọra
• Nkan Aṣiṣe Ṣiṣesọdiṣe pẹlu Aṣiṣe Apeja()
• Aṣiṣe ni Pipeline
• Imularada aṣiṣe
• Lakotan

Chapter 14. angula Modules

• Kini idi ti Awọn modulu Angular?
• Anatomi ti a Module Class
• @NgModule Awọn ohun-ini
• Awọn modulu ẹya-ara
• Example Module Be
• Ṣẹda a ase Module
• Ṣẹda Atọka/Itọpa Module Tọkọtaya
• Ṣẹda a Service Module
• Ṣiṣẹda wọpọ modulu

Chapter 15. To ti ni ilọsiwaju afisona

• Ipa ọna Module ẹya ara ẹrọ
• Lilo Module Ẹya
• Ikojọpọ Ọlẹ Module Ẹya
• Ṣiṣẹda Awọn ọna asopọ fun Awọn ohun elo Module Ẹya
• Diẹ ẹ sii Nipa Ikojọpọ Ọlẹ
• Awọn modulu iṣaju iṣaju
• Aiyipada Route
• Wildcard Route Ona
• àtúnjúwe Si
• Awọn ipa ọna ọmọde
• Asọye omo ipa-
• fun omo Awọn ipa ọna
• Ìjápọ fun omo Awọn ipa ọna
• Awọn oluso lilọ kiri
• Ṣiṣẹda Ṣọ imuse
• Lilo Awọn oluso ni ipa-ọna kan
• Lakotan

Chapter 16. Unit Igbeyewo Angular Awọn ohun elo

• Unit Igbeyewo Angular Artifacts
• igbeyewo Tools
• Awọn Igbesẹ Idanwo Aṣoju
• Awọn abajade Idanwo
• Jasmine igbeyewo suites
• Awọn Apejuwe Jasmine (Awọn Idanwo Ẹka)
• Awọn ireti (Awọn iṣeduro)
• Awọn ibaamu
• Examples ti Lilo Matchers
• Lilo ohun-ini kii ṣe
• Eto ati Teardown ni Unit igbeyewo suites
• Example ti ṣaaju ati lẹhin Awọn iṣẹ kọọkan
• Angular igbeyewo Module
• Example Angula igbeyewo Module
• Idanwo Iṣẹ kan
• Abẹrẹ Iṣẹ Iṣẹ kan
• Ṣe idanwo Ọna Amuṣiṣẹpọ
• Ṣe idanwo Ọna Asynchronous
• Lilo Mock HT TP Client
• Ipese esi akolo
• Idanwo Ẹka kan
• Eroja Igbeyewo Module
• Ṣiṣẹda paati Apeere
• Kilasi ComponentFixture
• Awọn Idanwo Ẹka Ipilẹ
• Kilasi DebugElement
• Simulating User Ibaṣepọ
• Lakotan

Chapter 17. N ṣatunṣe aṣiṣe

• Pariview ti Angula N ṣatunṣe aṣiṣe
• Viewkoodu TypeScript ni Debugger
• Lilo Koko yokokoro
• Ṣiṣe atunkọ
• Kini Awọn DevTools Angular?
• Lilo Angular DevTools
• Awọn DevTools angula – Ẹya paati
• Awọn DevTools Angula – Yi Ipaniyan Iwari pada
• Mimu Asise Sintasi
• Lakotan

Lab Awọn adaṣe

• Lab 1. Ifihan to Angular
• Lab 2. Ifihan to TypeScript
• Lab 3. Ifihan to irinše
• Lab 4. Awoṣe paati
• Lab 5. Ṣẹda a Photo Gallery paati
• Lab 6. Awoṣe ìṣó Fọọmù
• Lab 7. Ṣẹda ohun Ṣatunkọ Fọọmù
• Lab 8. Ifaseyin Fọọmù
• Lab 9. Se agbekale a Service
• Lab 10. Dagbasoke HT TP Client
• Lab 11. Lo Pipes
• Lab 12. Ohun elo Oju-iwe Kanṣoṣo Ipilẹ Lilo olulana Lab 13. Kọ Ohun elo Oju-iwe Kan Kan (SPA)
• Lab 14. Onibara HT TP Onitẹsiwaju
• Lab 15. Lilo Angular Bootstrap
• Lab 16. Ọlẹ Module Loading
• Lab 17. To ti ni ilọsiwaju afisona
• Lab 18. Unit Igbeyewo
• Lab 19. N ṣatunṣe awọn ohun elo Angular

TANI EPA FUN?
Ẹkọ yii jẹ ifọkansi si ẹnikẹni ti o nilo lati kọ ẹkọ awọn ipilẹ ti idagbasoke Angular 12 ati lo si ṣiṣẹda web awọn ohun elo lẹsẹkẹsẹ. 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.

AWON Ibere
Web iriri idagbasoke nipa lilo HTML, CSS ati JavaScript ni a nilo lati ni anfani pupọ julọ ninu iṣẹ ikẹkọ Angular yii. Imọ ti ẹrọ aṣawakiri DOM tun wulo. Iriri Angular iṣaaju, pẹlu AngularJS tabi eyikeyi ẹya ti Angular, ko nilo.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Awọn iwe aṣẹ / Awọn orisun

LUMIFY WORK Angular 12 siseto [pdf] Itọsọna olumulo Angular 12 siseto, Angular, 12 siseto, siseto

Awọn itọkasi

• Itọsọna olumulo