LUMIFY WORK Angular 12 Programado

KIAL STUDI ĈI ĈI KURSO

Ĉi tiu ampleksa kurso de Angular 12 Programado estas kombinaĵo de teoria lernado kaj praktikaj laboratorioj, kiuj inkluzivas enkondukon al Angular, sekvata de TypeScript, komponantoj, direktivoj, servoj, HTTP-Kliento, testado kaj senararigado.
La kurso estas plenplena de utilaj kaj ageblaj informoj, kiujn vi povas tuj apliki al via laboro. Lernu la bazojn de baza disvolviĝo de Angular 12 kiel unupaĝaj retumiloj, respondemaj webretejoj kaj hibridaj moveblaj aplikoj.
Notu: Ni ankaŭ povas liveri trejnadon pri aliaj versioj de Angular. Bonvolu kontakti nin por fari enketon aŭ registri vian intereson.

KION VI LENOS
Post sukcesa fino de ĉi tiu kurso, vi povos:

• Disvolvu unupaĝajn Angulajn aplikaĵojn per Tajpaj skribo
• Agordu kompletan Angular-disvolvan medion
• Kreu Komponentojn, Direktivojn, Servojn, Pipojn, Formojn kaj Proprajn Konfirmilojn
• Pritraktu altnivelajn retdatumajn rehavigajn taskojn per Observeblaj Konsumu datumojn de REST web servoj uzante la Angular HT TP Kliento Handle puŝo-datumaj konektoj uzante la WebProtokolo pri ingoj
• Laboru kun Angulaj Pipoj por formati datumojn
• Uzu altnivelajn funkciojn de Angular Component Router
• Testu kaj sencimigu Angulajn aplikaĵojn per enkonstruitaj iloj.

KURSAFEROJ

Ĉapitro 1. Enkonduko de Angular

• Kio estas Angula?
• Centraj Trajtoj de la Angula Kadro Taŭgaj Uzkazoj
• Konstrubrikoj de Angula Apliko Baza Arkitekturo de Angula Apliko Instalado kaj Uzado de Angula
• Anatomio de Angula Apliko Kuranta la Aplikon
• Konstruado kaj Deplojado de la Apliko Angula por Denaskaj Poŝtelefonaj Aplikoj
• Resumo

Ĉapitro 2. Enkonduko al TypeScript

• Programlingvoj por Uzo kun Angula TypeScript-Sintakso
• Programaj Redaktoroj
• La Tipa Sistemo - Difinaj Variabloj
• La Tipa Sistemo - Difinaj Tabeloj
• Bazaj primitivaj tipoj
• Tajpu Funkciojn
• Tajpu Inferenco
• Difinante Klasojn
• Klasaj Metodoj
• Kontrolo de Videbleco
• Klasaj Konstruistoj
• Klasaj Konstruistoj - Alternaj Formoj Nekomencigitaj Kampoj
• Interfacoj
• Laborante kun ES6-Moduloj
• var vs let
• Sago Funkcioj
• Sago Funkcio Kompakta Sintakso Ŝablono Ŝnuroj
• Generiko en Klaso
• Generics en Funkcio
• Resumo

Ĉapitro 3. Komponentoj

• Kio estas Komponanto?
• An Example Komponanto
• Krei Komponon Uzanta Angula CLI
• La Komponanta Klaso
• La @Komponanto Dekoraciisto
• Registrante Komponanton al Ĝia Modula Komponenta Ŝablono
• Example: HelloComponent Ŝablono
• Example: La HelloComponent Klaso Uzanta Komponanton
• Rulu la Aplikon
• Komponanta Hierarkio
• La Aplika Radika Komponento
• La Bootstrap File
• Komponanto Lifecycle Hooks Ekzample Lifecycle Hooks
• CSS-stiloj
• Resumo

Ĉapitro 4. Komponantaj Ŝablonoj

• Ŝablonoj
• Ŝablona Loko
• La Liphararo {{ }} Sintakso
• Agordi DOM Elementaj Propraĵoj
• Agordi Elementa Korpa Teksto
• Event Binding
• Esprimo Eventa Pritraktilo
• Malhelpi defaŭltan uzadon
• Atributaj Direktivoj
• Apliki Stilojn Ŝanĝante CSS-Klasojn
• Example: ngClass
• Aplikante Stilojn Rekte
• Strukturaj Direktivoj
• Kondiĉe Exekuti Ŝablono
• Example: ngSe
• Looping Uzante ngFor
• ngPor Lokaj Variabloj
• Manipulado de la Kolekto Ekzample – Forigo de Ero
• Ero-Spurado kun ngFor Interŝanĝado de Elementoj kun ngSwitch Grupiganta Elementojn
• Ŝablona Referenca Variebla Resumo

Ĉapitro 5. Inter Component Communication

• Bazaj Komunikado
• La Arkitekturo de Fluo de Datumoj
• Preparante la Infanon por Ricevi Datumojn
• Sendu Datumojn de Gepatro
• Pli pri Agordo de Propraĵoj
• Pafado de Evento de Komponanto
• @Output() Ekzample – Infana Komponanto @Output () Ekzample – Gepatra Komponanto
• Plena Dumaniera Bindado
• Agordi Dudirektan Datumligadon en Gepatro
• Resumo

Ĉapitro 6. Ŝablonaj Formoj

• Ŝablona Stirita Formoj
• Importi Formojn Modulo
• Baza Aliro
• Agordi Formon
• Akiro de Uzanto-Enigo
• Forlasante ngForm-Atributon
• Komencu la Formon
• Dudirekta Datuma Ligado
• Formvalidigo
• Angulaj Validiloj
• Montrante Validikan ŝtaton Uzanta Klasojn Pliajn Enigajn Tipojn
• Markobutonoj
• Elektu (Malsupren) Kampojn
• Bildigaj Opcioj por Elektu (Malsupren) Datkampojn
• Radio-Butonoj
• Resumo

Ĉapitro 7. Reaktivaj Formoj

• Reaktivaj Formoj Superview
• La Konstrublokoj
• Importu ReactiveFormsModule
• Konstruu Formon
• Desegni la Ŝablonon
• Akiro de Enigvaloroj
• Komencante la Enigaj Kampoj
• Agordi Formvalorojn
• Abonado al Eniga Ŝanĝoj
• Valumado
• Enkonstruitaj Validiloj
• Montrante Valumado-Eraron
• Propra Konfirmilo
• Uzante Propran Konfirmilon
• Provizante Agordon al Propra Validilo
• FormArray - Dinamike Aldonu Enigojn
• FormArray - La Komponanta Klaso
• FormArray - La Ŝablono
• FormArray - Valoroj
• Sub FormGroups - Komponanta Klaso
• Sub FormGroups - HTML-Ŝablono
• Kial Uzi Sub FormGroups
• Resumo

Ĉapitro 8. Servoj kaj Dependeca Injekto

• Kio estas Servo?
• Kreante Bazan Servon
• La Serva Klaso
• Kio estas Dependa Injekto?
• Injektado de Servo-Okazaĵo
• Injekciiloj
• Injektilo-Hierarkio
• Registrante Servon kun la Radika Injektilo
• Registrado de Servo per Injektilo de Komponanto
• Registri Servon kun Karakterizaĵa Modula Injektilo
• Kie Registri Servon?
• Dependeca Injekto en Aliaj Artefaktoj Provizante Alternan Efektivigan Dependan Injekton kaj @Gastiganto
• Dependeca Injekto kaj @Laŭvola
• Resumo

Ĉapitro 9. HTTP Kliento

• La Angular HT TP Kliento
• Uzante T he HT TP Kliento - Finiteview
• Importado de HttpClientModule
• Servo Uzanta HttpClient
• Farante GET Peton
• Kion faras Observebla Objekto?
• Uzante la Servon en Komponanto
• La Pritraktado de Eraro pri Kliento Komponanto de PeopleService
• Agordado de la Erara Objekto
• Farante POST-Peton
• Farante PUT-Peton
• Farante DELETE-Peton

Ĉapitro 10. Pipoj kaj Datuma Formatado

• Kio estas Pipoj?
• Enkonstruitaj Pipoj
• Uzado de Pipoj en HTML-Ŝablona Ĉenado de Pipoj
• Internaciigitaj Pipoj (i18n) Ŝarĝanta Lokajn Datumojn
• La dato Pipo
• La nombro Pipo
• Valuta Pipo
• Kreu Propran Pipon
• Propra Pipo Eksample
• Uzante Proprajn Pipojn
• Uzante Pipon kun ngFor
• Filtrila Tubo
• Pipo Kategorio: Pura kaj Malpura
• Resumo
• Pura Pipo Eksample
• Malpura Pipo Eksample
• Resumo

Ĉapitro 11. Enkonduko al Unupaĝaj Aplikoj

• Kio estas Unupaĝa Apliko (SPA) Tradicia Web Apliko
• SPA Laborfluo
• Unupaĝa Apliko Advantagestas HTML5 History API
• SPA-Defioj
• Efektivigo de SPA-a Uzado de Angula Resumo

Ĉapitro 12. La Angula Komponanta Enkursigilo

• La Komponanta Enkursigilo
• View Navigado
• La Angular Router API
• Kreado de Enkursigilo Ebligita Apliko
• Gastigado de la Vojataj Komponentoj
• Navigado Uzante Ligilojn kaj Butonojn
• Programa Navigado
• Trapasantaj Itineraj Parametroj
• Navigado kun Itineraj Parametroj
• Akiro de la Itineraj Parametro-Valoroj
• Reakiro de la Itinera Parametro Sinkrone
• Prenante Itineran Parametron Nesinkrone
• Demandaj Parametroj
• Provizante Demandajn Parametrojn
• Reakiro de Demandaj Parametroj Nesinkrone
• Problemoj kun Manlibro URL eniro kaj legomarko
• Resumo

Ĉapitro 13. Altnivela HTTP-Kliento

• Peti Opciojn
• Resendante HttpResponse Objekton
• Agordi Petajn Kapojn
• Kreante Novajn Observaĵojn
• Kreante Simplan Observeblan
• La Observebla Konstruisto-Metodo Observeblaj Funkciigistoj
• La mapo kaj filtrilo Operatoroj
• La flatMap() Operaciisto
• La tap() Operaciisto
• La zip() Kombinisto
• Caching HT TP-Respondo
• Farante Sinsekvajn HT TP Vokojn
• Farante Paralelan Vokojn
• Agordo de Eraro Objekto kun catchError ()
• Eraro en Pipeline
• Eraro Reakiro
• Resumo

Ĉapitro 14. Angulaj Moduloj

• Kial Angulaj Moduloj?
• Anatomio de Modula Klaso
• @NgModule Propraĵoj
• Feature Moduloj
• Example Modula Strukturo
• Kreu Domajnan Modulon
• Kreu Votan/Vanjan Modulan Paron
• Kreu Servan Modulon
• Kreante Komunajn Modulojn

Ĉapitro 15. Altnivela Vokado

• Vojiga Ebligita Feature Modulo
• Uzante la Karakterizaĵan Modulon
• Maldiligenta Ŝargado de la Karakterizaĵa Modulo
• Krei Ligilojn por la Karakterizaĵaj Modulaj Komponantoj
• Pli pri Maldiligenta Ŝargado
• Antaŭŝargado de Moduloj
• Defaŭlta Itinero
• Wildcard Itinera Vojo
• alidirekti Al
• Infanaj Itineroj
• Difinante Infanajn Itinerojn
• por Infanaj Itineroj
• Ligiloj por Infanaj Itineroj
• Navigaj Gardistoj
• Kreante Gvardiajn Implementojn
• Uzante Gardistojn en Itinero
• Resumo

Ĉapitro 16. Unueca Testado Angulaj Aplikoj

• Unit Testing Angulaj Artefaktoj
• Testaj Iloj
• Tipaj Testaj Paŝoj
• Testrezultoj
• Jasmine Testo-Serioj
• Jasmine Specs (Unuotestoj)
• Atendoj (Asertoj)
• Kongruintoj
• Examples de Uzado de Kongruintoj
• Uzante la ne-posedaĵon
• Instalado kaj Malmuntado en Unuotestaj Serioj
• Example de antaŭĈiu kaj postĈiu Funkcioj
• Angula Testa Modulo
• Example Angula Testa Modulo
• Testante Servon
• Injektado de Servo-Okazaĵo
• Testu Sinkronan Metodon
• Testu Nesinkronan Metodon
• Uzante Mock HT TP Kliento
• Provizante Enlatigitan Respondon
• Testado de Komponanto
• Komponanta Testa Modulo
• Kreante Komponan Okazaĵon
• La ComponentFixture Klaso
• Bazaj Komponantaj Testoj
• La DebugElement Klaso
• Simulante Uzantan Interago
• Resumo

Ĉapitro 17. Sencimigo

• Finiteview de Angula Sencimigado
• Viewing TypeScript Code en Erarserĉilo
• Uzante la erarserĉilon Ŝlosilvorton
• Sencimiga Logado
• Kio estas Angular DevTools?
• Uzante Angular DevTools
• Angula DevTools - Komponanta Strukturo
• Angular DevTools - Ŝanĝi Detektan Ekzekuton
• Kaptante sintaksajn erarojn
• Resumo

Laboratoriaj Ekzercoj

• Laboratorio 1. Enkonduko al Angular
• Laboratorio 2. Enkonduko al TypeScript
• Laboratorio 3. Enkonduko al Komponentoj
• Laboratorio 4. Komponanta Ŝablono
• Laboratorio 5. Krei Fotogalerion
• Laboratorio 6. Ŝablona Stirita Formo
• Laboratorio 7. Krei Redaktan Formon
• Laboratorio 8. Reaktiva Formo
• Laboratorio 9. Disvolvu Servon
• Laboratorio 10. Disvolvu HT TP Klienton
• Laboratorio 11. Uzu Pipojn
• Laboratorio 12. Baza Unupaĝa Apliko Uzante Router Laboratorio 13. Konstruu Unupaĝan Aplikon (SPA)
• Laboratorio 14. Altnivela HT TP Kliento
• Laboratorio 15. Uzante Angula Bootstrap
• Laboratorio 16. Maldiligenta Modula Ŝargado
• Laboratorio 17. Altnivela Vokado
• Laboratorio 18. Unua Testado
• Laboratorio 19. Sencimigado de Angulaj Aplikoj

POR KIU ESTAS LA KURSO?
Ĉi tiu kurso celas ĉiujn, kiuj bezonas lerni la fundamentojn de Angular 12-disvolviĝo kaj apliki ĝin al kreado. web aplikoj tuj. Ni ankaŭ povas liveri kaj personecigi ĉi tiun trejnan kurson por pli grandaj grupoj - ŝparante vian organizon tempon, monon kaj rimedojn.

PREKONDIĈOJ
Web disvolva sperto uzanta HTML, CSS kaj JavaScript estas bezonata por profiti la plej grandan parton de ĉi tiu Angula kurso. Scio pri la retumilo DOM ankaŭ estas utila. Antaŭa Angular sperto, kun AngularJS aŭ ajna versio de Angular, ne estas bezonata.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Dokumentoj/Rimedoj

LUMIFY WORK Angular 12 Programado [pdf] Uzantogvidilo Angula 12 Programado, Angula, 12 Programado, Programado

Referencoj

• Uzanto Manlibro