
APLIKO KAJ WEB EVOLUJO
Angula 15 Programado
LONGECO 5 tagoj
VERSION 15
KIAL STUDI ĈI ĈI KURSO
Ĉi tiu intensa kaj ampleksa trejna kurso de Angular 15 provizas al la ĉeestantoj kapablojn, kiujn ili povas tuj uzi en sia laboro. Vi lernos la fundamentojn de la disvolviĝo de Angular 15 kiel ekzemple unupaĝaj retumiloj, respondemaj. webretejoj kaj hibridaj moveblaj aplikaĵoj.
Ĉi tiu kurso estas kombinaĵo de teoria lernado kaj praktikaj laboratorioj, kiuj inkluzivas enkondukon al Angular, sekvata de TypeScript, komponantoj, rektaj, servoj, HTTPKliento, testado kaj sencimigado.
Notu: Ni ankaŭ povas liveri trejnadon pri aliaj versioj de Angular. Bonvolu kontakti nin por fari enketon aŭ registri vian intereson.
ANGULARA ĈE LUMIFY LABORO
KION VI LENOS
Post sukcesa fino de ĉi tiu kurso, vi havos la scion por:
- Disvolvu unupaĝajn Angulajn aplikaĵojn per Tajpaj skribo
- Agordu kompletan Angular-disvolvan medion
- Kreu Komponentojn, Rektajn Ivojn, Servojn, Pipojn, Formojn kaj Proprajn Konfirmilojn
- Pritraktu altnivelajn retdatumajn rehavigajn taskojn per Observebloj
- Konsumu datumojn de REST web servoj uzante la Angula HTTP-Kliento
- Pritraktu puŝ-datumajn konekti jonojn uzante la WebSocket-protokolo
- Laboru kun Angulaj Pipoj por formati datumojn
- Uzu altnivelajn funkciojn de Angular Component Router
- Testu kaj sencimigu Angulajn aplikaĵojn per enkonstruitaj iloj
- Laboru kun Angular CLI
Mia instruisto estis bonega povi meti scenarojn en realajn mondajn okazojn, kiuj rilatas al mia specifa situacio.
Mi sentis min bonvena ekde la momento kiam mi alvenis kaj la kapablo sidi kiel grupo ekster la klasĉambro por diskuti niajn situaciojn kaj niajn celojn estis ege valora.
Mi lernis multon kaj sentis, ke estas grave, ke miaj celoj per partopreno de ĉi tiu kurso estas plenumitaj.
Bonega laboro Lumify Laborteamo.
AMANDA NICOL
IT SUBTENA SERVICEJ MANAGER – HEALTH WORLD LIMITED
KURSAFEROJ
- Enkonduko de Angular
• Kio estas Angula?
• Centraj Trajtoj de la Angula Kadro
• Taŭgaj Uzaj Kazoj
• Konstruaj Blokoj 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 - Enkonduko al TypeScript
• Programlingvoj por Uzo kun Angular
• TypeScript-Sintakso
• Programaj Redaktoroj
• La Tipo-Sistemo – Difinaj Variabloj
• La Tipa Sistemo – Difinante Tabelojn
• Bazaj Primivaj Tipoj
• Tajpu Funktajn jonojn
• Tajpu Inferenco
• Difinante Klasojn
• Klasaj Metodoj
• Kontrolo de Videbleco
• Klasaj Konstruistoj
• Klasaj Konstruistoj – Alterna Formo
• Nekomencigitaj Kampoj
• Interfacoj
• Laborante kun ES6 Moduloj
• var vs lasi
• Sagaj Funkcioj
• Sago Funkcio Kompakta Sintakso
• Ŝablonaj Ŝnuroj
• Generikoj en Klaso
• Generikoj en Funkcio - Komponentoj
• Kio estas Komponanto?
• An Example Komponanto
• Krei Komponanton Uzanta Angula CLI
• La Komponanta Klaso
• La @Komponanto Dekoraciisto
• Registrado de Komponanto al Ĝia Modulo
• Komponanta Ŝablono
• Ekzample: HelloComponent Ŝablono
• Ekzample: La Klaso HelloComponent
• Uzado de Komponanto
• Rulu la Aplikon
• Komponanta Hierarkio
• La Aplika Radika Komponento
• La Bootstrap File
• Komponantaj Vivciklo-Hokoj
• Ekzample Lifecycle Hooks
• CSS-stiloj - Komponantaj Ŝablonoj
• Ŝablonoj
• Ŝablona Loko
• La Liphararo {{ }} Sintakso
• Agordi DOM Elementaj Propraĵoj
• Agordi Elementa Korpa Teksto
• Event Binding
• Esprimo Event Handler
• Malhelpi Defaŭltan Uzadon
• Atributaj Direktivoj
• Apliki Stilojn Ŝanĝante CSS-Klasojn
• Ekzample: ngClass
• Aplikante Stilojn Rekte
• Strukturaj Direktivoj
• Kondiĉe Exekuti Ŝablono
• Ekzample: ngSe
• Looping Uzante ngFor
• ngPor Lokaj Variabloj
• Manipulado de la Kolekto
• Ekzample – Forigo de Ero
• Item Spurado kun ngFor
• Interŝanĝi Elementojn kun ngSwitch
• Grupigado de Elementoj
• Ŝablona Referenca Variablo - Inter Komponanta Komunikado
• Bazaj Komunikado
• La Arkitekturo de Fluo de Datumoj
• Preparante la Infanon 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 Two Way Binding
• Agordi Dudirektan Datuman Bidon en Gepatro - Ŝablono kaj Stirita Formoj
• Ŝablona Stirita Formoj
• Importi Formojn Modulo
• Baza Aliro
• Agordo de Formo
• Akiri Uzantan Enigon
• Forlasante ngForm-Atributon
• Komencu la Formon
• Dudirekta Datuma Bindado
• Formvalidigo
• Angulaj Validiloj
• Montrante Validation Ŝtaton Uzanta Klasojn
• Pliaj Enigo-Tipoj
• Markobutonoj
• Elektu (Malsupren) Kampojn
• Bildaj Opcioj por Elekto (Malsupren)
• Dataj kampoj
• Radio-Butonoj - Reaktivaj Formoj
• Reaktivaj Formoj Superview
• La Konstruaĵoj
• Importi Reactive FormsModule
• Konstruu Formon
• Desegni la Ŝablonon
• Akiranta Enigajn Valorojn
• Komencante la Enigaj Kampoj
• Agordi Formvalorojn
• Abonado al Enigo Ŝanĝoj
• Valido
• Enkonstruitaj Validiloj
• Montrante Valumado-Eraron
• Propra Validilo
• Uzante Propran Validilon
• Provizanta Agordon al Propra Validatoro
• FormArray - Dinamike Aldoni Enigojn
• FormArray – La Komponanta Klaso
• FormArray – La Ŝablono
• FormArray – Valoroj
• Sub FormGroups – Komponanta Klaso
• Sub FormGroups - HTML Ŝablono
• Kial Uzi Sub FormGroups - Servoj kaj Dependeca Injekto
• Kio estas Servo?
• Krei Bazan Servon
• La Serva Klaso
• Kio estas Dependeca Injekto?
• Injektado de Servo-Okazaĵo
• Injektiloj
• Injektilo-Hierarkio
• Registri Servon kun la Radika Injektilo
• Registri Servon kun Injektilo de Komponanto
• Registri Servon kun Feature Modula Injektilo
• Kie Registri Servon?
• Dependeca Injekto en Aliaj Artefaktoj
• Provizante Alternan Efektivigon
• Dependeca Injekto kaj @Gastiganto
• Dependeca Injekto kaj @Laŭvola - HTTP Kliento
• La Angula HTTP-Kliento
• Uzante La HTTP Kliento - Superview
• Importi HttpClientModule
• Servo Uzanta HttpClient
• Farante GET Peton
• Kion faras Observebla Objekto?
• Uzado de la Servo en Komponanto
• La Kliento Komponanto PeopleService
• Eraro Pritraktanta
• Agordado de la Eraro Objekto
• Farante POST-Peton
• Farante PUT-Peton
• Farante FORIGI-Peton - Tuboj kaj Formatado de Datumoj
• Kio estas Pipoj?
• Enkonstruitaj Pipoj
• Uzante Pipojn en HTML-Ŝablono
• Ĉenante Pipojn
• Internaciigitaj Pipoj (i18n)
• Ŝarĝado de Lokaj Datumoj
• La dato Pipo
• La nombro Pipo
• Valuta Pipo
• Krei Propran Pipon
• Propra Pipo Eksample
• Uzante Proprajn Pipojn
• Uzado de Pipo kun ngFor
• Filtrila Pipo
• Pipo Kategorio: Pura kaj Malpura
• Pura Pipo Eksample
• Malpura Pipo Eksample - Enkonduko al Unupaĝaj Aplikoj
• Kio estas Unupaĝa Apliko (SPA)
• Tradicia Web Apliko
• SPA Laborfluo
• Unupaĝa Apliko Advantages
• HTML5 History API
• SPA-Defioj
• Efektivigo de SPA-a Uzado de Angulo - 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
• Pasantaj Itineraj Parametroj
• Navigado kun Itineraj Parametroj
• Akiro de la Itineraj Parametro-Valoroj
• Reakiro de la Itinera Parametro Sinkrone
• Reakiro de Itinera Parametro Nesinkrone
• Demandaj Parametroj
• Provizante Demandajn Parametrojn
• Reakiro de Demandaj Parametroj Nesinkrone
• Problemoj kun Manlibro URL eniro kaj legomarko - Altnivela HTTP-Kliento
• Peto Opcioj
• Resendi Objekton HttpResponse
• Agordi Peto-Titolojn
• Krei Novajn Observaĵojn
• Krei Simplan Observeblan
• La Observebla Konstruisto-Metodo
• Observeblaj Operaciantoj
• La mapo kaj filtrilo Operatoroj
• La FlatMap() Operaciisto
• La Operatoro tap().
• La zip() Kombinisto
• Caching HTTP-Respondo
• Farante Sinsekvajn HTTP Vokojn
• Farante Paralelan Vokojn
• Agordo de Eraro Objekto kun catchError ()
• Eraro en Pipeline
• Eraro Reakiro - Angulaj Moduloj
• Kial Angulaj Moduloj?
• Anatomio de Modula Klaso
• @NgModule Propraĵoj
• Feature Moduloj
• Ekzample Modula Strukturo
• Krei Domajnan Modulon
• Krei Paron de Moduloj de Votita/Vinketa
• Krei Servan Modulon
• Krei Komunajn Modulojn
• Uzante Unu Modulon De Alia - Altnivela Vokado
• Route Ebligita Feature Modulo
• Uzante la Karakterizaĵan Modulon
• Maldiligenta Ŝargado de la Feature Modulo
• Krei Ligilojn por la Karakterizaĵaj Modulaj Komponantoj
• Pli pri Maldiligenta Ŝargado
• Antaŭŝarĝado de Moduloj
• routerLinkActive ligado
• Defaŭlta Itinero
• Wildcard Itinera Vojo
• alidirektiAl
• Infanaj Itineroj
• Difinante Infanajn Itinerojn por Infanaj Itineroj
• Ligiloj por Infanaj Itineroj
• Navigaj Gardistoj
• Krei Gvardiajn Implementojn
• Uzado de Gardistoj en Itinero - Unuo Testado Angulaj Aplikoj
• Unuo-Testado de Angulaj Artefaktoj
• Testaj Iloj
• Tipaj Testaj Paŝoj
• Testaj Rezultoj
• Jasmine Test Suites
• Jasmine Specs (Unuotestoj)
• Atendoj (Asertaj jonoj)
• Kongruintoj
• Ekzamples de Uzado de Kongruintoj
• Uzante la ne Propraĵon
• Instalado kaj Malmuntado en Unuaj Testaj Serioj
• Ekzample de antaŭĈiu kaj postĈiu Funkcioj
• Angula Testa Modulo
• Ekzample Angula Testa Modulo
• Testado de Servo
• Injektado de Servo-Okazaĵo
• Provu Sinkronan Metodon
• Testu Nesinkronan Metodon
• Uzante Mock HTTP Kliento
• Provizante Enlatigitan Respondon
• Testo de Komponanto
• Komponanta Testa Modulo
• Krei Komponan Kazon
• La ComponentFixture Klaso
• Bazaj Komponantaj Testoj
• La Klaso DebugElement
• Simulado de Uzanto-Interago - Sencimigado
• Finisview de Angula Sencimigado
• Viewing TypeScript Code en Erarserĉilo
• Uzado de la erarserĉilo Ŝlosilvorto
• Sencimigi Logging
• Kio estas Angular DevTools?
• Uzante Angular DevTools
• Angula DevTools – Komponanta Strukturo
• Angular DevTools – Ŝanĝi Detekti ion Execut ion
• Kaptante Sintakso-Erarojn
POR KIU ESTAS LA KURSO?
Ĉi tiu kurso celas ĉiujn, kiuj bezonas lerni la bazaĵojn de Angular 15-evoluo kaj apliki ĝin tuj al kreado. web aplikoj.
Ni ankaŭ povas liveri kaj personecigi ĉi tiun trejnan kurson por pli grandaj grupoj - ŝparante vian organizon tempon, monon kaj rimedojn. Por pliaj informoj, bonvolu kontakti nin per retpoŝto ĉe ph.training@lumifywork.com
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
- Neniu antaŭa sperto pri Angular aŭ AngularJS estas bezonata
La liverado de ĉi tiu kurso de Lumify Work estas regata de la rezervokondiĉoj.
Bonvolu legi la terminojn kaj kondiĉojn atente antaŭ ol enskribiĝi en ĉi tiu kurso, ĉar aliĝo al la kurso estas kondiĉigita de akcepto de ĉi tiuj terminoj kaj kondiĉoj.
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
Dokumentoj/Rimedoj
![]() |
LUMIFY WORK Angular 15 Programado [pdf] Uzantogvidilo Angula 15 Programado, Programado |




