LUMIFY WORK Angular 12 Proqramlaşdırma

NİYƏ BU KURSU Öyrənməli

Bu hərtərəfli Angular 12 Proqramlaşdırma kursu Angular-a giriş, ardınca TypeScript, komponentlər, direktivlər, xidmətlər, HTTP Müştərisi, sınaq və sazlamanı ehtiva edən nəzəri öyrənmə və praktiki laboratoriyaların birləşməsidir.
Kurs işinizə dərhal müraciət edə biləcəyiniz faydalı və təsirli məlumatlarla doludur. Cavab verən tək səhifəlik brauzer proqramları kimi əsas Angular 12 inkişafının əsaslarını öyrənin websaytlar və hibrid mobil proqramlar.
Qeyd: Biz Angular-ın digər versiyaları üzrə də təlim keçirə bilərik. Sorğu etmək və ya marağınızı qeyd etmək üçün bizimlə əlaqə saxlayın.

ÖYRƏNLƏRİNİZ
Bu kursu uğurla bitirdikdən sonra siz:

• Typescript istifadə edərək tək səhifəlik Angular proqramlar hazırlayın
• Tam Angular inkişaf mühiti qurun
• Komponentlər, Direktivlər, Xidmətlər, Borular, Formalar və Xüsusi Qiymətləndiricilər yaradın
• Müşahidə oluna bilənlərdən istifadə edərək qabaqcıl şəbəkə məlumat axtarışı tapşırıqlarını idarə edin REST-dən data istehlak edin web Angular HT TP Client istifadə edərək xidmətlər WebSockets protokolu
• Məlumatları formatlaşdırmaq üçün Angular Pipes ilə işləyin
• Təkmil Angular Komponent Router xüsusiyyətlərindən istifadə edin
• Daxili alətlərdən istifadə edərək Angular proqramları sınayın və debug edin.

KURS MÖVZULARI

Fəsil 1. Angular tətbiqi

• Angular nədir?
• Bucaq Çərçivəsinin Mərkəzi Xüsusiyyətləri Müvafiq İstifadə Halları
• Bucaq Tətbiqinin Tikinti Blokları Bucaq Tətbiqinin Əsas Memarlığı Bucaqların quraşdırılması və istifadəsi
• Tətbiqi işlədən bir bucaq tətbiqinin anatomiyası
• Yerli Mobil Tətbiqlər üçün Angular Tətbiqin qurulması və yerləşdirilməsi
• Xülasə

Fəsil 2. TypeScript-ə giriş

• Angular TypeScript Sintaksisi ilə İstifadə üçün Proqramlaşdırma Dilləri
• Proqramlaşdırma redaktorları
• Tip sistemi – Dəyişənlərin müəyyən edilməsi
• Tip sistemi – massivlərin müəyyən edilməsi
• Əsas primitiv tiplər
• Funksiyalar daxil edin
• Nəticə yazın
• Siniflərin müəyyənləşdirilməsi
• Sinif Metodları
• Görünüşə Nəzarət
• Sinif konstruktorları
• Sinif Konstruktorları – Alternativ Forma Başlanmamış Sahələr
• İnterfeyslər
• ES6 modulları ilə işləmək
• var vs let
• Ok funksiyaları
• Ox Funksiyası Yığcam Sintaksis Şablon Sətirləri
• Sinifdə generiklər
• Funksiyada Generics
• Xülasə

Fəsil 3. Komponentlər

• Komponent nədir?
• Bir Example Komponent
• Angular CLI istifadə edərək komponentin yaradılması
• Komponent Sinfi
• @Component Dekoratoru
• Komponentin Modul Komponent Şablonuna Qeydiyyatı
• Example: HelloComponent Şablonu
• Example: Komponentdən istifadə edən HelloComponent Sinfi
• Tətbiqi işə salın
• Komponent iyerarxiyası
• Tətbiq Kök Komponenti
• Bootstrap File
• Komponent Ömrü Dövrü Qarmaqları Example Lifecycle Hooks
• CSS üslubları
• Xülasə

Fəsil 4. Komponent Şablonları

• Şablonlar
• Şablon Yeri
• Bığ {{ }} Sintaksisi
• DOM Element Xüsusiyyətlərinin qurulması
• Element Bədən Mətninin qurulması
• Hadisənin Bağlanması
• İfadə Hadisə İşləyicisi
• Defolt İdarəetmənin qarşısını alın
• Atribut Direktivləri
• CSS siniflərini dəyişdirərək üslubları tətbiq edin
• Example: ngClass
• Üslubların Birbaşa Tətbiqi
• Struktur Direktivlər
• Şablonu şərti olaraq icra edin
• Example: ngIf
• ngFor istifadə edərək dövrələmə
• ngYerli Dəyişənlər üçün
• Kolleksiyanın manipulyasiyası Example - Elementin silinməsi
• ngSwitch Qruplaşdırma Elementləri ilə ngFor Swapping Elementləri ilə Element İzləmə
• Şablon İstinad Dəyişən Xülasəsi

Fəsil 5. Komponentlərarası Kommunikasiya

• Ünsiyyət əsasları
• Məlumat axını arxitekturası
• Uşağın məlumat almağa hazırlanması
• Valideyndən Məlumat Göndərin
• Xüsusiyyətlərin qurulması haqqında ətraflı
• Komponentdən Yandırma Hadisəsi
• @Output() Məsample – Uşaq Komponent @Output() Məsample - Ana Komponent
• Tam İki Yönlü Bağlama
• Valideyndə İki Yönlü Məlumat Bağlamasının qurulması
• Xülasə

Fəsil 6. Şablonla idarə olunan formalar

• Şablonla idarə olunan formalar
• Formaların idxalı modulu
• Əsas yanaşma
• Formanın qurulması
• İstifadəçi Girişinin əldə edilməsi
• ngForm Atributunun buraxılması
• Formanı işə salın
• İki tərəfli məlumatların bağlanması
• Formanın Təsdiqlənməsi
• Bucaq Təsdiqləyiciləri
• Siniflərdən istifadə edərək Təsdiqləmə Vəziyyətinin Göstərilməsi Əlavə Giriş Tipləri
• Yoxlama qutuları
• (Açılır) Sahələri seçin
• Seçim (Açılır) Tarix sahələri üçün Göstərilmə Seçimləri
• Radio düymələri
• Xülasə

Fəsil 7. Reaktiv formalar

• Reaktiv formalar bitdiview
• Tikinti Blokları
• ReactiveFormsModule idxal edin
• Forma qurun
• Şablonu dizayn edin
• Daxiletmə dəyərlərinin əldə edilməsi
• Giriş Sahələrinin Başlanması
• Forma Dəyərlərinin qurulması
• Daxiletmə Dəyişikliklərinə abunə olun
• Doğrulama
• Quraşdırılmış Doğrulayıcılar
• Doğrulama Xətası göstərilir
• Xüsusi Qiymətləndirici
• Xüsusi Qiymətləndiricidən istifadə
• Xüsusi Qiymətləndiriciyə Konfiqurasiya Təchizatı
• FormArray – Girişləri dinamik şəkildə əlavə edin
• FormArray – Komponent Sinfi
• FormArray - Şablon
• FormArray - Dəyərlər
• Alt FormQruplar – Komponent Sinfi
• Alt FormQrupları – HTML Şablonu
• Niyə Alt FormQruplarından istifadə edin
• Xülasə

Fəsil 8. Xidmətlər və Asılılıq İnyeksiyası

• Xidmət nədir?
• Əsas Xidmətin yaradılması
• Xidmət sinfi
• Dependency Injection nədir?
• Xidmət Nümunəsinin Yerləşdirilməsi
• Enjektorlar
• Enjektor iyerarxiyası
• Root Injector ilə Xidmətin Qeydiyyatı
• Komponentin Enjektoru ilə Xidmətin Qeydiyyatı
• Xüsusiyyət Modulu İnjektoru ilə Xidməti Qeydiyyatdan Keçin
• Xidməti harada qeydiyyatdan keçirməli?
• Alternativ həyata keçirmə Asılılıq inyeksiyası və @Host təmin edən digər artefaktlarda asılılıq yeridilməsi
• Dependency Injection və @Opsiyonel
• Xülasə

Fəsil 9. HTTP Müştərisi

• Angular HT TP Client
• HT TP Client-dən istifadə – Bitdiview
• HttpClientModule idxal edilir
• HttpClient istifadə edərək xidmət
• GET Sorğunun edilməsi
• Müşahidə edilə bilən obyekt nə edir?
• Xidmətdən Komponentdə İstifadə
• PeopleService Müştəri Komponenti Xətasının İdarə Edilməsi
• Səhv obyektinin fərdiləşdirilməsi
• POST sorğusunun edilməsi
• PUT Sorğunun edilməsi
• SİLMƏ sorğusunun edilməsi

Fəsil 10. Borular və verilənlərin formatlaşdırılması

• Borular nədir?
• Quraşdırılmış Borular
• HTML Şablonu Zəncirləmə Borularında Borulardan İstifadə
• Beynəlxalqləşdirilmiş Borular (i18n) Yerli Məlumatların Yüklənməsi
• Tarix Borusu
• Boru nömrəsi
• Valyuta borusu
• Xüsusi Boru yaradın
• Xüsusi Boru Example
• Xüsusi borulardan istifadə
• ngFor ilə borudan istifadə
• Filtr borusu
• Boru Kateqoriya: Saf və Natəmiz
• Xülasə
• Təmiz Boru Example
• Natəmiz Boru Example
• Xülasə

Fəsil 11. Tək Səhifəli Tətbiqlərə Giriş

• Ənənəvi Tək Səhifəli Tətbiq (SPA) nədir Web Ərizə
• SPA iş axını
• Tək Səhifə Tətbiqi AdvantagHTML5 Tarix API
• SPA Çağırışları
• Bucaq xülasəsindən istifadə edərək SPA-nın həyata keçirilməsi

Fəsil 12. Bucaq komponenti marşrutlaşdırıcısı

• Komponent Router
• View Naviqasiya
• Angular Router API
• Router aktivləşdirilən proqramın yaradılması
• Yönləndirilmiş komponentlərin yerləşdirilməsi
• Linklər və Düymələrdən istifadə edərək naviqasiya
• Proqramlı Naviqasiya
• Keçid Marşrut Parametrləri
• Marşrut Parametrləri ilə naviqasiya
• Marşrut Parametri Dəyərlərinin Alınması
• Marşrut Parametrinin Sinxron Alınması
• Marşrut Parametrinin Asinxron Alınması
• Sorğu Parametrləri
• Sorğu Parametrlərinin Təchizatı
• Sorğu Parametrlərinin Asinxron Alınması
• Təlimatla bağlı problemlər URL giriş və Bookmarking
• Xülasə

Fəsil 13. Təkmil HTTP Müştərisi

• Sorğu Seçimləri
• HttpResponse obyektinin qaytarılması
• Sorğu Başlıqlarının qurulması
• Yeni Müşahidə Olunanların Yaradılması
• Sadə Müşahidənin Yaradılması
• Müşahidə edilə bilən konstruktor metodu Müşahidə edilə bilən operatorlar
• Xəritə və filtr operatorları
• flatMap() operatoru
• Tap() Operatoru
• zip() kombinatoru
• HT TP Cavabının keşləşdirilməsi
• Ardıcıl HT TP Zəngləri
• Paralel zənglərin edilməsi
• catchError() ilə xəta obyektinin fərdiləşdirilməsi
• Boru kəmərində xəta
• Xətanın Bərpası
• Xülasə

Fəsil 14. Bucaq modulları

• Niyə bucaq modulları?
• Modul sinfinin anatomiyası
• @NgModule Xüsusiyyətləri
• Xüsusiyyət Modulları
• Example Modul Strukturu
• Domen Modulu yaradın
• Yönləndirilmiş/Yönləndirici Modul Cütünü yaradın
• Xidmət modulu yaradın
• Ümumi modulların yaradılması

Fəsil 15. Qabaqcıl marşrutlaşdırma

• Marşrutlaşdırma Aktiv Xüsusiyyət Modulu
• Xüsusiyyət Modulundan istifadə
• Xüsusiyyət Modulunun Tənbəl Yüklənməsi
• Xüsusiyyət Modulu Komponentləri üçün Linklərin Yaradılması
• Lazy Loading Haqqında Ətraflı
• Modulların əvvəlcədən yüklənməsi
• Defolt Marşrut
• Wildcard Marşrut Yolu
• yönləndirin
• Uşaq marşrutları
• Uşaq marşrutlarının müəyyən edilməsi
• Uşaq marşrutları üçün
• Uşaq marşrutları üçün bağlantılar
• Naviqasiya Mühafizəçiləri
• Mühafizə Tətbiqlərinin yaradılması
• Marşrutda Mühafizəçilərdən İstifadə
• Xülasə

Fəsil 16. Bucaq tətbiqlərinin vahid sınaqdan keçirilməsi

• Bucaqlı artefaktların test vahidi
• Test Vasitələri
• Tipik Test Addımları
• Test Nəticələri
• Jasmine Test Suites
• Jasmin Xüsusiyyətləri (Vahid Testləri)
• Gözləntilər (təsdiqlər)
• Matchers
• ExampMatchers istifadə les
• Mülkiyyətdən istifadə etmə
• Vahid Test Paketlərində quraşdırma və sökmə
• ExampbeforeEach və AfterEach Funksiyalarının le
• Bucaq Test Modulu
• ExampBucaq Test Modulu
• Xidmətin sınaqdan keçirilməsi
• Xidmət Nümunəsinin Yerləşdirilməsi
• Sinxron metodu sınaqdan keçirin
• Asinxron Metodu sınayın
• Mock HT TP Client-dən istifadə
• Hazır Cavabın Təchizatı
• Komponentin sınaqdan keçirilməsi
• Komponent Test Modulu
• Komponent Nümunəsinin yaradılması
• ComponentFixture Sinfi
• Əsas Komponent Testləri
• DebugElement Sinfi
• İstifadəçi qarşılıqlı əlaqəsini simulyasiya etmək
• Xülasə

Fəsil 17. Sazlama

• Bitdiview Angular Debugging
• ViewDebugger-də TypeScript Kodunu daxil edin
• Sazlayıcı açar sözündən istifadə
• Sazlama Girişi
• Angular DevTools nədir?
• Angular DevTools istifadə
• Angular DevTools – Komponent Strukturu
• Angular DevTools – Dəyişiklik Aşkarlama İcrası
• Sintaksis xətalarının tutulması
• Xülasə

Laboratoriya məşqləri

• Laboratoriya işi 1. Angulara giriş
• Laboratoriya işi 2. TypeScript-ə giriş
• Laboratoriya işi 3. Komponentlərə giriş
• Laboratoriya 4. Komponent Şablonu
• Laboratoriya işi 5. Foto Qalereya Komponentini yaradın
• Laboratoriya işi 6. Şablonla idarə olunan forma
• Laboratoriya işi 7. Redaktə formasını yaradın
• Laboratoriya 8. Reaktiv forma
• Laboratoriya 9. Xidməti inkişaf etdirin
• Laboratoriya işi 10. HT TP Müştərisini hazırlayın
• Laboratoriya 11. Borulardan istifadə edin
• Laboratoriya 12. Router Laboratoriyasından istifadə edərək Əsas Tək Səhifəli Tətbiq 13. Tək Səhifəli Tətbiq (SPA) qurun
• Laboratoriya 14. Təkmil HT TP Müştərisi
• Laboratoriya işi 15. Angular Bootstrap-dan istifadə
• Laboratoriya 16. Lazy Module Loading
• Laboratoriya 17. Qabaqcıl marşrutlaşdırma
• Laboratoriya 18. Vahidin sınaqdan keçirilməsi
• Laboratoriya işi 19. Angular Proqramların Sazlanması

KURS KİM ÜÇÜNDÜR?
Bu kurs Angular 12 inkişafının əsaslarını öyrənmək və onu yaratmağa tətbiq etmək istəyən hər kəs üçün nəzərdə tutulub web dərhal tətbiqlər. Biz həmçinin bu təlim kursunu daha böyük qruplar üçün çatdıra və fərdiləşdirə bilərik - təşkilatınızın vaxtına, puluna və resurslarına qənaət edirik.

TƏLƏBƏLƏR
Web Bu Angular kursundan maksimum yararlanmaq üçün HTML, CSS və JavaScript istifadə edərək inkişaf təcrübəsi tələb olunur. DOM brauzerini bilmək də faydalıdır. AngularJS və ya Angular-ın hər hansı bir versiyası ilə əvvəlki Angular təcrübəsi tələb olunmur.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Sənədlər / Resurslar

LUMIFY WORK Angular 12 Proqramlaşdırma [pdf] İstifadəçi təlimatı Angular 12 Proqramlaşdırma, Angular, 12 Proqramlaşdırma, Proqramlaşdırma

İstinadlar

• İstifadəçi təlimatı