LUMIFY WORK Angular 12 Bernamekirin

ÇIMA VÊ KURSÊ XWENDIN

Vê qursa bernamesaz a berfireh a Angular 12 berhevokek fêrbûna teorîkî û laboratîfên destan e ku tê de danasîna Angular, li pey TypeScript, pêkhate, rêwerz, karûbar, Xerîdar HTTP, ceribandin û debugging vedihewîne.
Kurs bi agahdariya kêrhatî û bikêrhatî ye ku hûn dikarin tavilê serî li xebata xwe bidin. Bingehên pêşkeftina bingehîn a Angular 12 wekî serîlêdanên geroka yek-rûpelî, bersivdar fêr bibin webmalper, û sepanên mobîl ên hybrid.
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.

TU DÊ ÇI FÎR BIN
Piştî bi serkeftî qedandina vê qursê, hûn ê bikaribin:

• Bi karanîna Typescript ve sepanên Angular yek-rûpel pêşve bibin
• Jîngehek pêşkeftina Angular a bêkêmasî saz bikin
• Pêkhatin, Rêvebir, Karûbar, Borî, Form, û Validatorên Xweser biafirînin
• Karên pêşkeftî yên vegerandina daneya torê bi karanîna Observables bikar bînin Daneyên ji RESTê bixwin web karûbarên ku bi karanîna Angular HT TP Client Bi karanîna pêwendiya pêwendiya daneyê bi kar tînin WebProtokola soketan
• Bi Angular Pipes re bixebitin ku daneyan format bikin
• Taybetmendiyên Angular Component Router-a pêşkeftî bikar bînin
• Serlêdanên Angular bi karanîna amûrên çêkirî ceribandin û xelet kirin.

MIJARÊN KURSÊ

Beşa 1. Danasîna Angular

• Angular çi ye?
• Taybetmendiyên Navendî yên Çarçoveya Angular Bikaranîna Minasib
• Avakirina Blokên Serlêdanek Angular Mîmariya Bingehîn a Serlêdanek Angular Sazkirin û Bikaranîna Angular
• Anatomiya Serlêdanek Angular Serlêdanê Dimeşîne
• Ji bo Serlêdanên Mobîl ên Xwecih ava kirin û bicîhkirina Serlêdana Angular
• Berhevkirinî

Beşa 2. Destpêka TypeScript

• Zimanên Bernamesaziyê Ji bo Bikaranîna Bi Hevoksaziya Angular TypeScript
• Edîtorên Programming
• Pergala Tîpa - Danasîna Guherbaran
• Pergala Tîpa - Danasîna Array
• Cureyên bingehîn ên bingehîn
• Fonksiyon binivîsin
• Encama tîpê
• Diyarkirina Dersan
• Rêbazên Dersê
• Kontrola dîtinê
• Constructors Class
• Avakerên sinifê - Zeviyên Unitialized Forma Alternatîf
• Interfaces
• Bi Modulên ES6 re dixebitin
• var vs bila
• Fonksiyon Arrow
• Têlên Şablonên Hevoksaziya Hevoksaziya Tîrê
• Generics li Class
• Generics di Fonksiyon
• Berhevkirinî

Beşa 3. Pêkhateyên

• Parçeyek çi ye?
• An Example Component
• Afirandina Parçeyek Bi Bikaranîna Angular CLI
• The Component Class
• The @Component Decorator
• Tomarkirina Pêvek li Şablona Pêkhateya Modula Wê
• Example: Şablon HelloComponent
• Example: Dersa HelloComponent Bi Bikaranîna Pêvek
• Serlêdanê bixebitin
• Hiyerarşiya pêkhatî
• Pêkhateya Roota Serlêdanê
• The Bootstrap File
• Component Lifecycle Hooks Example Lifecycle Hooks
• CSS Styles
• Berhevkirinî

Beş 4. Şablonên pêkhatî

• Şablonên
• Cihê şablonê
• Hevoksaziya Mustache {{ }}
• Sazkirina Taybetmendiyên Hêmana DOM-ê
• Setting Element Body Text
• Bûyer Binding
• Handler Event Expression
• Pêşîlêgirtina Desthilatdariya Default
• Rêbernameyên Taybetmendiyê
• Bi Guherîna Dersên CSS-ê Styles Bicihînin
• Example: ngClass
• Serlêdana Şêweyan rasterast
• Structural Directives
• Şablon bi şertî Bicive
• Example: ngHeke
• Vegerandin Bikaranîna ngFor
• ngJi bo Guherbarên Herêmî
• Manîpulasyona Koleksiyonê Example - Jêbirina Tiştek
• Şopandina babetê bi ngJi bo guheztina hêmanan bi hêmanên komkirina ngSwitch re
• Şablon Reference Variable Kurteya

Beş 5. Ragihandina Inter Component

• Bingehên Ragihandinê
• Mîmariya Daneyên Flow
• Amadekirina zarok ji bo wergirtina daneyan
• Daneyên ji dêûbav bişînin
• Zêdetir Di derbarê Sazkirina Taybetmendiyan de
• Agirkirina Bûyerê ji Parçeyek
• @Output() Mînakample - Parçeya Zarokan @Output() Example - Parent Component
• Binding Du Way Full
• Sazkirina Daneyên Du-Awayî li Dêûbav
• Berhevkirinî

Beşa 6. Formên Şablonên ajotinê

• Formên Pêşkêşkirî yên Şablon
• Importing Forms Module
• Nêzîkatiya Bingehîn
• Sazkirina Formek
• Danîna Têketina Bikarhêner
• Derxistina Taybetmendiya ngForm
• Formê dest pê bikin
• Binding Data Du Way
• Validation Form
• Angular Validators
• Nîşandana Dewleta Verastkirinê Bi Bikaranîna Dersan Cûreyên Ketina Zêdeyî
• Checkboxes
• Vebijêrin (Dap Down) Qadan
• Vebijêrkên Rendering Ji bo Hilbijartina (Dap Down) Zeviyên Dîrokê
• Bişkokên Radyoyê
• Berhevkirinî

Beşa 7. Formên Reaktîf

• Formên Reaktîf Serview
• The Building Blocks
• Import ReactiveFormsModule
• Formek ava bikin
• Dîzaynkirina Şablonê
• Danîna Nirxên Input
• Destpêkirina Qadên Têketinê
• Sazkirina Nirxên Formê
• Aboneya Guherandinên Ketinê
• Validation
• Avakirin-In Validators
• Xeletiya Validasyonê nîşan dide
• Custom Validator
• Bikaranîna Validatorek Xweser
• Pêşkêşkirina Veavakirinê ji Validatorê Xweser
• FormArray - Bi dînamîk Têketinan lê zêde bikin
• FormArray - Çîna Pêkhateyê
• FormArray - Şablon
• FormArray - Nirx
• Bin FormGroups - Çîna pêkhatî
• Bin FormGroups - Şablon HTML
• Çima Sub FormGroups bikar bînin
• Berhevkirinî

Beşa 8. Xizmet û Derziya Girêdanê

• Xizmetek çi ye?
• Afirandina Xizmetek Bingehîn
• Çîna Xizmetê
• Derziya Girêdanê çi ye?
• Derzîlêdana Mînakek Xizmetê
• Injektor
• Hiyerarşiya Injector
• Tomarkirina Karûbarek bi Root Injector
• Tomarkirina Karûbarek bi Injektorek Parvek
• Karûbarek bi Injektorek Modula Taybetmendiyê tomar bikin
• Li ku derê Xizmetek Tomarkirin?
• Di Artifaktên Din de Derziya Pêvegirtinê Pêkhatinek Veguheztinê ya Alternatîf û @Host peyda dike
• Injection Dependency and @Bijarte
• Berhevkirinî

Beşa 9. Xerîdar HTTP

• Angular HT TP Client
• Bikaranîna T ew HT TP Client - Serview
• Importkirina HttpClientModule
• Xizmet bi karanîna HttpClient
• Daxwaza GET çêkirin
• Tiştek Çavdêrî çi dike?
• Bikaranîna Xizmetê di Parçeyek de
• Desthilatdariya Xeletiya Pêkhateya Xerîdar a PeopleService
• Xweserîkirina Error Object
• Daxwaza POST çêkirin
• Çêkirina Daxwaza PUT
• Çêkirina Daxwazek DELETE

Beşa 10. Borî û Formatkirina Daneyan

• Pipes çi ne?
• Built-In Pipes
• Bikaranîna lûleyan di Şablonên HTML-ê de Zincîrkirina lûleyan
• Boriyên Navneteweyî (i18n) Daneyên Herêmî Barkirin
• Dîroka Pipe
• Hejmara Pipe
• Currency Pipe
• Biafirîne Pipe Custom
• Custom Pipe Example
• Bikaranîna Pipes Custom
• Bikaranîna boriyek bi ngFor re
• A Parzûna Parzûna
• Kategoriya boriyê: Paqij û nepak
• Berhevkirinî
• Pure Pipe Example
• Nepaş Pipe Example
• Berhevkirinî

Beşa 11. Destpêka Serlêdanên Yek Rûpelê

• Serlêdana Yek Rûpelê (SPA) Kevneşopî çi ye Web Bikaranînî
• SPA Workflow
• Serlêdana Yek rûpel Advantage HTML5 Dîroka API
• Pirsgirêkên SPA
• Bicihanîna SPA-yê Bi karanîna Kurteya Angular

Beşa 12. Router Component Angular

• The Component Router
• View Rêserbirinî
• API Angular Router
• Afirandina Serlêdanek Vekirî ya Router
• Mêvandarkirina Pêkhateyên Rêvekirî
• Navîgasyon Bi Bikaranîna Girêdan û Bişkokan
• Navîgasyon Bername
• Derbaskirina Parametreyên Rê
• Navîgasyon bi Parametreyên Rê
• Bidestxistina Nirxên Parametreya Rê
• Vegerandina Parametreya Rêyê Bi Hevdemî
• Vegerandina Parametreyek Rêyê Bi Asynkronî
• Parametreyên Query
• Pêşkêşkirina Parametreyên Query
• Vegerandina Parametreyên Query Asynchronously
• Pirsgirêkên bi Manual URL entry û Bookmarking
• Berhevkirinî

Beş 13. Xerîdar HTTP ya pêşkeftî

• Vebijêrkên Daxwaz
• Vegerandina Tiştek HttpResponse
• Sazkirina Sernivîsên Daxwaza
• Çêkirina Çavdêriyên Nû
• Afirandina Çavdêriyek Hêsan
• Rêbaza Avakarê Çavdêr Operatorên Çavdêr
• Nexşe û Parzûna Operatoran
• Operatorê flatMap().
• Operatorê tap().
• Kombînatora zip().
• Caching HT TP Response
• Çêkirina Bangên HT TP-ya Rêzdar
• Çêkirina Bangên Parallel
• Bi catchError() Kesayetîkirina Tişta Çewtiyê.
• Di Pipeline de çewtî
• Error Recovery
• Berhevkirinî

Beşa 14. Modulên Angular

• Çima Modulên Angular?
• Anatomy of a Class Module
• Taybetmendiyên @NgModule
• Modulên Taybetmendiyê
• Example Structure Module
• Modulek Domainê biafirînin
• Cotek Modulek Rêwî/Rêvekirî biafirînin
• Modulek Xizmetê biafirînin
• Afirandina Modulên Hevbeş

Beşa 15. Routing pêşketî

• Modula Taybetmendiya Çalakkirî Rêwîtiyê
• Bikaranîna Modula Taybetmendiyê
• Lazy Modula Taybetmendiyê Barkirin
• Afirandina Girêdan ji bo Pêkhateyên Modula Taybetmendiyê
• More About Lazy Loading
• Preloading Modules
• Rêya Bingehîn
• Wildcard Route Path
• beralîkirin To
• 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
• Afirandina Pêkanîna Cerdevaniyê
• Di rê de cerdevanan bikar tînin
• Berhevkirinî

Beşa 16. Sepanên Angular Testing Unit

• Unit Testing Artifacts Angular
• Tenduristiyê
• Gavên Testkirina Tîpîkî
• Encamên Testê
• Jasmine Test Suites
• Taybetmendiyên Jasmine (Testên Yekîneyê)
• Hêviyên
• Matchers
• Examples of Use Matchers
• Bikaranîna ne Taybetmendiyê
• Sazkirin û Teardown di Unit Test Suites
• Example ya BerêEach û AfterEach Fonksiyonên
• Modula Testê Angular
• Example Angular Test Module
• Testkirina Xizmetek
• Derzîlêdana Mînakek Xizmetê
• Rêbazek Hemdemî ceribandin
• Rêbazek Asynchronous test bikin
• Bikaranîna Mock HT TP Client
• Pêşkêşkirina Bersiva Canned
• Testkirina pêkhateyek
• Component Test Modula
• Afirandina Mînakek Pêkhatî
• Çîna ComponentFixture
• Testên Pêkhateyên Bingehîn
• Çîna DebugElement
• Simulating Têkiliya Bikarhêner
• Berhevkirinî

Beşa 17. Debugging

• Serview ya Angular Debugging
• ViewKoda TypeScriptê di Debugger de binivîsîne
• Bikaranîna Keyworda debuggerê
• Debug Logging
• Angular DevTools çi ye?
• Bikaranîna Angular DevTools
• Angular DevTools - Structure Component
• Angular DevTools - Guhertina Tespîtkirina Bicîhkirinê
• Girtina Çewtiyên Hevoksaziyê
• Berhevkirinî

Exercises Lab

• Lab 1. Destpêka Angular
• Lab 2. Destpêka TypeScript
• Lab 3. Destpêka Pêkhateyan
• Lab 4. Şablon Component
• Lab 5. Pêkhateyek Galeriya Wêne biafirîne
• Lab 6. Forma Şablonê ajotinê
• Lab 7. Formek Guherandinek Biafirîne
• Lab 8. Forma Reaktîf
• Lab 9. Pêşxistina Xizmetek
• Lab 10. Pêşvebirina HT TP Client
• Lab 11. Pipes bikar bînin
• Laboratorî 12. Serlêdana Yek Rûpelê Bingehîn Bi Bikaranîna Laboratoriya Routerê 13. Serlêdanek Rûpelek Yekane (SPA) ava bikin
• Lab 14. Pêşketî HT TP Client
• Lab 15. Bikaranîna Angular Bootstrap
• Lab 16. Loading Module Lazy
• Lab 17. Routing pêşketî
• Lab 18. Testing Unit
• Lab 19. Debugging Angular Applications

KURS JI BO KÎ YE?
Vê qursê ji her kesê ku hewce dike ku bingehên pêşkeftina Angular 12 fêr bibe û wê di afirandina afirandinê de bicîh bîne re tê armanc kirin web sepanên yekser. 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.

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 Angular a berê, bi AngularJS an guhertoyek Angular re, ne hewce ye.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Belge / Çavkanî

LUMIFY WORK Angular 12 Bernamekirin [pdf] Rehbera bikaranînê Angular 12 Programming, Angular, 12 Programming, Programming

Çavkanî

• Manual Bikarhêner