LUMIFY WORK Angular 15 Programming User Guide

LUMIFY Angular 15 Programming - Featured Image

APPLIKAZZJONI U WEB ŻVILUPP
Angolari 15 Programmazzjoni
TUL 5-il jum
VERŻJONI 15

GĦALIEX STUDJA DAN IL-KORS

Dan il-kors ta’ taħriġ intensiv u komprensiv ta’ Angular 15 jipprovdi lill-parteċipanti b’ħiliet li jistgħu jużaw immedjatament fix-xogħol tagħhom. Int ser titgħallem il-prinċipji fundamentali tal-iżvilupp Angular 15 bħal applikazzjonijiet ta’ browser b’paġna waħda, li jirrispondu. websiti, u applikazzjonijiet mobbli ibridi.
Dan il-kors huwa kombinazzjoni ta’ tagħlim teoretiku u laboratorji prattiċi li jinkludi introduzzjoni għal Angular, segwit minn TypeScript, komponenti, direttivi, servizzi, HTTPClient, ttestjar, u debugging.
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.

XOGĦOL ANGOLARI FUQ LUMIFY

X'TITGĦALLEM

Meta tlesti b'suċċess dan il-kors, ser ikollok l-għarfien biex:

Żviluppa applikazzjonijiet angolari ta' 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 Observables
Ikkunsma data minn REST web servizzi bl-użu tal-Angular HTTP Client
Immaniġġja l-joni push-data connect bl-użu tal- WebProtokoll tas-sokit
Aħdem ma 'Angular Pipes biex tifformattja d-dejta
Uża karatteristiċi avvanzati tar-Router tal-Komponent Angolari
Ittestja u tiddibaggja l-applikazzjonijiet angolari bl-użu ta 'għodod mibnija
Aħdem ma 'Angular CLI

L-għalliem tiegħi kien kbir li kapaċi jpoġġi xenarji f'każijiet tad-dinja reali li kienu relatati mas-sitwazzjoni speċifika tiegħi.
Inħossni milqugħa mill-mument li wasalt u l-abbiltà li noqgħod bilqiegħda bħala grupp barra l-klassi biex niddiskuti s-sitwazzjonijiet tagħna u l-għanijiet tagħna kienet estremament siewja.
Tgħallimt ħafna u ħassejt li kien importanti li l-għanijiet tiegħi billi nattendi għal dan il-kors intlaħqu.
Xogħol tajjeb Lumify Work tim.AMANDA NICOL
IT SUPPORT SERVICES MANAGER – HEALTH WORLD LIMITED

SUĠĠETTI TAL-KORS

Introduzzjoni Angular
• X'inhu Angolari?
• Karatteristiċi Ċentrali tal-Qafas Angolari
• Każijiet ta' Użu Xieraq
• Bini ta' Applikazzjoni Angolari
• Arkitettura Bażika ta' Applikazzjoni Angolari
• Installazzjoni u Użu Angolari
• Anatomija ta' Applikazzjoni Angolari
• Tmexxi l-Applikazzjoni
• Bini u Skjerament tal-Applikazzjoni
• Angolari għal Apps Mobbli Indiġeni
Introduzzjoni għal TypeScript
• Lingwi ta' Programmazzjoni għall-Użu ma' Angular
• Sintassi TypeScript
• Edituri tal-Programmazzjoni
• Is-Sistema tat-Tip – Definizzjoni ta' Varjabbli
• Is-Sistema tat-Tip – Def ining Arrays
• Tipi Primitivi Bażiċi
• Ittajpja jonji Funct
• Tip Inferenza
• Jiddefinixxu Klassijiet
• Metodi tal-Klassi
• Kontroll tal-Viżibilità
• Kostrutturi tal-Klassi
• Kostrutturi tal-Klassi – Formola Sostituta
• Oqsma mhux inizjalizzati
• Interfaces
• Ħidma mal-Moduli ES6
• var vs let
• Funzjonijiet tal-Vleġġa
• Sintassi kompatta tal-Funzjoni tal-Vleġġa
• Template Strings
• Ġeneriċi fil-Klassi
• Ġeneriċi fil-Funzjoni
Komponenti
• X'inhu Komponent?
• Eżample Komponent
• Il-ħolqien ta' Komponent billi tuża CLI Angolari
• Il-Klassi tal-Komponent
• Il-Dekoratur @Komponent
• Ir-reġistrazzjoni ta' Komponent fil-Modulu tiegħu
• Mudell tal-Komponent
• Eżample: Mudell HelloComponent
• Eżample: Il-Klassi HelloComponent
• L-użu ta' Komponent
• Mexxi l-Applikazzjoni
• Ġerarkija tal-Komponenti
• Il-Komponent tal-Għeruq tal-Applikazzjoni
• Il-Bootstrap File
• Ganċijiet taċ-ċiklu tal-Ħajja tal-Komponent
• Eżample Lifecycle Hooks
• Stili CSS
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
• Event Binding
• Maniġer tal-Avvenimenti tal-Espressjoni
• Evita l-Immaniġġjar ta' Default
• Direttivi ta' Attributi
• Applika stili billi tibdel il-Klassijiet CSS
• Eżample: ngClass
• Applikazzjoni ta' Stili Direttament
• Direttivi Strutturali
• Kundizzjonali Eżegwixxi Template
• Eżample: ngJekk
• Looping Bl-użu ta 'ngFor
• ngFor Varjabbli Lokali
• Manipulazzjoni tal-Ġbir
• Eżample – Tħassir ta' Oġġett
• It-Traċċar tal-Oġġetti b'ngFor
• Skambju ta' Elementi ma' ngSwitch
• Elementi ta' raggruppament
• Varjabbli ta' Referenza tal-Mudell
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 minn Ġ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-Dejta Two Way fil Parent
Templat u Formoli Mmexxija
• Formoli Mmexxija minn Template
• Modulu ta' Formoli ta' Importazzjoni
• Approċċ Bażiku
• Twaqqif ta' Formola
• Ikseb Input tal-Utent
• Tħalli barra Attribut ngForm
• Inizjalizza l-Formola
• Two Way Data Binding
• Validazzjoni tal-Formola
• Validaturi Angolari
• Il-wiri tal-Klassijiet tal-Użu tal-Istat tal-Validazzjoni
• Tipi ta' Input Addizzjonali
• Kaxxi ta' kontroll
• Agħżel (Drop Down) Oqsma
• Għażliet ta' rendering għall-Agħżel (Drop Down)
• Data fields
• Buttuni tar-radju
Forom Reattivi
• Formoli Reattivi Overview
• Il-Bini
• Import Reactive FormsModule
• Ibni Formola
• Iddisinja l-Mudell
• Jakkwistaw 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
• L-użu ta' Validatur Custom
• Forniment ta' Konfigurazzjoni lil Custom Validator
• FormArray – Żid Inputs dinamikament
• 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
Servizzi u Injezzjoni tad-Dipendenza
• X'inhu Servizz?
• Il-ħ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
• Tirreġistra Servizz mal-Root Injector
• Tirreġistra Servizz b'Injettur ta' Komponent
• Irreġistra Servizz b'Injettur tal-Modulu tal-Karatteristiċi
• Fejn Tirreġistra Servizz?
• Injezzjoni tad-Dipendenza f'Artifatti Oħra
• Provvista ta' Implimentazzjoni Alternattiva
• Injezzjoni tad-Dipendenza u @Host
• Injezzjoni tad-Dipendenza u @Fakultattiv
Klijent HTTP
• Il-Klijent HTTP Angolari
• L-użu tal-Klijent HTTP – Fuqview
• Importazzjoni ta' HttpClientModule
• Servizz bl-użu ta' HttpClient
• Tagħmel Talba GET
• X'jagħmel Oġġett Osservabbli?
• L-użu tas-Servizz f'Komponent
• Il-Komponent Klijent PeopleService
• Immaniġġjar ta' Żbalji
• Customizing l-Oġġett ta 'Żball
• Tagħmel Talba POST
• Tagħmel Talba PUT
• Nagħmlu Talba għat-TĦASSIR
Pajpijiet u Formatting tad-Data
• X'inhuma Pajpijiet?
• Pajpijiet Mibnija
• L-użu tal-pajpijiet f'template HTML
• Pajpijiet tal-Katina
• Pajpijiet internazzjonalizzati (i18n)
• Tagħbija tad-Dejta Lokali
• Id-data Pipe
• In-numru Pipe
• Pipe tal-Munita
• Oħloq Pajp tad-Dwana
• Custom Pipe Example
• Użu ta 'pajpijiet tad-dwana
• L-użu ta' Pipe b'ngFor
• Pajp tal-Filtru
• Kategorija tal-pajp: Pura u Impure
• Pure Pipe Example
• Impure Pipe Example
Introduzzjoni għall-Applikazzjonijiet ta' Paġna Unika
• X'inhi Applikazzjoni ta' Paġna Singola (SPA)
• Tradizzjonali Web Applikazzjoni
• SPA Workflow
• Applikazzjoni ta' Paġna Unika Advantages
• HTML5 History API
• Sfidi SPA
• L-implimentazzjoni ta' SPA's bl-użu Angular
Ir-Router tal-Komponent Angolari
• Il-Komponent Router
• View Navigazzjoni
• L-API Angular Router
• Ħolqien ta' Applikazzjoni Ippermettita tar-Router
• Jospita l-Komponenti Rottati
• Navigazzjoni li tuża Links u Buttuni
• Navigazzjoni programmatika
• Parametri tar-Rotta li Tgħaddi
• Navigazzjoni bil-Parametri tar-Rotta
• Il-ksib tal-Valuri tal-Parametri tar-Rotta
• L-irkupru 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
Klijent HTTP Avvanzat
• Talba Għażliet
• Ir-ritorn ta' Oġġett HttpResponse
• Twaqqif ta' Headers tat-Talba
• Ħolqien ta' Osservabbli Ġodda
• Ħolqien ta' Osservabbli Sempliċi
• Il-Metodu tal-Kostruttur Osservabbli
• Operaturi Osservabbli
• Il-mappa u l-Operaturi tal-filtru
• L-Operatur flatMap().
• L-Operatur tal-vit().
• Il-Zip() Combinator
• Caching HTTP Rispons
• Nagħmlu Sejħiet HTTP Sekwenzjali
• Nagħmlu Sejħiet Parallel
• Customizing Error Object ma catchError()
• Żball fil-Pipeline
• Irkupru ta 'żball
Moduli Angolari
• Għaliex Moduli Angolari?
• Anatomija ta' Klassi ta' Modulu
• @NgModule Properties
• Moduli Karatteristiċi
• Eżample Struttura tal-Modulu
• Oħloq Modulu ta 'Dominju
• Oħloq Par Modulu Rotat/Rotot
• Oħloq Modulu tas-Servizz
• Ħolqien ta' Moduli Komuni
• Uża Modulu Wieħed Minn Ieħor
Rotot Avvanzat
• Modulu ta' Karatteristika ta' Rotot Ippermettiet
• L-użu tal-Modulu tal-Karatteristiċi
• Tagħbija għażżien tal-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
• routerLinkActive vinkolanti
• Rotta Default
• Wildcard Route Path
• redirectTo
• Rotot tat-Tfal
• Id-definizzjoni tar-Rotot tat-Tfal għal Rotot tat-Tfal
• Links għal Rotot tat-Tfal
• Gwardji tan-Navigazzjoni
• Il-ħolqien ta' Implimentazzjonijiet tal-Gwardja
• L-użu ta' Gwardji f'Rotta
Applikazzjonijiet Angolari tal-Ittestjar tal-Unità
• Ittestjar tal-Unità Artifacts Angolari
• Għodod tal-Ittestjar
• Passi Tipiċi tal-Ittestjar
• Riżultati tat-Test
• Jasmine Test Suites
• Specs Jasmine (Testijiet tal-Unità)
• Aspettattivi (Asserzjonijiet joni)
• Matchers
• Eżamples ta 'Użu ta' Matchers
• L-użu tal-mhux Proprjetà
• Setup u Teardown f'Unit Test Suites
• Eżample ta qabelKull u waraKull Funzjonijiet
• Modulu tat-Test Angolari
• Eżample Modulu tat-Test Angolari
• Ittestjar ta' Servizz
• L-injezzjoni ta' Istanza ta' Servizz
• Ittestja Metodu Sinkroniku
• Ittestja Metodu Asinkronu
• Bl-użu ta' Mock HTTP 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
Debugging
• Fuqview ta' Debugging Angolari
• Viewting TypeScript Kodiċi fid-Debugger
• Bl-użu tal-Keyma tad-debugger
• Debug Logging
• X'inhu Angular DevTools?
• L-użu ta 'DevTools Angolari
• Angular DevTools - Struttura tal-Komponent
• Angular DevTools – Bidla Individwa jone Eżekuzzjoni jone
• Qbid ta' Żbalji Sintassi

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 15 u japplikah minnufih biex joħloq web applikazzjonijiet.
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. Għal aktar informazzjoni, jekk jogħġbok ikkuntattjana permezz ta' email fuq ph.training@lumifywork.com

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
Mhi meħtieġa l-ebda esperjenza minn qabel ta 'Angular jew AngularJS

Il-provvista ta' dan il-kors minn Lumify Work hija rregolata mit-termini u l-kundizzjonijiet tal-prenotazzjoni.
Jekk jogħġbok aqra t-termini u l-kundizzjonijiet bir-reqqa qabel ma tirreġistra f’dan il-kors, peress li r-reġistrazzjoni fil-kors hija kundizzjonali fuq l-aċċettazzjoni ta’ dawn it-termini u l-kundizzjonijiet.

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