LUMIFY WORK Angular 15 Programming User Guide

APPLICATION THIAB WEB Kev tsim kho
Angular 15 Programming
LENGTH 5 hnub
VERSION 15

YUAV UA LI CAS YUAV UA LI CAS NO

Qhov kev cob qhia hnyav thiab dav Angular 15 no muab cov neeg tuaj koom nrog cov txuj ci uas lawv tuaj yeem siv tam sim hauv lawv txoj haujlwm. Koj yuav kawm paub cov ntsiab lus ntawm Angular 15 kev txhim kho xws li ib nplooj ntawv browser applicat ions, teb websites, thiab hybrid mobile applicat ions.
Hoob no yog kev sib koom ua ke ntawm kev kawm theoret ical thiab kev siv tes ua haujlwm uas suav nrog kev taw qhia ion rau Angular, ua raws li TypeScript, cov khoom siv, cov ives ncaj qha, cov kev pabcuam, HTTPClient, kuaj ing, thiab debugging.
Nco tseg: Peb kuj tuaj yeem xa cov kev cob qhia rau lwm cov qauv ntawm Angular. Thov hu rau peb kom nug lossis sau npe rau koj qhov kev txaus siab.

ANGULAR ntawm LUMIFY ua haujlwm

KOJ YUAV TSUM KAWM

Thaum kawm tiav ion ntawm chav kawm no, koj yuav muaj kev paub txog:

• Tsim ib nplooj ntawv Angular applicat ions siv Typescript
• Teeb tsa ib puag ncig kev txhim kho Angular tiav
• Tsim cov Cheebtsam, Direct ives, Cov Kev Pabcuam, Cov Yeeb Nkab, Cov Ntawv, thiab Cov Kev Cai Validators
• Ua haujlwm tshaj tawm cov ntaub ntawv hauv network siv Observables
• Siv cov ntaub ntawv los ntawm REST web cov kev pabcuam siv Angular HTTP Client
• Kov thawb-cov ntaub ntawv txuas ions siv lub WebQhov (socket) raws tu qauv
• Ua haujlwm nrog Angular Pipes los tsim cov ntaub ntawv
• Siv cov yam ntxwv ntawm Angular Component Router
• Kuaj thiab debug Angular applicat ions siv cov cuab yeej tsim
• Ua haujlwm nrog Angular CLI

Kuv tus kws qhia tau zoo tuaj yeem muab cov xwm txheej hauv ntiaj teb tiag tiag uas cuam tshuam rau kuv qhov xwm txheej tshwj xeeb.
Kuv raug ua kom zoo siab tos txais txij li lub sijhawm kuv tuaj txog thiab muaj peev xwm zaum ua ib pab pawg sab nraum chav kawm los tham txog peb cov xwm txheej thiab peb lub hom phiaj tseem ceeb heev.
Kuv kawm tau ntau yam thiab xav tias nws yog ib qho tseem ceeb uas kuv cov hom phiaj los ntawm kev mus kawm qhov kev kawm no tau ua tiav.
Ua haujlwm zoo Lumify ua haujlwm pab pawg.AMANDA NICOL
IT SUPPORT SERVICES MANAGER - KEV THOV VAJTSWV COV LUS

KEV KAWM NTAWV

1. Taw qhia Angular
   • Angular yog dab tsi?
   • Central Features ntawm Angular Framework
   • Siv cov ntaub ntawv tsim nyog
   • Tsev Blocks ntawm daim ntawv thov Angular
   • Basic Architecture ntawm Angular Application
   • Txhim kho thiab siv Angular
   • Anatomy ntawm Angular Applicat ion
   • Khiav lub Applicat ion
   • Tsim thiab xa daim ntawv thov
   • Angular rau Native Mobile Apps
2. Taw qhia rau TypeScript
   • Programming Languages ​​siv nrog Angular
   • TypeScript Syntax
   • Programming Editors
   • Hom System – Def ining Variables
   • Hom System – Def ining Arrays
   • Basic Primit ive Types
   • Ntaus hauv Funct ions
   • Hom Inference
   • Txhais cov chav kawm
   • Cov txheej txheem hauv chav kawm
   • Tswj kev pom
   • Cov Kws Tsim Kho Chav Kawm
   • Cov kws tsim cov chav kawm – Lwm daim ntawv
   • Cov teb tsis tsim nyog
   • Interfaces
   • Ua haujlwm nrog ES6 Modules
   • var vs let
   • Xub muaj nuj nqi
   • Arrow Function Compact Syntax
   • Template Strings
   • Generics hauv chav kawm
   • Generics hauv Funct ion
3. Cheebtsam
   • Lub Cheebtsam yog dab tsi?
   • Ib Example Component
   • Tsim ib qho khoom siv Angular CLI
   • Cov Khoom Siv Chav Kawm
   • Tus @Component Decorator
   • Sau npe ib qho khoom rau nws cov qauv
   • Cheebtsam Template
   • Example: HelloComponent Template
   • Example: HelloComponent Class
   • Siv Ib Cheeb Tsam
   • Khiav daim ntawv thov
   • Component Hierarchy
   • Lub Applicat ion Root Cheebtsam
   • Lub Bootstrap File
   • Component Lifecycle Hooks
   • Example Lifecycle Hooks
   • CSS Styles
4. Component Templates
   • Cov qauv
   • Template Qhov chaw
   • Lub Mustache {{ }} Syntax
   • Teeb tsa DOM Element Properties
   • Teeb Element Body Text
   • Kev sib khi ua ke
   • Tus neeg saib xyuas kev nthuav qhia
   • Tiv thaiv kom tsis txhob ua yuam kev
   • Cov Lus Qhia Qhia
   • Siv Cov Qauv los ntawm Hloov CSS Cov Chav Kawm
   • Example: ngClass
   • Siv Cov Qauv Ncaj Ncees
   • Cov Lus Qhia Txog Cov Qauv
   • Conditionally Execute Template
   • Example: ngf
   • Looping Siv ngFor
   • ngFor Local Variables
   • Manipulating Collection
   • Example – Rho tawm ib yam khoom
   • Yam khoom taug qab nrog ngFor
   • Swapping Elements nrog ngSwitch
   • Cov ntsiab lus pab pawg
   • Template Reference Variable
5. Kev sib txuas lus sib txuas
   • Kev sib txuas lus Basics
   • Cov Ntaub Ntawv Flow Architecture
   • Npaj tus me nyuam kom tau txais cov ntaub ntawv
   • Xa cov ntaub ntawv los ntawm niam txiv
   • Xav paub ntxiv txog Kev Teeb Khoom
   • Kev tshwm sim tua hluav taws los ntawm cov khoom
   • @Output() Example – Child Component
   • @Output() Example – Parent Component
   • Tag Nrho Ob Txoj Kev Sib Txuas
   • Teeb tsa Ob Txoj Kev Sib Txuas Cov Ntaub Ntawv hauv Niam Txiv
6. Templat thiab Driven Forms
   • Cov Ntawv Pov Thawj Ua Haujlwm
   • Importing Forms Module
   • Txoj hauv kev yooj yim
   • Teeb tsa ib daim ntawv
   • Tau txais cov neeg siv tswv yim
   • Omitting ngForm Attribute
   • Pib ua daim ntawv
   • Ob Txoj Kev Cov Ntaub Ntawv Binding
   • Daim ntawv validation
   • Angular Validators
   • Qhia Validat ion State Siv cov chav kawm
   • Hom tswv yim ntxiv
   • Checkboxes
   • Xaiv (Drop Down) teb
   • Rendering Options rau xaiv (Nco tseg)
   • Hnub tim teb
   • Xov tooj cua khawm
7. Reactive Cov Ntawv
   • Reactive Forms dhau lawmview
   • Lub Tsev Blocks
   • Ntshuam Reactive FormsModule
   • Tsim ib daim ntawv
   • Tsim tus Template
   • Tau txais cov nqi nkag
   • Pib qhov Input Fields
   • Kev teeb tsa tus nqi ntawm daim ntawv
   • Sau npe yuav hloov pauv
   • Kev lees paub
   • Built-In Validators
   • Qhia validation yuam kev
   • Custom Validator
   • Siv tus Custom Validator
   • Muab Configuration rau Custom Validator
   • FormArray – Dynamically Ntxiv Inputs
   • FormArray – Cov Cheeb Tsam Cheeb Tsam
   • FormArray – Tus Template
   • FormArray – Tus nqi
   • Sub FormGroups – Component Class
   • Sub FormGroups – HTML Template
   • Vim li cas thiaj siv Sub FormGroups
8. Kev Pabcuam thiab Kev Txhaum Cai
   • Kev Pabcuam yog dab tsi?
   • Tsim ib qho Kev Pabcuam Yooj Yim
   • Chav Kawm Kev Pabcuam
   • Dependency Txhaj Tshuaj yog dab tsi?
   • Txhaj Tshuaj Tiv Thaiv
   • Cov tshuaj txhaj tshuaj
   • Injector Hierarchy
   • Sau npe qhov kev pab cuam nrog lub hauv paus Injector
   • Sau npe ib qho kev pab cuam nrog ib tug Cheebtsam 's Injector
   • Sau npe ib qho kev pab cuam nrog lub Feature Module Injector
   • Sau npe qhov kev pab cuam nyob qhov twg?
   • Kev Txhaum Cai Nyob Hauv Lwm Yam Khoom
   • Muab kev ua lwm yam
   • Dependency Txhaj thiab @Host
   • Dependency Txhaj thiab @Optional
9. HTTP Client
   • Angular HTTP Client
   • Siv HTTP Client – ​​Tshajview
   • Ntshuam hauv HttpClientModule
   • Kev Pabcuam Siv HttpClient
   • Ua Daim Ntawv Thov Txais
   • Observable Object ua dab tsi?
   • Siv Cov Kev Pabcuam hauv Ib Cheeb Tsam
   • Cov Neeg Pabcuam Cov Neeg Siv Khoom Siv
   • Kev ua yuam kev
   • Kho qhov yuam kev Yam khoom
   • Ua Daim Ntawv Thov POST
   • Ua Daim Ntawv Thov PUT
   • Ua Daim Ntawv Thov DELETE
10. Cov kav dej thiab cov ntaub ntawv Formatting
    • Cov kav dej yog dab tsi?
    • Cov kav dej ua ke
    • Siv Pipes hauv HTML Template
    • Cov yeeb nkab txuas
    • Internat ionalized Pipes (i18n)
    • Chaw thau khoom Locale Data
    • Hnub Pipe
    • Tus lej Pipe
    • Nyiaj Yeeb Nkab
    • Tsim Cov Yeeb Nkab Kev Cai
    • Custom Pipe Example
    • Siv cov kav dej Customized
    • Siv cov yeeb nkab nrog ngFor
    • Ib lub raj lim dej
    • Pipe Qeb: Ntshiab thiab tsis huv
    • Ntshiab Pipe Example
    • Impure Pipe Example
11. Taw qhia rau Daim Ntawv Thov Ib Nplooj Ntawv
    • Dab tsi yog Ib Daim Ntawv Thov ion (SPA)
    • Kev lig kev cai Web Daim ntawv thov
    • SPA Workflow
    • Ib Daim Ntawv Thov Advantages
    • HTML5 Keeb Kwm API
    • Kev Sib Tw SPA
    • Siv SPA's Siv Angular
12. Lub Angular Component Router
    • Lub Router Component
    • View Kev taw qhia
    • Angular Router API
    • Tsim Router Enabled Application
    • Hosting Routed Cheebtsam
    • Kev taw qhia siv txuas thiab khawm
    • Programmatic Navigation
    • Hla Txoj Kev Parameters
    • Navigating nrog Route Parameters
    • Tau txais Txoj Kev Parameter Qhov Tseem Ceeb
    • Retrieving the Route Parameter Synchronously
    • Retrieving a Route Parameter asynchronously
    • Lus nug Parameters
    • Muab cov lus nug Parameters
    • Retrieving Query Parameters asynchronously
    • Teeb meem nrog Phau Ntawv Qhia URL nkag thiab Bookmarking
13. Advanced HTTP Client
    • Thov xaiv
    • Rov qab ib qho HttpResponse Object
    • Teem Lub Npe Thov
    • Tsim Cov Kev Pom Zoo Tshiab
    • Tsim ib qho yooj yim Observable
    • Txoj Kev Observable Constructor
    • Observable Operators
    • Daim duab qhia chaw thiab lim neeg ua haujlwm
    • Tus neeg khiav dej num flatMap()
    • Tus kais() tus neeg ua haujlwm
    • Tus zip() Combinator
    • Caching HTTP teb
    • Ua HT Hu Xov Tooj Sib Tham
    • Hu rau Parallel
    • Customizing yuam kev Yam khoom nrog catchError()
    • yuam kev hauv Pipeline
    • Yuam kev rov qab
14. Angular Modules
    • Vim li cas Angular Modules?
    • Anatomy ntawm chav kawm Module
    • @NgModule Properties
    • Feature Module
    • Example Module Structure
    • Tsim ib lub Domain Module
    • Tsim ib tug Routed/Routing Module Pair
    • Tsim ib qho Kev Pabcuam Module
    • Tsim cov Module
    • Siv Ib Module Los Ntawm Lwm Tus
15. Advanced Routing
    • Routing Enabled Feature Module
    • Siv lub Feature Module
    • Lazy Loading Feature Module
    • Tsim cov kev sib txuas rau lub Feature Module Cheebtsam
    • Xav paub ntau ntxiv txog Lazy Loading
    • Preloading Modules
    • routerLinkActive binding
    • Default Route
    • Wildcard Route Path
    • redirectTo
    • Txoj Kev Me Nyuam
    • Txhais Txoj Kev Me Nyuam Rau Me Nyuam Txoj Kev
    • Txuas rau Me Nyuam Txoj Kev
    • Navigation Guards
    • Tsim Kev Tiv Thaiv Kev Ua Haujlwm
    • Siv Guards nyob rau hauv ib txoj kev
16. Unit Testing Angular Applications
    • Chav ntsuas Angular Artifacts
    • Cov cuab yeej kuaj
    • Cov kauj ruam kuaj ib txwm
    • Cov qhabnias xeem
    • Jasmine Test Suites
    • Jasmine Specs (Tsev Kawm Ntawv)
    • Kev Cia Siab (Assert ions)
    • Cov neeg sib tw
    • ExampSiv cov Matchers
    • Siv cov khoom tsis yog
    • Teeb thiab Teardown hauv Chav Test Suites
    • Example ntawm ua ntejEach thiab afterEach Functions
    • Angular Test Module
    • Exampthiab Angular Test Module
    • Kuaj Kev Pabcuam
    • Txhaj Tshuaj Tiv Thaiv
    • Sim ib txoj kev synchronous
    • Kuaj ib txoj kev Asynchronous
    • Siv Mock HTTP Client
    • Muab cov kaus poom teb
    • Kuaj ib yam khoom
    • Component Test Module
    • Tsim ib qho piv txwv
    • Chav Kawm ComponentFixture
    • Kev Xeem Cheeb Tsam
    • Chav Kawm DebugElement
    • Simulating neeg siv kev sib tham
17. Kev debugging
    • Tshajview ntawm Angular Debugging
    • Viewhauv TypeScript Code hauv Debugger
    • Siv lub ntsiab lus debugger
    • Debug Logging
    • Angular DevTools yog dab tsi?
    • Siv Angular DevTools
    • Angular DevTools – Component Structure
    • Angular DevTools – Hloov Nthuav ion Execut ion
    • Catching Syntax yuam kev

YUAV UA LI CAS?

Hoob no yog tsom rau txhua tus uas yuav tsum tau kawm cov hauv paus ntawm Angular 15 txoj kev loj hlob thiab siv ncaj qha rau kev tsim web daim ntawv thov.
Peb tseem tuaj yeem xa thiab kho qhov kev cob qhia no rau cov pab pawg loj dua - txuag koj lub sijhawm, nyiaj txiag thiab peev txheej. Yog xav paub ntxiv, thov hu rau peb ntawm email ntawm ph.training@lumifywork.com ua

YUAV TSUM TAU

• Web kev txhim kho kev siv HTML, CSS, thiab JavaScript yuav tsum tau kom tau txais txiaj ntsig zoo tshaj plaws ntawm chav kawm Angular
• Kev paub txog qhov browser DOM kuj tseem muaj txiaj ntsig
• Tsis muaj kev paub dhau los ntawm Angular lossis AngularJS yuav tsum tau ua

Kev muab cov chav kawm no e los ntawm Lumify Ua Haujlwm yog tswj hwm los ntawm cov ntawv teev npe thiab cov xwm txheej.
Thov nyeem cov nqe lus thiab cov xwm txheej ua tib zoo ua ntej tso npe rau hauv cov chav kawm no e, vim tias kev tso npe kawm hauv chav kawm yog muaj cai rau kev lees txais cov e cov nqe lus thiab cov cai.

https://www.lumifywork.com/en-ph/courses/angular-15-programming/ ph.training@lumifywork.com ua
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork