LUMIFY GALUEGA Angular 12 Polokalama

Aisea e su'esu'e ai lenei kosi

O lenei aʻoaʻoga faʻapitoa Angular 12 Polokalama o se tuʻufaʻatasiga o aʻoaʻoga faʻapitoa ma lima-i luga o labs e aofia ai se folasaga i le Angular, sosoo ai ma le TypeScript, vaega, faʻatonuga, auaunaga, HTTP Client, suʻega, ma faʻapipiʻi.
Ua tumu le kosi i fa'amatalaga aoga ma fa'atino e mafai ona e fa'aoga i lau galuega i le taimi lava lena. Aʻoaʻo faʻavae o le atinaʻe Angular 12 faʻapitoa e pei o talosaga suʻesuʻe itulau e tasi, tali webnofoaga, ma fa'aoga fe'avea'i fe'avea'i.
Manatua: 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.

MEA E TE AʻOAʻOINA
A mae'a lelei lenei kosi, e mafai ona e:

• Atia'e itulau ta'itasi Su'ega talosaga e fa'aaoga ai le Tusitusi
• Seti se si'osi'omaga atina'e Angular atoatoa
• Fausia Vaega, Fa'atonuga, Au'aunaga, Paipa, Fomu, ma Fa'atonu Fa'asinomaga
• Fa'atautaia galuega e toe maua mai ai fa'amatalaga feso'ota'iga e fa'aaoga ai fa'amaumauga a le Observables Consume mai le REST web 'au'aunaga e fa'aoga le Angular HT TP Client Handle push-data connections e fa'aaoga ai le WebSockets protocol
• Galulue ma Angular Pipes e fa'atulaga fa'amaumauga
• Fa'aaogā fa'ailoga maualuga o le Angular Component Router
• Su'e ma debug talosaga Angular e fa'aaoga ai meafaigaluega fa'apipi'i.

MATA'UPU TAUA

Mataupu 1. Fa'ailoaina Angular

• O le a le Angular?
• Vaega Tutotonu o le Angular Framework Tulaga Fa'aoga talafeagai
• Poloka Faufale o se Fa'aoga Su'e Fa'ata'ita'iga Fa'avae o se Talosaga Su'ega Fa'apipi'iina ma Fa'aaogā Fa'asu'u
• Anatomy o se Talosaga Angular Fa'atino le Talosaga
• Fausiaina ma Fa'ata'atia le Application Angular mo Native Mobile Apps
• Aotelega

Mataupu 2. Folasaga ile TypeScript

• Gagana Polokalama mo le Fa'aoga ma le Su'i Su'ega TypeScript
• Fa'atonu Polokalama
• Le Ituaiga Faiga - Fa'amatala Fa'aliliuga
• Le Ituaiga Faiga - Fa'amatala Fa'asologa
• Ituaiga Fa'amuamua
• Tu'i i totonu Galuega
• Ituaiga Fa'ailoga
• Fa'amatala Vasega
• Vasega Metotia
• Pulea Va'aiga
• Fausia Vasega
• Fausia Vasega – Su'i Fa'ailoga Fa'atosina Fa'ato'aga
• Fa'afeso'ota'i
• Galulue ma ES6 Modules
• var vs tu'u
• Galuega aū
• Arrow Function Compact Syntax Template Strings
• Generics i le Vasega
• Generics i Galuega
• Aotelega

Mataupu 3. Vaega

• O le a le Vaega?
• O se Example Vaega
• Fausiaina o se Vaega Fa'aaogā Angular CLI
• Le Vasega Vaega
• O le @Component Decorator
• Le Resitalaina o se Vaega i lana Fa'ata'ita'iga Fa'asologa o Fa'asologa
• Example: HelloComponent Template
• Example: Le Vasega HelloComponent Fa'aaogaina o se Vaega
• Fa'atino le Talosaga
• Vaega Fa'atonu
• O le Vaega o A'a Talosaga
• O le Bootstrap File
• Mea Fa'aigoa Fa'aola Ola Fa'atasiample Lave Lilo Ola
• Sitaili CSS
• Aotelega

Mataupu 4. Fa'ata'ita'iga o Vaega

• Fa'ata'ita'iga
• Nofoaga Fa'ata'ita'i
• O le Misa {{ }} Syntax
• Fa'atulaga DOM Element Properties
• Fa'atulagaina o Elemene Tino
• Fa'amauina o mea na tupu
• Fa'aaliga Mea e fai
• Taofi le Tausiga Fa'aletonu
• Fa'atonuga o uiga
• Fa'aoga Sitaili e ala i le Suia o Vasega CSS
• Example: ngClass
• Fa'aaogā Sa'o o Sitaili
• Fa'atonuga Fa'atonu
• Fa'atino Fa'atonu Fa'atonu
• Example: ngIf
• Looping Fa'aaogaina ngFor
• ngFor Fa'alotoifale Fesuiaiga
• Puleaina o le Aoina Example – Aveesea se Mea
• Su'esu'eina o Aitema ma Elemene o le Suiga o le ngFor ma Elemene Fa'avasegaina o le ngSwitch
• Fa'ata'ita'iga Fa'asinomaga Fa'avasegaga Fesuia'i

Mataupu 5. Feso'ota'iga Fa'atasi

• Feso'ota'iga Fa'avae
• Le Fa'asologa o Fa'amatalaga Fa'asologa
• Saunia le Tamaitiiti e Maua Faʻamatalaga
• Auina atu Faamatalaga mai Matua
• Fa'amatalaga atili e uiga i le Fa'atulagaina o Meatotino
• Ta'a'ina Mea mai se Vaega
• @Autput() Example – Child Component @Output() Example – Matua Vaega
• Fa'ato'a Fa'atasia Ala Lua
• Fa'atuina o Fa'amatalaga Fa'amaumauga e Lua i Matua
• Aotelega

Mataupu 6. Fa'ata'ita'iga Fa'atonu Pepa

• Fa'ata'ita'i Fa'atonu Fomu
• Fa'aulufaleina Forms Module
• Auala Autu
• Fa'atulaga se Pepa
• Mauaina o Fa'amatalaga a le Tagata Fa'aoga
• Ave'esea le Uiga o le Form
• Amata le Fomu
• Fa'amauina o Fa'amatalaga e Lua
• Fa'ailoga Fa'ailoga
• Fa'atonu Angular
• Fa'aali Tulaga Fa'amaonia Fa'aaogā Vasega Ituaiga Fa'aopoopo
• Pusa siaki
• Filifili (Pa'u i lalo) Fields
• Fa'aliliuga Filifiliga mo Filifiliga (Pa'u i lalo) Aso fanua
• Leitio faamau
• Aotelega

Mataupu 7. Faiga Fa'afoliga

• Fa'ato'a Fa'aumaview
• O Poloka Faufale
• Aumai ReactiveFormsModule
• Fausia se Fomu
• Fuafua le Fa'ata'ita'iga
• Mauaina o Fa'atatauga
• 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'aaogaina o se Fa'atonu Fa'asinomaga
• Tuuina atu o Faiga 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 – Fa'ata'ita'iga HTML
• Aisea e Fa'aaoga ai Sub FormGroups
• Aotelega

Mataupu 8. Au'aunaga ma le Fa'alagolago

• O le a le Auaunaga?
• Fausiaina o se Au'aunaga Autu
• Le Vasega Auaunaga
• Ole a le Dependency Injection?
• Tuiina o se Au'aunaga
• Tui
• Fa'atonuga o le Injector
• Le resitalaina o se Au'aunaga ma le Root Injector
• Le resitalaina o se Au'aunaga ma se Fa'asu'i Fa'atasi
• Resitala se Au'aunaga fa'atasi ma se Feature Module Injector
• O fea e Resitala ai se Au'aunaga?
• Fa'alagolago i le tui i isi mea fa'apitoa e tu'uina atu ai se isi fa'atinoga fa'alagolago fa'atatau ma @Host
• Dependency Injection ma @Optional
• Aotelega

Mataupu 9. HTTP Client

• Le Angular HT TP Client
• Fa'aaogaina o le HT TP Client – ​​Ovaview
• Fa'aulufaleina HttpClientModule
• Auaunaga Fa'aaoga 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
• Ole PeopleService Client Component Mease Taulimaina
• Fa'avasegaina o le Mea Sese
• Faia se Talosaga POST
• Faia se Talosaga PUT
• Faia o se Talosaga TA'E

Mataupu 10. Pipa ma Fa'amaumauga Fa'amaumauga

• O a Paipa?
• Paipa Fausia
• Fa'aaogaina o paipa ile HTML Template Chaining Pipes
• Paipa Fa'ava-o-malo (i18n) La'uina o Fa'amaumauga Fa'apitonu'u
• O le paipa aso
• Ole numera Paipa
• 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 le mama
• Aotelega
• Paipa Mama Example
• Paipa le mama Example
• Aotelega

Mataupu 11. Folasaga i Talosaga Itulau Tasi

• O le a le Talosaga Itulau Tasi (SPA) Fa'aleaganu'u Web Fa'atatauga
• SPA Galulue
• Itulau Tasi Talosaga Advantages HTML5 Talafaasolopito API
• SPA Lu'i
• Fa'atinoina ole SPA ile fa'aogaina ole Angular Summary

Mataupu 12. O le Fa'ala'au Fa'aigoa Su'ega

• O le Vaega Fa'aala
• View Tautai
• Le Angular Router API
• Fausiaina o se Talosaga Fa'aagaoioi le Router
• Fa'afeiloa'i vaega Fa'aalaala
• Navigation Fa'aaogā So'oga ma Fa'amau
• Polokalama Navigation
• Fa'asologa o Auala
• Fa'asagaga fa'atasi ma Parata o Auala
• Mauaina o Faiga Fa'atatau ole Auala
• Toe aumai le Parameter Auala Fa'atasi
• Toe aumai se Parameter Auala Asynchronous
• Fa'ailoga Fa'atatau
• Tuuina atu Fa'atatau ole fesili
• Toe aumai Fa'atatau ole Su'esu'e Fa'atasi
• Fa'afitauli ile Tusi Taiala URL ulufale ma Faailoga tusi
• Aotelega

Mataupu 13. Tagata fa'atau HTTP Maualuga

• Talosaga Filifiliga
• Toe faafoiina o se mea HttpResponse
• Seti Ulutala Talosaga
• Fausiaina Fou Mata'ituina
• Fausia o se Mata'utia Fa'afaigofie
• Le Observable Constructor Methods Observable Operators
• Le fa'afanua ma fa'amama Fa'atonu
• O le fa'afanua map() Fa'atonu
• O le tap() Operator
• O le zip() Combinator
• Caching HT TP Tali
• Faia Fa'asologa HT TP Valaau
• Faia o Valaauga Tutusa
• Fa'asinomaga Mea Sese ma catchError()
• Sese ile Pipeline
• Fa'afouga Sese
• Aotelega

Mataupu 14. Modules Angular

• Aisea le Angular Modules?
• Anatomy o se Vasega Module
• @NgModule Meatotino
• Vaega Fa'apitoa
• Example 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

Mataupu 15. Fa'ata'ita'iga Maualuga

• Fa'atonu Fa'atonu Fa'atonu Module
• Fa'aaogāina o le Feature Module
• Paie le utaina o le Feature Module
• Fausiaina o So'oga mo Vaega Fa'apitoa
• More About Lazy Loading
• Fua utaina Modules
• Auala masani
• Wildcard Auala Auala
• toe faasino I
• Auala a Tamaiti
• Fa'amatalaina o Auala a Tamaiti
• mo Tamaiti Auala
• So'oga mo Auala a Tamaiti
• Leoleo Tautai
• Fausia le Fa'atinoga o Leoleo
• Fa'aaogaina o Leoleo i se Auala
• Aotelega

Mataupu 16. Vaega Su'ega Su'ega Su'ega

• Unit Testing Angular Artifacts
• Meafaigaluega Suʻega
• Laasaga Su'ega masani
• I'uga o Su'ega
• Jasmine Test Suites
• Jasmine Specs (Iunite Su'ega)
• Fa'amoemoega (Fa'amatalaga)
• Matchers
• Examples o le Fa'aaogaina o Matchers
• Fa'aaogaina le le Meatotino
• Seti ma Ta'oto i Suega Su'ega Su'ega
• Example of beforeEach and afterEach Functions
• Su'ega Su'ega Su'ega
• Example Su'ega Su'ega Su'ega
• Su'ega o se Au'aunaga
• Tuiina o se Au'aunaga
• Su'e se Metotia Fa'atasi
• Su'e se Metotia Asynchronous
• Fa'aaogāina HT TP Client
• Tuuina atu o Tu'u'apa Tali
• Su'ega o se Vaega
• Vaega Su'ega Module
• Fausiaina o se Vaega Fa'ata'ita'iga
• Le Vasega Fa'atasiga Vaega
• Su'ega Autu Vaega
• Le Vasega DebugElement
• Fa'ata'ita'iga Feso'ota'iga a Tagata Fa'aoga
• Aotelega

Mataupu 17. Debugging

• Ua umaview o Angular Debugging
• Viewi le TypeScript Code i Debugger
• Fa'aaogāina le Debugger Keyword
• Debug Logging
• O le a le Angular DevTools?
• Faʻaaogaina le Angular DevTools
• Angular DevTools – Fa'asologa o Vaega
• Angular DevTools – Suia Su'esu'ega Fa'atinoga
• Pu'eina Syntax Mease
• Aotelega

Fa'amalositino

• Lab 1. Folasaga i Angular
• Lab 2. Folasaga ile TypeScript
• Lab 3. Folasaga i Vaega
• Lab 4. Fa'asologa o Vaega
• Lab 5. Fausia se Vaega o Ata Ata
• Lab 6. Fa'ata'ita'i Fa'atonu Pepa
• Lab 7. Fausia se Fa'atonu Fa'atonu
• Lab 8. Faiga Fa'afoliga
• Lab 9. Atia'e se Au'aunaga
• Lab 10. Fausia se HT TP Client
• Lab 11. Fa'aoga Paipa
• Lab 12. Talosaga Itulau Tasi Tasi Fa'aaogā le Router Lab 13. Fausia se Talosaga Itulau Tasi (SPA)
• Lab 14. Avanoa HT TP Client
• Lab 15. Fa'aaogaina o le Angular Bootstrap
• Lab 16. Lazy Module Loading
• Lab
• Lab 18. Su'ega Iunite
• Lab 19. Debugging Angular Applications

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 12 atinaʻe ma faʻaoga i le fatuina web talosaga vave. 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.

FA'AMATALAGA
Web O le atina'e 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. O le aafiaga muamua Angular, ma AngularJS poʻo soʻo se faʻamatalaga o Angular, e le manaʻomia.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Pepa / Punaoa

LUMIFY GALUEGA Angular 12 Polokalama [pdf] Taiala mo Tagata Fa'aoga Angular 12 Polokalama, Angular, 12 Polokalama, Polokalama

Fa'asinomaga

• Tusi Taiala