LUMIFY AIKI Angular 12 Shirye-shiryen

ME YA SA KARATUN WANNAN DARASIN

Wannan cikakkiyar kwas ɗin Tsare-tsare na Angular 12 haɗuwa ne na koyo na ka'idar da dakunan gwaje-gwaje na hannu wanda ya haɗa da gabatarwa zuwa Angular, tare da TypeScript, abubuwan da aka haɗa, umarni, ayyuka, Abokin Ciniki na HTTP, gwaji, da zamewa.
Kwas ɗin yana cike da bayanai masu amfani da aiki waɗanda za ku iya amfani da su ga aikinku nan take. Koyi tushen tushen ci gaban Angular 12 kamar aikace-aikacen burauzar shafi guda ɗaya, mai amsawa webshafukan yanar gizo, da aikace-aikacen wayar hannu masu haɗaka.
Lura: Hakanan zamu iya ba da horo akan sauran nau'ikan Angular. Da fatan za a tuntuɓe mu don yin bincike ko rajistar sha'awar ku.

ABIN DA ZAKU KOYA
Bayan kammala wannan kwas ɗin cikin nasara, zaku iya:

• Haɓaka aikace-aikacen Angular mai shafi ɗaya ta amfani da Typescript
• Kafa cikakken yanayin ci gaban Angular
• Ƙirƙirar abubuwan da aka haɗa, Umarni, Sabis, Bututu, Forms, da Masu Tabbatarwa na Musamman
• Karɓar ayyukan dawo da bayanan cibiyar sadarwa na ci gaba ta amfani da Observables Ciyar da bayanai daga REST web ayyuka ta amfani da Angular HT TP Client Handle tura-bayanai haši ta amfani da WebProtocol na sockets
• Yi aiki tare da bututun Angular don tsara bayanai
• Yi amfani da abubuwan ci-gaban na'ura mai ba da hanya tsakanin hanyoyin sadarwa na Angular
• Gwada da gyara aikace-aikacen Angular ta amfani da ginanniyar kayan aikin.

DARASIN SAUKI

Babi na 1. Gabatar da Angular

• Menene Angular?
• Siffofin tsakiya na Tsarin Angular Dace da Abubuwan Amfani
• Tubalan Ginin Aikace-aikacen Angular Asalin Gine-ginen Gine-gine na Ƙarfafawa da Amfani da Angular Application
• Anatomy na Aikace-aikacen Angular Gudun Aikace-aikacen
• Gina da Ƙaddamar da Angular Aikace-aikacen don Apps Mobile na asali
• Takaitawa

Babi na 2. Gabatarwa zuwa Rubutun Rubutun

• Harsunan Shirye-shiryen don Amfani tare da Tsarin Rubutun Rubutun Angular
• Editocin Shirye-shirye
• Nau'in Tsarin - Ma'anar Ma'anar Sauye-sauye
• Nau'in Tsarin - Ma'anar Tsara
• Nau'ukan Farko na asali
• Buga Ayyuka
• Nau'in Inference
• Ma'anar Classes
• Hanyoyin Aji
• Ikon Ganuwa
• Masu Gina Aji
• Masu Gina Aji - Madadin Samfuran da ba a san su ba
• Hanyoyin sadarwa
• Aiki tare da ES6 Modules
• var vs bari
• Ayyukan Kibiya
• Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwararren Ƙwaƙwalwa na Ƙadda ) ya yi
• Generics a cikin Class
• Generics a Aiki
• Takaitawa

Babi na 3. Abubuwan da aka gyara

• Menene Bangaren?
• An Exampda Bangaren
• Ƙirƙirar wani sashi ta Amfani da Angular CLI
• Class Class
• The @Component Ado
• Rijista na'ura zuwa Samfurin Bangaren Modulensa
• Example: HelloComponent Samfura
• Example: Ajin HelloComponent Amfani da wani sashi
• Gudanar da Aikace-aikacen
• Matsayin sashi
• Tushen Tushen Application
• Bootstrap File
• Bangaren Lifecycle Hooks Exampda Lifecycle Hooks
• CSS Styles
• Takaitawa

Babi na 4. Samfuran Na'urar

• Samfura
• Wurin Samfura
• The Gefen {{ }} Haɗin Kai
• Saita Abubuwan Abubuwan Abubuwan DOM
• Saita Rubutun Jiki
• Daure Lamari
• Mai Gudanar da Ma'anar Magana
• Hana Tsohuwar Gudanarwa
• Umarnin sifa
• Aiwatar da Salo ta Canza azuzuwan CSS
• Exampku: ngclass
• Aiwatar da Salon Kai tsaye
• Umarnin Tsari
• Ƙaddamar da Samfurin Yanayi
• Exampku: ng If
• Yin amfani da ngFor
• ngDon Canje-canje na Gida
• Gudanar da Tarin Example – Share Abu
• Bibiyar abu tare da ngDon Musanya Abubuwa tare da Abubuwan Rukuni na ngSwitch
• Takaitacciyar Magana Mai Sauƙi na Samfura

Babi na 5. Sadarwar Bangaren Matsala

• Tushen Sadarwa
• The Data Flow Architecture
• Shirya Yaro Don Karbar Bayanai
• Aika bayanai daga iyaye
• Ƙari Game da Saita Kayayyakin
• Harba Event daga wani Bangaren
• @Fitowa() Example – Bangaren Yara @Fitowa() Example – Bangaren Iyaye
• Daure Cikakkun Hanya Biyu
• Ƙirƙirar Daurin Bayanan Hanyoyi Biyu a cikin Iyaye
• Takaitawa

Babi na 6. Samfuran Tuƙi

• Samfurin Tuƙi
• Module Ana Shigo da Forms
• Hanyar Hanya
• Saita Form
• Samun Shigar Mai Amfani
• Yin watsi da Siffar ngForm
• Fara Form
• Biyu Way Data Daure
• Tabbatar da Form
• Masu Tabbatar da Angular
• Nuna Tabbatarwa Jihar Yin Amfani da Ƙarin Nau'in shigar da azuzuwan
• Akwatunan rajista
• Zaɓi Filayen (Drop Down).
• Zaɓuɓɓukan Rendering don Zaɓi (Ajiye) Filayen kwanan wata
• Maɓallan rediyo
• Takaitawa

Babi na 7. Forms masu amsawa

• Samfuran Reactive Overview
• Tubalan Ginin
• Shigo da ReactiveFormsModule
• Gina Fom
• Zana Samfura
• Samun Ƙimar Shigarwa
• Fara Filayen Shigarwa
• Saitin Samfuran Ƙimar
• Biyan kuɗi zuwa Canje-canjen Shigarwa
• Tabbatarwa
• Gina-In Masu Tabbatarwa
• Nuna Kuskuren Tabbatarwa
• Mai Tabbatarwa na Musamman
• Amfani da Mai Tabbatarwa na Musamman
• Bayar da Kanfigareshan zuwa Mai Tabbatarwa na Musamman
• FormArray - Ƙara abubuwan da aka shigar a zahiri
• FormArray - Class Class
• FormArray - Samfura
• FormArray - Dabbobi
• Ƙungiyoyin Ƙungiyoyin Ƙirar-Ƙananan Ƙirar-Ƙara
• Ƙungiyoyin Ƙungiyoyin Ƙarfafa – Samfuran HTML
• Me yasa Amfani da Ƙungiyoyin Ƙungiyoyin Ƙungiyoyi
• Takaitawa

Babi na 8. Hidimomi da Allurar Dogara

• Menene Sabis?
• Ƙirƙirar Sabis na asali
• Ajin Sabis
• Menene Allurar Dogara?
• Allurar Misalin Sabis
• Masu allura
• Matsayin Injector
• Rijista Sabis tare da Tushen Injector
• Rijista Sabis tare da Injector na Na'ura
• Yi rijistar Sabis tare da Injector Module Feature
• Inda Za a Yi Rijistar Sabis?
• Dogarowar Injection a cikin Wasu Kayan Aikin Gaggawa Samar da Madadin Dogarowar Dogara da @ Mai watsa shiri
• Dogaro Allurar da @Zaɓi
• Takaitawa

Babi na 9. Abokin Ciniki HTTP

• Abokin ciniki na Angular HT TP
• Amfani da T da HT TP Client - Overview
• Ana shigo da HttpClientModule
• Sabis Ta Amfani da HttpClient
• Yin Buƙatar SAMU
• Menene Abun Dubawa yakeyi?
• Yin amfani da Sabis a cikin wani sashi
• Gudanar da Kuskuren Bangaren Abokin Ciniki na Jama'aService
• Keɓance Abun Kuskuren
• Yin Buƙatar POST
• Yin Buƙatar PUT
• Yin Buƙatar Gogewa

Babi na 10. Bututu da Tsarin Bayanai

• Menene Pipes?
• Gina Bututu
• Amfani da Bututu a cikin Samfuran Rubutun Sarkar Samfuran HTML
• Bututu na Ƙasashen Duniya (i18n) Loading Data Locale
• Kwanan wata Pipe
• Lambar Pipe
• Bututun Kuɗi
• Ƙirƙiri bututu na Musamman
• Custom Pipe Example
• Amfani da Bututun Custom
• Amfani da Pipe tare da ngFor
• Bututu Tace
• Category Bututu: Tsaftace da Najasa
• Takaitawa
• Pure Pipe Example
• Bututu mai tsabta Example
• Takaitawa

Babi na 11. Gabatarwa zuwa Aikace-aikacen Shafi guda ɗaya

• Menene Aikace-aikacen Shafi Guda ɗaya (SPA) na gargajiya Web Aikace-aikace
• SPA aiki
• Shafi guda ɗaya AdvantagAPI ɗin Tarihin HTML5
• Kalubalen SPA
• Aiwatar da SPA's Amfani da Takaitaccen Takaitaccen Angular

Babi na 12. Na'ura mai ba da hanya tsakanin hanyoyin sadarwa na Angular

• Na'ura mai ba da hanya tsakanin hanyoyin sadarwa
• View Kewayawa
• API ɗin Angular Router
• Ƙirƙirar aikace-aikacen da aka kunna na'ura mai ba da hanya tsakanin hanyoyin sadarwa
• Bayar da Abubuwan da aka Rarraba
• Kewayawa Ta Amfani da Haɗi da Maɓalli
• Kewayawa na shirye-shirye
• Wuraren Wuta Mai Wuta
• Kewayawa tare da Ma'aunin Hanya
• Samun Ma'aunin Ma'aunin Hanya
• Maido Ma'aunin Hanya A Daidaitawa
• Maido da Ma'aunin Hanya Ba tare da Asynchronous ba
• Ma'aunin tambaya
• Samar da Ma'aunin Tambaya
• Ana dawo da Ma'aunin Tambayoyi A Daidaitawa
• Matsaloli tare da Manual URL shigarwa da Alamar alama
• Takaitawa

Babi na 13. Babban Abokin Ciniki na HTTP

• Neman Zaɓuɓɓuka
• Mayar da Abun Amsa Http
• Saitin Buƙatun Masu Bugawa
• Ƙirƙirar Sabbin Abubuwan Dubawa
• Ƙirƙirar Mai Sauƙi Mai Ganuwa
• Hanyar Ƙirƙirar Ƙwararrun Ƙwararrun Ƙwararrun Masu Gudanarwa
• Taswirar da tace Masu aiki
• Mai aiki da FlatMap().
• Tap() Operator
• Zip() Combinator
• Caching HT TP Response
• Yin Kiran Juyi HT TP
• Yin Kiraye-kiraye masu daidaitawa
• Keɓance Abun Kuskure tare da Kuskuren kama ()
• Kuskure a cikin Pipeline
• Kuskuren Farfadowa
• Takaitawa

Babi na 14. Angular Modules

• Me yasa Modules Angular?
• Anatomy na Ajin Module
• @NgModule Properties
• Moduloli masu fasali
• ExampTsarin Module
• Ƙirƙiri Module na Domain
• Ƙirƙiri Haɗin Module Mai Rarraba/Mai Tafiya
• Ƙirƙiri Modulin Sabis
• Ƙirƙirar Moduloli gama gari

Babi na 15. Advanced Routing

• Module ɗin Fasalin Ƙaddamar da Hanyar
• Amfani da Module Feature
• Lazy Loading Module Feature
• Ƙirƙirar hanyoyin haɗin kai don Abubuwan Abubuwan Module na Fasa
• Ƙari Game da Loading Lazy
• Zazzage Moduloli
• Hanyar da ta dace
• Hanyar Hanyar Kati
• tura zuwa
• Hanyoyin Yara
• Bayyana Hanyoyin Yara
• don Hanyoyin Yara
• Hanyoyin haɗi don Hanyoyin Yara
• Masu gadin kewayawa
• Ƙirƙirar Ayyukan Tsaro
• Amfani da Guards a cikin Hanya
• Takaitawa

Babi na 16. Gwajin Angular Aikace-aikace

• Gwajin Naúrar Kayan Aikin Hannu
• Kayan aikin Gwaji
• Matakan Gwaji na Musamman
• Sakamakon Gwaji
• Jasmine Test Suites
• Takaddun Jasmine (Gwajin Raka'a)
• Tsammani (Tabbas)
• Matches
• ExampAmfani da Matchers
• Yin amfani da kayan da ba a so ba
• Saita da Teardown a cikin Unit Test Suites
• Example na gabanin Kowa da Bayan Kowane Ayyuka
• Module Gwajin Angular
• ExampModule Gwajin Angular
• Gwajin Sabis
• Allurar Misalin Sabis
• Gwada Hanyar Daidaitawa
• Gwada Hanyar Asynchronous
• Amfani da Mock HT TP Client
• Bayar da Amsar Gwangwani
• Gwajin wani sashi
• Module Gwajin Abunda
• Ƙirƙirar Misalin Bangaren
• ClassFixture Class
• Gwaje-gwaje na asali na asali
• Ajin DebugElement
• Simulating Mai Amfani
• Takaitawa

Babi na 17. Debugging

• Ƙarsheview na Angular Debugging
• ViewLambobin TypeScript a cikin Debugger
• Amfani da Maɓallin Maɓalli
• Shigar da gyara kuskure
• Menene Angular DevTools?
• Amfani da Angular DevTools
• Angular DevTools - Tsarin Bangaren
• DevTools na Angular - Canza Ganewar Kisa
• Kama Kurakurai na Daidaitawa
• Takaitawa

Ayyukan Lab

• Lab 1. Gabatarwa zuwa Angular
• Lab 2. Gabatarwa zuwa TypeScript
• Lab 3. Gabatarwa zuwa Abubuwan da aka gyara
• Lab 4. Samfurin Na'urar
• Lab 5. Ƙirƙiri Bangaren Gidan Hoto
• Lab 6. Samfurin Tuƙi
• Lab 7. Ƙirƙiri Form na Gyara
• Lab 8. Reactive Form
• Lab 9. Haɓaka Sabis
• Lab 10. Haɓaka abokin ciniki na HT TP
• Lab 11. Amfani da Bututu
• Lab 12. Basic Single Page Application Yin amfani da na'ura mai ba da hanya tsakanin hanyoyin sadarwa Lab 13. Gina Shafi guda daya (SPA)
• Lab 14. Advanced HT TP Client
• Lab 15. Amfani da Angular Bootstrap
• Lab 16. Lazy Module Loading
• Lab 17. Advanced Routing
• Lab 18. Gwajin Raka'a
• Lab 19. Gyara Aikace-aikacen Angular

WANE DARASIN GA WAYE?
Wannan karatun an yi niyya ne ga duk wanda ke buƙatar koyon tushen ci gaban Angular 12 kuma ya yi amfani da shi don ƙirƙirar web aikace-aikace kai tsaye. Hakanan zamu iya isar da kuma keɓance wannan kwas ɗin horo don manyan ƙungiyoyi - adana lokacin ƙungiyar ku, kuɗi da albarkatu.

SHARI'A
Web Ana buƙatar ƙwarewar ci gaba ta amfani da HTML, CSS da JavaScript don samun mafi kyawun wannan darasi na Angular. Ilimin mai binciken DOM shima yana da amfani. Kwarewar Angular ta farko, tare da AngularJS ko kowane sigar Angular, ba a buƙata.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Takardu / Albarkatu

LUMIFY AIKI Angular 12 Shirye-shiryen [pdf] Jagorar mai amfani Angular 12 Programming, Angular, 12 Programming, Programming

Magana

• Manual mai amfani