TƏTBİQ VƏ WEB İNKİŞAF
Angular 15 Proqramlaşdırma
UZUNLUK 5 gün
VERSİYA 15
NİYƏ BU KURSU Öyrənməli
Bu intensiv və hərtərəfli Angular 15 təlim kursu iştirakçılara işlərində dərhal istifadə edə biləcəkləri bacarıqlar təqdim edir. Siz Angular 15 inkişafının əsaslarını öyrənəcəksiniz, məsələn, tək səhifəlik brauzer tətbiqi ionları, cavab verən websaytlar və hibrid mobil tətbiq ionları.
Bu kurs Angular-a giriş, ardınca TypeScript, komponentlər, birbaşa xidmətlər, xidmətlər, HTTPClient, sınaq və sazlamanı ehtiva edən nəzəri öyrənmə və praktiki laboratoriyaların birləşməsidir.
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.
LUMIFY İŞİNDƏ BUÇAQ
ÖYRƏNLƏRİNİZ
Bu kursu müvəffəqiyyətlə başa vurduqdan sonra aşağıdakı biliklərə sahib olacaqsınız:
- Typescript-dən istifadə edərək tək səhifəlik bucaq tətbiqi ionları hazırlayın
- Tam Angular inkişaf mühiti qurun
- Komponentlər, Birbaşa xidmətlər, Xidmətlər, Borular, Formalar və Xüsusi Qiymətləndiricilər yaradın
- Müşahidə olunanlardan istifadə edərək qabaqcıl şəbəkə məlumatlarının axtarışı tapşırıqlarını idarə edin
- REST-dən data istehlak edin web Angular HTTP Client-dən istifadə edən xidmətlər
- istifadə edərək push-data əlaqə ionlarını idarə edin WebSoket 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
- Quraşdırılmış alətlərdən istifadə edərək Angular tətbiq ionlarını sınayın və debug edin
- Angular CLI ilə işləyin
Təlimatçım mənim xüsusi vəziyyətimlə əlaqəli real dünya nümunələrinə ssenarilər qoya bilməkdə əla idi.
Gəldiyim andan məni xoş qarşıladılar və vəziyyətlərimizi və məqsədlərimizi müzakirə etmək üçün sinifdən kənarda qrup şəklində oturmaq bacarığım çox dəyərli idi.
Mən çox şey öyrəndim və bu kursda iştirak etməklə məqsədlərimə çatmağın vacib olduğunu hiss etdim.
Əla iş Lumify İş komandası.
AMANDA NİKOL
İT DƏSTƏK XİDMƏTLƏRİ MƏDƏCƏRİ – HEALTH WORLD LIMITED
KURS MÖVZULARI
- Angular ilə tanış olun
• Angular nədir?
• Bucaq Çərçivəsinin Mərkəzi Xüsusiyyətləri
• Müvafiq istifadə halları
• Bucaqlı Tətbiqin Tikinti Blokları
• Bucaqlı Tətbiqin Əsas Arxitekturası
• Bucaqların quraşdırılması və istifadəsi
• Angular Applicat ionunun anatomiyası
• Tətbiq ionunun işə salınması
• Tətbiqin qurulması və yerləşdirilməsi
• Doğma Mobil Proqramlar üçün Angular - TypeScript-ə giriş
• Angular ilə istifadə üçün proqramlaşdırma dilləri
• TypeScript Sintaksisi
• 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 ibtidai tiplər
• Funksiya ionlarını daxil edin
• Növün nəticəsi
• Siniflərin müəyyən edilməsi
• Sinif Metodları
• Görünməyə 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ının Yığcam Sintaksisi
• Şablon Sətirləri
• Sinifdə ümumilər
• Funksiya ionunda generiklər - Komponentlər
• Komponent nədir?
• Bir Example Komponent
• Angular CLI istifadə edərək Komponentin yaradılması
• Komponent Sinfi
• @Component Dekoratoru
• Komponentin Modulunda Qeydiyyatdan Keçməsi
• Komponent Şablonu
• Məsələnample: HelloComponent Şablonu
• Məsələnample: HelloComponent Sinfi
• Komponentdən istifadə
• Proqramı işə salın
• Komponent İerarxiyası
• Tətbiq ionunun Kök Komponenti
• Bootstrap File
• Komponentin Həyat Dövrü Qarmaqları
• Məsələnample Lifecycle Hooks
• CSS üslubları - 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əsi İş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
• Məsələnample: ngClass
• Üslubların Birbaşa Tətbiqi
• Struktur Direktivlər
• Şablonun şərti icrası
• Məsələnample: ngIf
• ngFor istifadə edərək dövrələmə
• ngYerli Dəyişənlər üçün
• Kolleksiyanın manipulyasiyası
• Məsələnample - Elementin silinməsi
• ngFor ilə Element İzləmə
• ngSwitch ilə elementlərin dəyişdirilməsi
• Elementlərin qruplaşdırılması
• Şablon Referansı Dəyişən - Komponentlərarası Kommunikasiya
• Ünsiyyət əsasları
• Məlumat axınının arxitekturası
• Uşağın Məlumat Almağa Hazırlanması
• Valideyndən Məlumat Göndər
• Xüsusiyyətlərin qurulması haqqında ətraflı
• Komponentdən Yandırma Hadisəsi
• @Output() Məsample – Uşaq Komponenti
• @Output() Məsample - Ana Komponent
• Tam İki Yönlü Bağlama
• Valideyndə İki Yönlü Məlumat Bağlamasının qurulması - Şablon və idarə olunan formalar
• Şablonla idarə olunan formalar
• Formaların Import edilməsi Modulu
• Əsas yanaşma
• Formanın qurulması
• İstifadəçi daxiletməsinin əldə edilməsi
• ngForm Atributunun buraxılması
• Formanı işə salın
• İki Yönlü Məlumatların Bağlanması
• Formanın Təsdiqlənməsi
• Angular Validators
• Siniflərdən istifadə edərək Validat ion vəziyyətinin göstərilməsi
• Əlavə daxiletmə növləri
• Qeyd qutuları
• (Açılır) Sahələri seçin
• Seçim üçün Render Seçimləri (Açılır)
• Tarix sahələri
• Radio düymələri - Reaktiv formalar
• Reaktiv formalar bitdiview
• Tikinti Blokları
• Reaktiv Form Modulunu idxal edin
• Forma qurun
• Şablonu dizayn edin
• Daxiletmə dəyərlərinin əldə edilməsi
• Daxiletmə Sahələrinin işə salınması
• Forma Dəyərlərinin qurulması
• Daxiletmə Dəyişikliklərinə abunə olmaq
• Doğrulama
• Daxili Qiymətləndiricilər
• Doğrulama Xətası Göstərilir
• Xüsusi Qiymətləndirici
• Xüsusi Qiymətləndiricidən istifadə
• Xüsusi Qiymətləndiriciyə Konfiqurasiyanın Təchizatı
• FormArray – Daxiletmələri Dinamik əlavə edin
• FormArray – Komponent Sinfi
• FormArray – Şablon
• FormArray – Dəyərlər
• Alt FormQruplar – Komponent Sinfi
• Alt FormQrupları – HTML Şablonu
• Nə üçün Alt FormQruplarından istifadə edin - Xidmətlər və Asılılıq Enjeksiyonu
• 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
• Enjektör İerarxiyası
• Kök İnjektoru ilə Xidmətin Qeydiyyatdan keçirilməsi
• Komponentin Enjektoru ilə Xidmətin Qeydiyyatdan keçirilməsi
• Xüsusiyyət Modulu İnjektoru ilə Xidməti qeydiyyatdan keçirin
• Xidməti harada qeydiyyatdan keçirməli?
• Digər Artefaktlarda Asılılıq Enjeksiyonu
• Alternativ Tətbiqin Təmin edilməsi
• Dependency Injection və @Host
• Dependency Injection və @Opsiyonel - HTTP Müştərisi
• Angular HTTP Client
• HTTP Müştərisindən istifadə – Bitdiview
• HttpClientModule-un idxalı
• HttpClient-dən istifadə edən xidmət
• GET Sorğunun edilməsi
• Müşahidə oluna bilən obyekt nə edir?
• Komponentdə Xidmətdən istifadə
• PeopleService Müştəri Komponenti
• Səhvlərin idarə edilməsi
• Xəta Obyektinin fərdiləşdirilməsi
• POST sorğusunun edilməsi
• PUT Sorğunun edilməsi
• SİLİNƏ sorğunun edilməsi - Borular və Məlumatların Formatlaşdırılması
• Borular nədir?
• Quraşdırılmış Borular
• HTML Şablonunda Boruların İstifadəsi
• Zəncirləmə Boruları
• Beynəlxalqləşdirilmiş Borular (i18n)
• Yerli Məlumat Yüklənir
• Tarix Borusu
• Boru nömrəsi
• Valyuta Borusu
• Fərdi Boru yaradın
• Xüsusi Boru Example
• Xüsusi Borulardan istifadə
• ngFor ilə Borudan istifadə
• Filtr borusu
• Boru Kateqoriya: Saf və Natəmiz
• Saf Boru Example
• Natəmiz Boru Example - Tək Səhifəli Tətbiqlərə Giriş
• Tək Səhifəli Tətbiq ionu (SPA) nədir
• Ənənəvi Web Ərizə
• SPA iş axını
• Tək Səhifəli Tətbiq Advantages
• HTML5 Tarix API
• SPA Problemləri
• Angular istifadə edərək SPA-nın həyata keçirilməsi - Bucaq Komponent Router
• Komponent Router
• View Naviqasiya
• Angular Router API
• Routerin aktivləşdirildiyi 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 - Qabaqcıl 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ə oluna bilən konstruktor metodu
• Müşahidə oluna bilən operatorlar
• Xəritə və filtr operatorları
• FlatMap() Operatoru
• Tap() Operatoru
• Zip() Kombinatoru
• HTTP Cavabının keşləşdirilməsi
• Ardıcıl HTTP Zənglərinin edilməsi
• 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ı - Bucaq modulları
• Niyə Bucaq Modulları?
• Modul Sinfinin Anatomiyası
• @NgModule Xüsusiyyətləri
• Xüsusiyyət Modulları
• Məsələnample Modul Strukturu
• Domen Modulu yaradın
• Marşrutlu/Yönləndirici Modul Cütünü yaradın
• Xidmət Modulu yaradın
• Ümumi Modulların yaradılması
• Bir moduldan digərindən istifadə - Qabaqcıl marşrutlaşdırma
• Marşrutlaşdırma Aktiv Xüsusiyyət Modulu
• Xüsusiyyət Modulundan istifadə
• Xüsusiyyət Modulunun Lazy Loading
• 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
• routerLinkActive bağlama
• Defolt marşrut
• Wildcard Marşrut Yolu
• yönləndirmək
• Uşaq Marşrutları
• Uşaq Marşrutları üçün Uşaq Marşrutlarının Müəyyənləşdirilməsi
• 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ə - Vahid Testi Bucaq Tətbiqləri
• Angular Artefaktların Testi
• Test Alətlə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 (İonları təsdiqləyin)
• Uyğunlaşdırıcılar
• MəsələnampMatchers istifadə les
• Mülkiyyətdən istifadə etmə
• Unit Test Suites-də quraşdırma və sökmə
• MəsələnampbeforeEach və AfterEach Funksiyalarının le
• Bucaq Test Modulu
• MəsələnampBucaq Test Modulu
• Xidmətin sınaqdan keçirilməsi
• Xidmət Nümunəsinin Yerləşdirilməsi
• Sinxron metodu sınaqdan keçirin
• Asinxron Metodunu sınaqdan keçirin
• Saxta HTTP Müştərisində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 Münasibətinin Simulyasiyası - 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-dan istifadə
• Angular DevTools – Komponent Strukturu
• Angular DevTools – Detect ion Execut ionunu dəyişdirin
• Sintaksis xətalarının tutulması
KURS KİM ÜÇÜNDÜR?
Bu kurs Angular 15 inkişafının əsaslarını öyrənmək və onu yaratmaq üçün dərhal tətbiq etmək istəyən hər kəs üçün nəzərdə tutulub. web 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. Əlavə məlumat üçün e-poçt vasitəsilə bizimlə əlaqə saxlayın ph.training@lumifywork.com
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
- Angular və ya AngularJS-də əvvəlki təcrübə tələb olunmur
Lumify Work tərəfindən bu kursların tədarükü rezervasiya şərtləri və şərtləri ilə tənzimlənir.
Lütfən, bu kurslarda qeydiyyatdan keçməzdən əvvəl şərtləri diqqətlə oxuyun, çünki kursa yazılmaq bu şərtlərin qəbul edilməsi ilə bağlıdır.
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
Sənədlər / Resurslar
 |
LUMIFY WORK Angular 15 Proqramlaşdırma [pdf] İstifadəçi təlimatı Angular 15 Proqramlaşdırma, Proqramlaşdırma |
