LUMIFY GALUEGA Angular 15 Polokalama Tagata Ta'iala

FAATONUGA MA WEB ATINAE
Angular 15 Polokalama
UMI 5 aso
VERSION 15

Mataupu lalafi

1 Aisea e su'esu'e ai lenei kosi

7 Fa'amatalaga Fa'atatau

Aisea e su'esu'e ai lenei kosi

O lenei aʻoaʻoga faʻapitoa ma faʻapitoa Angular 15 e tuʻuina atu ai i tagata auai ni tomai e mafai ona latou faʻaogaina vave ia latou galuega. O le ae aʻoaʻoina faʻavae o le Angular 15 atinaʻe e pei ole itulau e tasi itulau suʻesuʻe ion, tali mai. webnofoaga, ma ion fe'avea'i fe'avea'i.
O lenei kosi o se tu'ufa'atasiga o a'oa'oga fa'aa'oa'oga ma lima-i luga o fale su'esu'e e aofia ai le fa'atomuaga i le Angular, soso'o ai ma le TypeScript, vaega, sa'o sa'o, au'aunaga, HTTPClient, su'ega, ma le fa'ailoga.
Fa'aaliga: E mafai foʻi ona matou tuʻuina atu aʻoaʻoga i isi lomiga o Angular. Fa'amolemole fa'afeso'ota'i mai matou e fai sau su'esu'ega po'o le resitalaina o lou fiafia.

ANGULAR I LE GALUEGA LUMIFY

MEA E TE AʻOAʻOINA

A mae'a manuia lenei kosi, o le ae maua le malamalama e:

Atiina se itulau e tasi Angular applicant ions e fa'aaoga ai le Typescript

Seti se si'osi'omaga atina'e Angular atoatoa
Fausia Vaega, Fa'atonuga, Au'aunaga, Paipa, Fomu, ma Fa'atonu Fa'atonu

Fa'atautaia galuega e toe maua mai ai fa'amatalaga feso'otaiga e fa'aaoga ai le Observables
Fa'aaoga fa'amatalaga mai le REST web 'au'aunaga e fa'aaoga ai le Angular HTTP Client

Uu fa'aoso-fa'amatalaga feso'ota'iga ion e fa'aaoga ai le WebSocket protocol
Galulue ma Angular Pipes e fa'atulaga fa'amaumauga

Fa'aaogā fa'ailoga maualuga o le Angular Component Router
Su'esu'e ma fa'a'ese'ese iona fa'aoga Angular e fa'aaoga ai meafaigaluega faufale

Galulue ma Angular CLI

Sa lelei tele loʻu faiaoga i le mafai ona tuʻuina atu faʻaaliga i mea moni o le lalolagi e fesoʻotaʻi ma loʻu tulaga patino.
Na ou lagona le taliaina mai le taimi na ou taunuu ai ma le mafai ona nofo o se vaega i fafo atu o le potuaoga e talanoaina o matou tulaga ma o matou sini sa matua taua lava.
E tele mea na ou aʻoaʻoina ma lagona le taua o aʻu sini e ala i le auai i lenei kosi na ausia.
Manuia galuega Lumify Work team.AMANDA NICOL
IT SUPPORT SERVICES PULE – HEALTH WORLD LIMITED

MATA'UPU TAUA

Fa'ailoaina Angular
• O le a le Angular?
• Vaega Tutotonu o le Angular Framework
• Tulaga Fa'aoga Talafeagai
• Poloka Fausia o se Talosaga Angular
• Fa'ata'ita'iga Autu o se Talosaga Angular
• Fa'apipi'i ma le fa'aogaina o le Angular
• Anatomy o se Angular Applicate ion
• Fa'agaoioi le Applicat ion
• Fausiaina ma Fa'asoa le Talosaga
• Angular mo Native Mobile Apps
Folasaga ile TypeScript
• Gagana Polokalama mo le Fa'aoga ma le Angular
• TypeScript Syntax
• Fa'atonu Polokalama
• Le Ituaiga Faiga – Fa'ailoga Fuafuaga
• Le Ituaiga System – Def ining Arrays
• Ituaiga Tulaga Muamua
• Tu'i i totonu Function ions
• Ituaiga Fa'ailoga
• Fa'amatala Vasega
• Metotia Vasega
• Pulea Va'aiga
• Fausia Vasega
• Fausia Vasega – Su'i Faiga
• Field e le'i amataina
• Feso'ota'iga
• Galulue ma ES6 Modules
• var vs let
• Galuega aū
• Arrow Function Compact Syntax
• Manua Fa'ata'ita'iga
• Generics i le Vasega
• Generics i Funct ion

Vaega
• O le a le Vaega?
• O se Example Vaega
• Fausiaina o se Vaega Fa'aaogā le Angular CLI
• Le Vasega Vaega
• Le @Component Decorator
• Le resitalaina o se Vaega i lana Module
• Vaega Fa'ata'ita'i
• Esoample: HelloComponent Template
• Esoample: Le Vasega HelloComponent
• Fa'aaogaina o se Vaega
• Fa'atino le Talosaga
• Vaega Fa'atonu
• O le Vaega o A'a o Talosaga
• O le Bootstrap File
• Fa'aigoa Fa'aola Ola
• Esoample Lave Lilo Ola
• Sitaili CSS
Fa'asologa o Vaega
• Fa'ata'ita'iga
• Nofoaga Fa'ata'ita'i
• O le Misa {{ }} Syntax
• Fa'atulaga DOM Element Properties
• Fa'atulagaina o le Vaega o Tusitusiga
• Fa'amauina o mea na tupu
• Fa'amatalaga Fa'amatalaga Fa'atino
• Taofi le Taulimaina Fa'aletonu
• Fa'atonuga o uiga
• Fa'aoga Sitaili e ala i le Suia o Vasega CSS
• Esoample: ngClass
• Fa'aaogā Sa'o o Sitaili
• Fa'atonuga Fa'atonu
• Fa'atino Fa'atonu Fa'atonu
• Esoample: ngIf
• Looping Fa'aaogaina o le ngFor
• ngMo Fesuiaiga Faalelotoifale
• Fa'atonuina le Aoina
• Esoample – Aveesea se Mea
• Su'esu'eina mea ma le ngFor
• Suia Elemene ma le ngSwitch
• Vaega Fa'avae
• Fa'ata'ita'iga Fa'asinoga Fesuia'i

Feso'ota'iga Fa'atasi
• Feso'ota'iga Fa'avae
• Le Fa'ata'ita'iga Fa'asologa o Fa'amatalaga
• Saunia le Tamaitiiti e Maua Faamatalaga
• Auina atu Faamatalaga mai Matua
• Fa'aopoopo e uiga i le Fa'atulagaina o Meatotino
• Taina o Mea mai se Vaega
• @Output() Example – Vaega Tamaiti
• @Output() Example – Matua Vaega
• Fuafuaga Atoa e Lua
• Fa'atuina o Fa'amatalaga Fa'amatalaga Lua i Matua
Fa'ata'ita'iga ma Fa'atonu Fomu
• Fa'ata'ita'iga Fa'atonu Pepa
• Fa'aulufaleina o Fomu Module
• Auala Autu
• Faatulagaina o se Pepa
• Mauaina o Fa'amatalaga a Tagata Fa'aoga
• Ave'esea le Uiga o Faiga
• Amata le Pepa
• Fa'amauina o Fa'amatalaga e Lua
• Fa'amaoniga o Pepa
• Fa'atonu Su'ega
• Fa'aali Validat ion State Fa'aaogaina Vasega
• Ituaiga Faaopoopo Faaofi
• Pusa siaki
• Filifili (Pau i lalo) Fields
• Fa'aliliuga Filifiliga mo Filifiliga (Pa'u i lalo)
• Aso fanua
• Leitio Ki

Fa'afofoga Fa'afouga
• Toe fo'i Fa'aumaview
• O Poloka Faufale
• Auina mai Reactive FormsModule
• Fausia se Fomu
• Fuafua le Fa'ata'ita'iga
• Mauaina o Fa'atatau Fa'atatau
• Fa'amataina o Fa'aulufalega
• Fa'atulagaina o Tulaga Taua
• Fa'asoa i Suiga Fa'aulu
• Fa'amaoniga
• Fa'atonu Fa'atonu
• Fa'aali le Fa'amaoniga Sese
• Fa'atonu Fa'asinomaga
• Fa'aaogāina o se Fa'atonu Fa'asinomaga
• Tuuina atu le Fa'atonuga i le Custom Validator
• FormArray – Fa'aopoopo Fa'aopoopo mea e fai
• FormArray - O le Vasega Fa'avae
• FormArray – Le Fa'ata'ita'iga
• FormArray – Tulaga Taua
• Sub FormGroups – Vasega Vaega
• Sub FormGroups – HTML Template
• Aisea e Fa'aaoga ai Sub FormGroups
Au'aunaga ma Fa'alagolago
• O le a le Auaunaga?
• Fausiaina o se Auaunaga Autu
• Le Vasega Auaunaga
• O le a le Dependency Injection?
• Tuiina o se Au'aunaga
• Injectors
• Injector Hierarchy
• Le resitalaina o se Au'aunaga i le Root Injector
• Le resitalaina o se Au'aunaga ma se Fa'asu'i a le Vaega
• Resitalaina se Au'aunaga e iai se Fa'apipi'i Fa'apitoa
• O fea e Resitala ai se Au'aunaga?
• Fa'alagolago ile tui ile isi mea
• Tuuina atu o se Fa'atinoga Fa'atino
• Dependency Injection ma @Host
• Dependency Injection ma @Optional

HTTP Client
• Le Angular HTTP Client
• Fa'aaogaina Le HTTP Client - Ovaview
• Fa'aulufale mai le HttpClientModule
• Auaunaga Fa'aaogā HttpClient
• Faia se Talosaga GET
• O le a le mea e fai e se Mea Mata'utia?
• Fa'aaogaina o le Auaunaga i totonu o se Vaega
• O le PeopleService Client Component
• Fa'atonu Fa'aletonu
• Fa'avasegaina le Mea Sese
• Faia se Talosaga POST
• Faia se Talosaga PUT
• Faia se Talosaga TA'E
Pipa ma Fa'amaumauga Fa'amaumauga
• O a Paipa?
• Paipa Fausia
• Fa'aaogaina o paipa ile HTML Template
• Paipa filifili
• Paipa fa'ava-o-malo (i18n)
• Tu'uina o Fa'amatalaga Fa'alotoifale
• O le Paipa aso
• Le numera Pipa
• Pipa Tupe
• Fausia se Pipa Fa'apitoa
• Pipa Fa'apitoa Example
• Fa'aaogaina o Paipa Fa'apitoa
• Fa'aaogaina o se paipa ma le ngFor
• Se Paipa Filter
• Vasega Paipa: Mama ma Le mama
• Paipa Mama Example
• Paipa le mama Example

Folasaga i Talosaga Itulau Tasi
• O le a le tasi Itulau Talosaga ion (SPA)
• Fa'aleaganu'u Web Fa'atatauga
• SPA Galulue
• Itulau Tasi Talosaga Advantages
• HTML5 History API
• Lu'itau a le SPA
• Fa'atinoina ole SPA ile fa'aogaina ole Angular
Le Angular Component Router
• O le Vaega Fa'alava
• View Tautai
• Le Angular Router API
• Fausiaina o se Talosaga Fa'aagaoioi le Ala
• Fa'afeiloa'i Vaega Fa'aalaala
• Navigation Fa'aaogā So'oga ma Fa'amau
• Polokalama Fa'atautaiga
• Fa'asologa o Auala
• Fa'atauva'a ma Parata o Auala
• Mauaina o Faiga Fa'atatau ole Auala
• Toe aumai Fa'atasi le Parameter Auala
• Toe aumai se Parameter Auala Asynchronous
• Fa'ailoga Fa'atatau
• Tuuina atu Fa'atatau o Su'esu'ega
• Toe aumai Fa'atatau o Fa'afesili i le Asynchronous
• Fa'afitauli ile Tusi Taiala URL ulufale ma Faailoga tusi

Tagata fa'atau HTTP maualuga
• Talosaga Filifiliga
• Fa'afo'iina se mea HttpResponse
• Seti Ulutala Talosaga
• Fausiaina Fou Mata'ituina
• Fausiaina o se Mata'utia Fa'afaigofie
• Le Metotia Faufale Mata'ituina
• Tagata e Mata'ituina
• Le fa'afanua ma fa'amama Fa'atonu
• O le fa'afanua () Fa'atonu
• O le tap() Operator
• O le zip() Combinator
• Fa'asaoina HTTP Tali
• Fa'asologa o Valaau HTTP
• Faia o Valaauga Tutusa
• Fa'asinomaga Mea Sese ile catchError()
• Sese ile Pipeline
• Fa'afouga Sese
Modules Angular
• Aiseā o Suʻega Suʻega?
• Anatomy o se Vasega Module
• @NgModule Meatotino
• Vaega Fa'apitoa
• Esoample Fa'atulagaina o Module
• Fausia se Domain Module
• Fausia se Pa'aga Fa'ata'ita'i/Ta'avale
• Fausia se Module Auaunaga
• Fausia Modules masani
• Fa'aaogaina o le tasi Module mai le isi

Fa'ata'ita'iga A'oa'oga
• Fa'atonuga Fa'atonu Fa'atonu Module
• Fa'aaogaina o le Feature Module
• Paie le utaina o le Feature Module
• Fausiaina o So'oga mo Vaega Fa'apitoa
• Fa'amatalaga e uiga i Lazy Loading
• muai utaina Modules
• routerLinkActive fusifusia
• Auala masani
• Wildcard Auala Auala
• redirectTo
• Auala a Tamaiti
• Fa'amalamalamaina o Auala a Tamaiti mo Auala a Tamaiti
• So'oga mo Auala a Tamaiti
• Leoleo Tautai
• Fausia le Fa'atinoga o Leoleo
• Fa'aaogaina o Leoleo i se Auala
Vaega Su'ega Su'ega Talosaga
• Su'ega Su'ega Su'ega Su'ega
• Meafaigaluega Su'ega
• Laasaga masani o Su'ega
• I'uga o Su'ega
• Jasmine Test Suites
• Jasmine Specs (Su'ega Iuni)
• Fa'amoemoega (Asert ions)
• Tagata fetaui
• Esoamples o le Fa'aaogaina o Matchers
• Fa'aaoga le mea e le o Meatotino
• Fa'atonu ma Ta'oto i Suega Su'ega Iunite
• Esoample of beforeEach and afterEach Functions
• Su'ega Su'ega Su'ega
• Esoample Su'ega Su'ega Su'ega
• Su'ega o se Auaunaga
• Tuiina o se Au'aunaga
• Su'e se Metotia Fa'atasi
• Su'e se Metotia Asynchronous
• Fa'aaogaina o le Fa'atauga HTTP Client
• Tuuina atu o Tu'u'apa Tali
• Su'ega o se Vaega
• Vaega Su'ega Module
• Fausiaina o se Vaega Fa'atusa
• Le Vasega Fa'apipi'i Vaega
• Su'ega Vaega Autu
• Le Vasega DebugElement
• Fa'ata'ita'i Feso'ota'iga a Tagata Fa'aoga

Debugging
• Ua umaview o Angular Debugging
• Viewi le TypeScript Code i Debugger
• Fa'aaogaina o le Debugger Keyword
• Debug Logging
• O le a le Angular DevTools?
• Fa'aaogā le Angular DevTools
• Angular DevTools - Fa'asologa o Mea
• Angular DevTools – Suia Su'esu'e le ion Fa'atino ion
• Pu'eina o Fa'asologa o Mea Sese

O AI LE KOSI MO?

O lenei vasega e faʻatatau i soʻo se tasi e manaʻomia le aʻoaʻoina o faʻavae o le Angular 15 atinaʻe ma faʻaoga saʻo i le fatuina web talosaga.
E mafai fo'i ona matou tu'uina atu ma fa'avasegaina lenei kosi a'oa'oga mo vaega tetele - fa'asaoina taimi, tupe ma punaoa a lau fa'alapotopotoga. Mo nisi fa'amatalaga, fa'amolemole fa'afeso'ota'i matou ile imeli ile ph.training@lumifywork.com

FA'AMATALAGA

Web O le atina'e o le poto masani e fa'aaoga ai le HTML, CSS, ma le Javascript e mana'omia e maua ai le tele o mea mai lenei vasega Angular
O le malamalama i le browser DOM e aoga foi
Leai se poto masani o Angular poʻo AngularJS e manaʻomia

O le tu'uina atu o lenei kosi e le Lumify Work e fa'atonutonuina e le fa'atonuga o tu'utu'uga ma aiaiga.
Fa'amolemole faitau ma le toto'a aiaiga ma aiaiga a'o le'i lesitala i lenei kosi, aua o le lesitala i le kosi e fa'atatau i le taliaina o nei tu'utu'uga ma aiaiga .

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