LUMIFY XOGĦOL Angular 12 Programmazzjoni

GĦALIEX STUDJA DAN IL-KORS

Dan il-kors komprensiv ta 'Programmazzjoni Angular 12 huwa taħlita ta' tagħlim teoretiku u laboratorji prattiċi li jinkludi introduzzjoni għal Angular, segwit minn TypeScript, komponenti, direttivi, servizzi, Klijent HTTP, ittestjar u debugging.
Il-kors huwa mimli b'informazzjoni utli u azzjonabbli li tista' tapplika għax-xogħol tiegħek minnufih. Tgħallem il-prinċipji fundamentali tal-iżvilupp bażiku Angular 12 bħal applikazzjonijiet tal-browser b'paġna waħda, li jirrispondu websiti, u applikazzjonijiet mobbli ibridi.
Nota: Nistgħu wkoll inwasslu taħriġ fuq verżjonijiet oħra ta 'Angular. Jekk jogħġbok ikkuntattjana biex tagħmel inkjesta jew tirreġistra l-interess tiegħek.

X'TITGĦALLEM
Mat-tlestija b'suċċess ta' dan il-kors, inti tkun kapaċi:

• Żviluppa applikazzjonijiet Angulari b'paġna waħda billi tuża Typescript
• Twaqqaf ambjent sħiħ ta 'żvilupp Angolari
• Oħloq Komponenti, Direttivi, Servizzi, Pajpijiet, Formoli, u Validaturi tad-Dwana
• Immaniġġja kompiti avvanzati ta' rkupru tad-dejta tan-netwerk billi tuża dejta Observables Ikkunsma minn REST web servizzi li jużaw il-konnessjonijiet push-data Angular HT TP Client Handle bl-użu tal- WebProtokoll tas-sokits
• Aħdem ma 'Angular Pipes biex tifformattja d-dejta
• Uża karatteristiċi avvanzati tar-Router tal-Komponent Angolari
• Ittestja u debug applikazzjonijiet angolari bl-użu ta 'għodod integrati.

SUĠĠETTI TAL-KORS

Kapitolu 1. Introduzzjoni Angular

• X'inhu Angolari?
• Karatteristiċi Ċentrali tal-Qafas Angolari Każijiet ta' Użu Approprjat
• Blokki tal-Bini ta 'Applikazzjoni Angolari Arkitettura Bażika ta' Applikazzjoni Angolari Installazzjoni u Użu Angolari
• Anatomia ta 'Applikazzjoni Angolari Tmexxi l-Applikazzjoni
• Bini u Skjerament tal-Applikazzjoni Angolari għal Apps Mobbli Indiġeni
• Sommarju

Kapitolu 2. Introduzzjoni għal TypeScript

• Lingwi ta' Programmazzjoni għall-Użu mas-Sintassi Angular TypeScript
• Edituri tal-Ipprogrammar
• Is-Sistema tat-Tip – tiddefinixxi Varjabbli
• Is-Sistema tat-Tip – Tiddefinixxi Arrays
• Tipi Primittivi Bażiċi
• Ittajpja Funzjonijiet
• Inferenza tat-Tip
• Jiddefinixxu Klassijiet
• Metodi tal-Klassi
• Kontroll tal-Viżibilità
• Kostrutturi tal-Klassi
• Kostrutturi tal-Klassi – Formola Alternattiva Oqsma Mhux Inizjalizzata
• Interfaces
• Ħidma mal-Moduli ES6
• var vs let
• Funzjonijiet tal-Vleġġa
• Strings tal-Mudell tas-Sintassi tal-Funzjoni tal-Vleġġa
• Ġeneriċi fil-Klassi
• Ġeneriċi fil-Funzjoni
• Sommarju

Kapitolu 3. Komponenti

• X'inhu Komponent?
• An Eżample Komponent
• Ħolqien ta 'Komponent Bl-użu ta' CLI Angolari
• Il-Klassi tal-Komponent
• Id-Dekoratur @Komponent
• Ir-reġistrazzjoni ta' Komponent fil-Mudell ta' Komponent tal-Modulu tiegħu
• Example: Mudell HelloComponent
• Example: Il-Klassi HelloComponent li tuża Komponent
• Mexxi l-Applikazzjoni
• Ġerarkija tal-Komponent
• Il-Komponent tal-Għerq tal-Applikazzjoni
• Il-Bootstrap File
• Snanar taċ-ċiklu tal-Ħajja tal-Komponent Eżample Lifecycle Hooks
• Stili CSS
• Sommarju

Kapitolu 4. Mudelli tal-Komponent

• Mudelli
• Post tal-Mudell
• Is-Sintassi tal-Mustache {{ }}
• L-issettjar tal-Proprjetajiet tal-Element DOM
• It-Test tal-Korp tal-Element tal-Issettjar
• L-Irbit ta' Avveniment
• Maniġer tal-Avvenimenti tal-Espressjoni
• Evita l-Immaniġġjar ta' Default
• Direttivi ta' Attributi
• Applika stili billi tibdel il-Klassijiet CSS
• Example: ngClass
• Applikazzjoni ta 'Stili Direttament
• Direttivi Strutturali
• Eżegwixxi Template Kondizzjonalment
• Example: ngJekk
• Looping Bl-użu ta' ngFor
• ngGħal Varjabbli Lokali
• Manipulazzjoni tal-Ġbir Eżample – Tħassir ta' Oġġett
• It-Traċċar tal-Oġġetti b'ngFor Skambju ta' Elementi b'Elementi ta' Raggruppament ngSwitch
• Sommarju tal-Varjabbli ta' Referenza tal-Mudell

Kapitolu 5. Komunikazzjoni bejn il-Komponenti

• Bażi tal-Komunikazzjoni
• L-Arkitettura tal-Fluss tad-Data
• Tħejjija tat-Tfal biex Jirċievi Data
• Ibgħat Data mill-Ġenitur
• Aktar Dwar l-Issettjar tal-Proprjetajiet
• Avveniment ta' Sparar minn Komponent
• @Output () Eżample – Komponent Tfal @Output() Eżample – Komponent Ġenitur
• Sħiħ Two Way Binding
• Twaqqif ta' Binding tad-Data Two Way fil-Parent
• Sommarju

Kapitolu 6. Formoli Mmexxija minn Template

• Formoli Mmexxija minn Template
• Modulu ta' Formoli ta' Importazzjoni
• Approċċ Bażiku
• Twaqqif ta 'Formola
• Jkollna Input tal-Utent
• Tħalli barra Attribut ngForm
• Inizjalizza l-Formola
• L-Irbit tad-Data f'żewġ direzzjonijiet
• Validazzjoni tal-Formola
• Validaturi Angolari
• Wiri Stat ta' Validazzjoni Użu ta' Klassijiet Tipi ta' Input Addizzjonali
• Kaxxi ta' kontroll
• Agħżel (Drop Down) Oqsma
• Għażliet ta' Rendering għall-oqsma tad-Data Agħżel (Drop Down).
• Buttuni tar-Radju
• Sommarju

Kapitolu 7. Formoli Reattivi

• Formoli Reattivi Overview
• Il-Blokki tal-Bini
• Importa ReactiveFormsModule
• Ibni Formola
• Iddisinja l-Mudell
• Jkollna Valuri ta 'Input
• Inizjalizzazzjoni tal-Oqsma tal-Input
• L-issettjar tal-Valuri tal-Formola
• Abbonament għal Bidliet ta' Input
• Validazzjoni
• Validaturi Inkorporati
• Juri Żball ta' Validazzjoni
• Validatur tad-dwana
• Bl-użu ta' Validatur Custom
• Forniment ta' Konfigurazzjoni lil Validatur Custom
• FormArray - Żid l-Inputs b'mod dinamiku
• FormArray – Il-Klassi tal-Komponent
• FormArray - Il-Mudell
• FormArray – Valuri
• Sub FormGroups – Klassi tal-Komponent
• Sub FormGroups – Mudell HTML
• Għaliex Uża Sub FormGroups
• Sommarju

Kapitolu 8. Servizzi u Injezzjoni tad-Dipendenza

• X'inhu Servizz?
• Ħolqien ta 'Servizz Bażiku
• Il-Klassi tas-Servizz
• X'inhi l-Injezzjoni tad-Dipendenza?
• L-injezzjoni ta' Istanza ta' Servizz
• Injetturi
• Ġerarkija tal-Injettur
• Reġistrazzjoni ta' Servizz mal-Root Injector
• Reġistrazzjoni ta' Servizz b'Injettur ta' Komponent
• Irreġistra Servizz b'Injettur tal-Modulu tal-Karatteristiċi
• Fejn Tirreġistra Servizz?
• Injezzjoni ta' Dipendenza f'Artifatti Oħra Li Jipprovdu Injezzjoni ta' Dipendenza ta' Implimentazzjoni Alternattiva u @Host
• Injezzjoni tad-Dipendenza u @Fakultattiv
• Sommarju

Kapitolu 9. Klijent HTTP

• Il-Klijent Angular HT TP
• L-użu tal-Klijent HT TP – Fuqview
• L-importazzjoni ta' HttpClientModule
• Servizz billi tuża HttpClient
• Nagħmlu Talba GET
• X'jagħmel Oġġett Osservabbli?
• Użu tas-Servizz f'Komponent
• L-Immaniġġjar ta' Żbalji tal-Komponent tal-Klijent PeopleService
• Customizing l-Oġġett ta 'Żball
• Nagħmlu Talba POST
• Nagħmlu Talba PUT
• Nagħmlu Talba għat-TĦASSIR

Kapitolu 10. Pajpijiet u Formatting tad-Data

• X'inhuma Pajpijiet?
• Pajpijiet Mibnija
• Użu ta 'Pajpijiet f'Kajten ta' Pajpijiet ta' Template HTML
• Pajpijiet Internazzjonalizzati (i18n) Tagħbija tad-Dejta Lokali
• Id-data Pipe
• In-numru Pipe
• Pajp tal-Munita
• Oħloq Pajp tad-Dwana
• Custom Pajp Example
• Bl-użu ta 'pajpijiet tad-dwana
• Bl-użu ta 'Pipe ma' ngFor
• Pajp tal-Filtru
• Kategorija tal-pajp: Pura u Impure
• Sommarju
• Pajp Pur Example
• Pajp Impure Example
• Sommarju

Kapitolu 11. Introduzzjoni għall-Applikazzjonijiet ta' Paġna Unika

• X'inhi Applikazzjoni ta' Paġna Unika (SPA) Tradizzjonali Web Applikazzjoni
• SPA Workflow
• Applikazzjoni ta' Paġna Unika Advantages HTML5 History API
• Sfidi SPA
• Implimentazzjoni ta' SPA's Użu ta' Sommarju Angolari

Kapitolu 12. Ir-Router tal-Komponent Angolari

• Il-Komponent Router
• View Navigazzjoni
• L-API Angular Router
• Ħolqien ta 'Applikazzjoni Ippermettiet Router
• Jospita l-Komponenti Rottati
• Navigazzjoni bl-użu ta' Links u Buttuni
• Navigazzjoni programmatika
• Parametri tar-Rotta li Tgħaddi
• Navigazzjoni bil-Parametri tar-Rotta
• Il-ksib tal-Valuri tal-Parametri tar-Rotta
• Irkuprar tal-Parametru tar-Rotta B'mod Sinkroniku
• L-irkupru ta' Parametru tar-Rotta B'mod Asinkroniku
• Parametri tal-Mistoqsija
• Forniment ta' Parametri ta' Mistoqsija
• Irkuprar Parametri tal-Mistoqsija B'mod Asinkroniku
• Problemi bil-Manwal URL dħul u Bookmarking
• Sommarju

Kapitolu 13. Klijent HTTP Avvanzat

• Talba Għażliet
• Ritorn ta' Oġġett HttpResponse
• Twaqqif tal-Intestaturi tar-Rikjesti
• Noħolqu Osservabbli Ġodda
• Noħolqu Osservabbli Sempliċi
• Il-Metodu Kostruttur Osservabbli Operaturi Osservabbli
• Il-mappa u l-Operaturi tal-filtru
• L-Operatur flatMap().
• L-Operatur tal-vit().
• Il-zip() Combinator
• Caching HT TP Rispons
• Nagħmlu Sejħiet HT TP Sekwenzjali
• Nagħmlu Sejħiet Parallel
• Jippersonalizza Oġġett ta' Żball ma' catchError()
• Żball fil-Pipeline
• Irkupru ta' Żball
• Sommarju

Kapitolu 14. Moduli Angolari

• Għaliex Moduli Angolari?
• Anatomia ta' Klassi ta' Modulu
• @NgModule Properties
• Moduli Karatteristiċi
• Example Struttura tal-Modulu
• Oħloq Modulu ta 'Dominju
• Oħloq Par Modulu Rotat/Rotot
• Oħloq Modulu tas-Servizz
• Ħolqien ta' Moduli Komuni

Kapitolu 15. Rotot Avvanzat

• Modulu ta' Karatteristika ta' Rotot Ippermettiet
• Bl-użu tal-Modulu tal-Karatteristiċi
• Għażżien Tagħbija l-Modulu tal-Karatteristiċi
• Ħolqien ta' Links għall-Komponenti tal-Modulu tal-Karatteristiċi
• Aktar Dwar Tagħbija għażżien
• Moduli tat-tagħbija minn qabel
• Rotta Default
• Wildcard Rotta Mogħdija
• direzzjoni mill-ġdid Biex
• Rotot tat-Tfal
• Id-Definizzjoni tar-Rotot tat-Tfal
• għar-Rotot tat-Tfal
• Links għal Rotot tat-Tfal
• Gwardji tan-Navigazzjoni
• Ħolqien ta' Implimentazzjonijiet tal-Gwardja
• Użu ta' Gwardji f'Rotta
• Sommarju

Kapitolu 16. Applikazzjonijiet Angolari għall-Ittestjar tal-Unità

• Ittestjar tal-Unità Artifacts Angolari
• Ittestjar Għodod
• Passi Tipiċi tal-Ittestjar
• Riżultati tat-Test
• Jasmine Test Suites
• Speċifikazzjonijiet Jasmine (Testijiet tal-Unità)
• Aspettattivi (Asserzjonijiet)
• Matchers
• Examples ta 'Użu ta' Matchers
• Bl-użu mhux Proprjetà
• Setup u Teardown f'Unità Test Suites
• Example ta qabelKull u waraKull Funzjonijiet
• Modulu tat-Test Angolari
• Example Modulu tat-Test Angolari
• Ittestjar ta' Servizz
• L-injezzjoni ta' Istanza ta' Servizz
• Ittestja Metodu Sinkroniku
• Ittestja Metodu Asinkronu
• Bl-użu ta' Mock HT TP Client
• Forniment ta' Rispons fil-Laned
• Ittestjar ta' Komponent
• Modulu tat-Test tal-Komponent
• Ħolqien ta' Istanza ta' Komponent
• Il-Klassi ComponentFixture
• Testijiet tal-Komponent Bażiku
• Il-Klassi DebugElement
• Simulazzjoni tal-Interazzjoni tal-Utent
• Sommarju

Kapitolu 17. Debugging

• Fuqview ta' Debugging Angolari
• Viewting TypeScript Kodiċi fid-Debugger
• Bl-użu tad-debugger Keyword
• Debug Logging
• X'inhu Angular DevTools?
• Uża Angular DevTools
• Angular DevTools - Struttura tal-Komponent
• Angular DevTools - Eżekuzzjoni ta 'Sejbien tal-Bidla
• Qbid ta' Żbalji Sintassi
• Sommarju

Eżerċizzji tal-Lab

• Lab 1. Introduzzjoni għall-Angular
• Lab 2. Introduzzjoni għal TypeScript
• Lab 3. Introduzzjoni għall-Komponenti
• Lab 4. Mudell tal-Komponent
• Lab 5. Oħloq Komponent tal-Gallerija tar-Ritratti
• Lab 6. Formola Mmexxija minn Template
• Lab 7. Oħloq Formola Editja
• Lab 8. Formola Reattiva
• Lab 9. Żviluppa Servizz
• Lab 10. Żviluppa Klijent HT TP
• Lab 11. Uża Pajpijiet
• Lab 12. Applikazzjoni Bażika ta' Paġna Singola bl-Użu tar-Router Lab 13. Ibni Applikazzjoni ta' Paġna Singola (SPA)
• Lab 14. Klijent HT TP Avvanzat
• Lab 15. L-użu ta' Bootstrap Angolari
• Lab 16. Tagħbija tal-Modulu għażżien
• Lab 17. Rotot Avvanzat
• Lab 18. Unit Testing
• Lab 19. Debugging Angolari Applikazzjonijiet

GĦAL MIN HUWA L-KORS?
Dan il-kors huwa mmirat għal kull min għandu bżonn jitgħallem il-prinċipji fundamentali tal-iżvilupp Angular 12 u japplikah għall-ħolqien. web applikazzjonijiet minnufih. Nistgħu wkoll inwasslu u nippersonalizzaw dan il-kors ta’ taħriġ għal gruppi akbar – niffrankaw il-ħin, il-flus u r-riżorsi tal-organizzazzjoni tiegħek.

PREKWIŻITI
Web esperjenza ta 'żvilupp bl-użu ta' HTML, CSS u JavaScript hija meħtieġa biex tikseb l-aħjar minn dan il-kors Angular. L-għarfien tal-browser DOM huwa utli wkoll. L-esperjenza Angular minn qabel, ma 'AngularJS jew kwalunkwe verżjoni ta' Angular, mhix meħtieġa.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Dokumenti / Riżorsi

LUMIFY XOGĦOL Angular 12 Programmazzjoni [pdfGwida għall-Utent Angolari 12 Programmazzjoni, Angolari, 12 Programmazzjoni, Programmazzjoni

Referenzi

• Manwal għall-Utent