LUMIFY WORK Angular 15 Bernamekirin Rêbernameya Bikarhêner

SERLÊDAN Û WEB PÊŞVEÇÛNÎ
Angular 15 Bernamekirin
DIRÊJÎ 5 roj
AWA 15

Contents veşartin

1 ÇIMA VÊ KURSÊ XWENDIN

ÇIMA VÊ KURSÊ XWENDIN

Vê qursa perwerdehiya Angular 15 ya zirav û berfireh jêhatîbûnên ku ew dikarin yekser di xebata xwe de bikar bînin peyda dike. Hûn ê bingehên pêşkeftina Angular 15 wekî îyonên serîlêdana geroka yek-rûpelî, bersivdar fêr bibin. webmalper, û îyonên sepana mobîl ên hybrid.
Vê qurs îyonek fêrbûna teorîkî û laboratîfên destan e ku îyonek danasînê ya Angular, li pey TypeScript, pêkhate, rasterastên rasterast, karûbar, HTTPClient, ceribandin, û debugging vedihewîne.
Not: Em dikarin li ser guhertoyên din ên Angular jî perwerdehiyê bidin. Ji kerema xwe bi me re têkilî daynin da ku lêpirsînek bikin an berjewendiya xwe tomar bikin.

ANGULAR LI LUMIFY WORK

TU DÊ ÇI FÎR BIN

Li ser qedandina serketî ya vê qursê, hûn ê xwediyê zanînê bin ku:

Bi karanîna Typescript îyonên sepana Angular yek rûpel pêşve bibin
Jîngehek pêşkeftina Angular a bêkêmasî saz bikin
Pêkhatin, rasterastên rasterast, karûbar, lûle, form, û verastkerên xwerû biafirînin
Bi karanîna Observables re peywirên pêşkeftî yên wergirtina daneya torê birêve bibin
Daneyên ji REST bikar bînin web xizmetên ku Angular HTTP Client bikar tînin

Bi karanîna îyonên pêwendiya push-daneyê bi kar tînin WebProtokola soketê
Bi Angular Pipes re bixebitin ku daneyan format bikin
Taybetmendiyên Angular Component Router-a pêşkeftî bikar bînin
Bi karanîna amûrên çêkirî îyonên sepana Angular ceribandin û xelet kirin
Bi Angular CLI re bixebitin

Mamosteyê min pir baş bû ku dikaribû senaryoyên ku bi rewşa min a taybetî ve girêdayî ne bixe nav bûyerên cîhana rastîn.
Ji gava ku ez hatim pê ve hest bi xêrhatina min hat kirin û şiyana ku ez wekî komek li derveyî polê rûnim da ku li ser rewş û mebestên xwe nîqaş bikim pir bi qîmet bû.
Ez gelek tişt fêr bûm û min hest kir ku girîng e ku armancên min bi beşdarbûna vê qursê pêk werin.
Tîmê Karê Lumify Karê mezin.AMANDA NICOL
RÊVEBERÊ Xizmetên PIŞTGIRIYA IT - CÎHANÊ TENDURISTIYÊ LIMITED

MIJARÊN KURSÊ

Danasîna Angular
• Angular çi ye?
• Taybetmendiyên Navendî yên Çarçoveya Angular
• Rewşên Bikaranînê yên Minasib
• Avakirina Blokên Serlêdanek Angular
• Mîmariya Bingehîn a Application Angular
• Sazkirin û Bikaranîna Angular
• Anatomy of an Angular Applicat ion
• ion Sepanê dimeşîne
• Avakirin û bicihkirina Serlêdanê
• Angular ji bo Apps Mobile Native
Destpêka TypeScript
• Zimanên Bernamesaziyê ji bo Bi Angularê Bikaranîn
• Syntax TypeScript
• Edîtorên Programming
• Sîstema Tîpa - Guherbarên Defining
• Sîstema Tîpa - Rêzikên Definî
• Bingehîn Cureyên Primit ive
• îyonên Fonksiyonê binivîsin
• Encama tîpê
• Diyarkirina Dersan
• Rêbazên Dersê
• Kontrola dîtinê
• Çînên Çîn
• Avakerên Dersê - Forma Alternatîf
• Zeviyên Unitialized
• Navberên
• Bi Modulên ES6 re dixebitin
• var vs let
• Fonksiyon Arrow
• Arrow Function Hevoksaziya Compact
• Strings Şablon
• Generics li Class
• Generics di Function ion

Components
• Komponent çi ye?
• An Example Component
• Bi karanîna Angular CLI Perçeyek çêbikin
• Çîna Component
• The @Component Decorator
• Qeydkirina pêkhateyek ji Modula Wê re
• Şablon Component
• Mînakample: Şablon HelloComponent
• Mînakample: Dersa HelloComponent
• Bikaranîna Parçeyek
• Serlêdanê bixebitin
• Hiyerarşiya Component
• Pêkhateya Root a Applicat ion
• The Bootstrap File
• Çêlikên Lifecycle Component
• Mînakample Lifecycle Hooks
• Styles CSS
Şablonên pêkhatî
• Şablonên
• Cihê Şablon
• Mustache {{ }} Syntax
• Sazkirina Taybetmendiyên DOM Elementê
• Setting Element Body Text
• Bûyer Binding
• Handler Event Expression
• Pêşîlêgirtina Desthilatdariya Default
• Rêbernameyên Taybetmendiyê
• Bi Guhertina Dersên CSS-ê Styles Bipejirînin
• Mînakample: ngClass
• Serlêdana Styles rasterast
• Rêvebirên Structural
• Şablon bi şertî Bicihîne
• Mînakample: ngHeke
• Lêgerîna Bikaranîna ngFor
• ngJi bo Guherbarên Herêmî
• Manîpulasyona Berhevkirinê
• Mînakample - Jêbirina Tiştek
• Şopandina babetê bi ngFor
• Bi ngSwitch re Veguheztina Hêmanan
• Komkirina hêmanên
• Variable Reference Şablon

Têkiliya Pêkhateya Inter
• Bingehên Ragihandinê
• Mîmariya Daneyên Flow
• Amadekirina Zarok ji bo wergirtina daneyan
• Daneyên ji dêûbav bişînin
• Zêdetir Derbarê Vesazkirina Taybetmendiyan
• Firing Event ji Component
• @Output() Mînakample - Pêkhatina Zarokan
• @Output() Mînakample - Parent Component
• Full Du Way Binding
• Sazkirina Daneyên Du Way Binding li Dêûbav
Şablon û Formên ajotinê
• Formên Şablon ajotin
• Importing Forms Module
• Nêzîkatiya Bingehîn
• Damezrandina Formek
• Têketina Bikarhêner
• Derxistina Taybetmendiya ngForm
• Destpêkirina Formê
• Binding Data Du Way
• Validation Form
• Angular Validators
• Nîşandana Dewleta ion Validat Bi Bikaranîna Dersan
• Cureyên Input Additional
• Qutiyên kontrolê
• Zeviyên (Drop Down) Hilbijêre
• Vebijêrkên Rendering Ji bo Hilbijartinê (Drop Down)
• Zeviyên Dîrokê
• Bişkojkên Radyoyê

Formên Reaktîf
• Formên Reaktîf Serview
• Blokên Avakirinê
• Import FormsModule Reaktîf
• Formek ava bikin
• Dîzaynkirina Şablon
• Bidestxistina Nirxên Input
• Destpêkirina Qadên Input
• Sazkirina Nirxên Formê
• Tevlêbûna Guherandinên Input
• Validation
• Avakirin-In Validators
• Nîşandana Çewtiya Rastkirinê
• Validator Custom
• Bikaranîna Validator Custom
• Tedarîkkirina Veavakirinê ji bo Validator Custom
• FormArray - Dînamîk Têketinên lê zêde bike
• FormArray - Çîna Pêkhateyê
• FormArray - Şablon
• FormArray - Nirx
• Sub FormGroups - Çîna Pêkhatî
• Sub FormGroups - Şablon HTML
• Çima Sub FormGroups bikar bînin
Xizmet û Injection Dependency
• Xizmet çi ye?
• Afirandina Xizmetek Bingehîn
• Çîna Xizmetê
• Derziya girêdayiyê çi ye?
• Derzîlêdana Mînakek Xizmetê
• Injectors
• Hiyerarşiya Injector
• Tomarkirina Xizmetek bi Root Injector
• Qeydkirina Xizmetek bi Injektora Pêkhateyê
• Xizmetek bi Injector Modula Taybetmendiyê tomar bikin
• Li ku derê Xizmetek Tomarkirin?
• Di Artifactên Din de Derziya Girêdanê
• Pêşkêşkirina Pêkanîna Alternatîf
• Dependency Injection û @Host
• Dependency Injection û @Bijarte

HTTP Client
• Angular HTTP Client
• Bikaranîna Xerîdar HTTP - Serview
• HttpClientModule derxînin
• Xizmeta Bikaranîna HttpClient
• Çêkirina Daxwaza GET
• Tiştek Çavdêrî çi dike?
• Bikaranîna Xizmetê di Parçeyek de
• Pêkhateya ClientService People
• Error Handling
• Xweserkirina Error Object
• Çêkirina Daxwaza POST
• Çêkirina Daxwaza PUT
• Çêkirina Daxwaza DELETE
Borî û Formatkirina Daneyên
• Borî çi ne?
• Built-In Pipes
• Di Şablonên HTML-ê de Pipes bikar tînin
• Zincîrkirina Pipes
• Boriyên yekbûyî yên navneteweyî (i18n)
• Barkirina Daneyên Herêmî
• Dîroka Pipe
• Hejmara Pipe
• Boriya Pereyan
• Bollek Xweser biafirînin
• Custom Pipe Example
• Bikaranîna Pipes Custom
• Bikaranîna boriya bi ngFor
• A Parzûna Parzûna
• Kategoriya boriyê: Paqij û nepak
• Pure Pipe Example
• Pipe Nepaş Example

Destpêka Serlêdanên Yek Rûpelê
• Îyona Serlêdana Yek Rûpelê (SPA) çi ye
• Kevneşopî Web Bikaranînî
• SPA Workflow
• Single Page Application Advantages
• HTML5 Dîroka API
• Pirsgirêkên SPA
• Pêkanîna SPA-yên Bikaranîna Angular
Router Component Angular
• The Component Router
• View Rêserbirinî
• API Angular Router
• Çêkirina Serîlêdana Enabled Router
• Mêvandarîkirina Pêkhateyên Routed
• Navîgasyon Bi Bikaranîna Girêdan û Bişkokan
• Navîgasyon Bername
• Derbasbûna Parametreyên Rê
• Navîgasyon bi Parametreyên Rê
• Bidestxistina Nirxên Parametreyên Rê
• Vegerandina Parametreya Rêyê Bi Hevdemî
• Vegerandina Parametreyek Rêyek Asynkronî
• Parametreyên Query
• Pêşkêşkirina Parametreyên Query
• Vegerandina Parametreyên Query Asynchronously
• Pirsgirêkên bi Manual URL entry û Bookmarking

Client HTTP pêşketî
• Vebijêrkên Daxwaz
• Vegerandina HttpResponse Object
• Sernavên Daxwaza Sazkirina
• Çêkirina Çavdêriyên Nû
• Çêkirina Çavdêriyeke Hêsan
• Rêbaza Avakarê Çavdêr
• Operatorên Çavdêr
• Nexşe û Parzûna Operators
• Operator flatMap ().
• Tap () Operator
• The zip () Combinator
• Caching Bersiva HTTP
• Çêkirina Bangên HTTP-ya Rêheval
• Çêkirina Bangên Parallel
• Bi catchError() Kesayetîkirina Tişta Xeletiyê
• Di Pipeline de çewtî
• Error Recovery
Modulên Angular
• Çima Modulên Angular?
• Anatomy of a Class Module
• Taybetmendiyên @NgModule
• Modulên Taybetmendiyê
• Mînakample Structure Module
• Modulek Domainê biafirînin
• Cotek Modulên Rêwî/Rûtî biafirînin
• Modulek Xizmetê biafirînin
• Çêkirina Modulên Hevbeş
• Bikaranîna Yek Module Ji Din

Routing pêşketî
• Routing Enabled Feature Module
• Bikaranîna Modula Taybetmendiyê
• Lazy Barkirina Modula Taybetmendiyê
• Çêkirina Girêdan ji bo Pêkhateyên Modula Taybetmendiyê
• More About Lazy Loading
• Preloading Modules
• girêdana routerLinkActive
• Rêya Bingehîn
• Wildcard Route Path
• beralîkirinTo
• Rêyên Zarokan
• Diyarkirina Rêyên Zarokan ji bo Rêyên Zarokan
• Girêdanên ji bo Rêyên Zarokan
• Nobedarên Navîgasyon
• Çêkirina Pêkanîna Cerdevaniyê
• Di rê de cerdevanan bi kar tînin
Unit Testing Sepanên Angular
• Unit Testing Artifacts Angular
• Amûrên ceribandinê
• Gavên Testkirina Tîpîkî
• Encamên Testê
• Jasmine Test Suites
• Taybetmendiyên Jasmine (Testên Yekîneyê)
• Hêviyên
• Matchers
• Mînakamples of Use Matchers
• Bikaranîna ne Taybetmendiyê
• Setup û Teardown di Unit Test Suites
• Mînakample ya BerêEach û AfterEach Fonksiyonên
• Angular Test Module
• Mînakample Angular Test Module
• Testkirina Xizmetek
• Derzîlêdana Mînakek Xizmetê
• Rêbazek Hevdem biceribîne
• Rêbazek Asynchronous Test bikin
• Bikaranîna Mock HTTP Client
• Pêşkêşkirina Bersiva Canned
• Testkirina pêkhateyek
• Component Test Module
• Çêkirina Mînakek Pêkhatî
• Çîna ComponentFixture
• Testên Pêkhateyên Bingehîn
• Çîna DebugElement
• Têkiliya Bikarhêner Simulating

Debugging
• Serview ya Angular Debugging
• ViewKoda TypeScriptê di Debugger de binivîsîne
• Bikaranîna Keywordê debugger
• Debug Logging
• Angular DevTools çi ye?
• Bikaranîna Angular DevTools
• Angular DevTools - Structure Component
• Angular DevTools - Guhertina Detect ion Execut ion
• Girtina Çewtiyên Hevoksaziyê

KURS JI BO KÎ YE?

Vê qurs ji bo her kesê ku hewce dike ku bingehên pêşkeftina Angular 15 fêr bibe û yekser wê ji bo afirandina bikar bîne armanc e. web sepanên.
Her weha em dikarin vê qursa perwerdehiyê ji bo komên mezin radest bikin û xweş bikin - dem, drav û çavkaniyên rêxistina we hilînin. Ji bo bêtir agahdarî, ji kerema xwe bi e-nameyê bi me re têkilî daynin ph.training@lumifywork.com

PÊŞGOTIN

Web ezmûna pêşkeftinê bi karanîna HTML, CSS, û JavaScript hewce ye ku ji vê qursa Angular herî zêde sûd werbigire
Zanîna geroka DOM-ê jî bikêr e
Tecrûbeya pêşîn a Angular an AngularJS ne hewce ye

Pêşkêşkirina vê qursê ji hêla Lumify Work ve ji hêla şert û mercên veqetandinê ve tê rêve kirin.
Ji kerema xwe berî ku hûn beşdarî vê qursê bibin şert û mercan bi baldarî bixwînin, ji ber ku qeydkirina qursê bi pejirandina van şert û mercan ve girêdayî ye.

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