LUMIFY WORK Angular 12 dasturlash

NEGA BU KURSNI O'QISH KERAK

Ushbu keng qamrovli Angular 12 dasturlash kursi Angular-ga kirishni, so'ngra TypeScript, komponentlar, ko'rsatmalar, xizmatlar, HTTP mijozi, sinov va disk raskadrovkani o'z ichiga olgan nazariy o'rganish va amaliy laboratoriyalarning kombinatsiyasidir.
Kurs foydali va amaliy ma'lumotlarga to'la bo'lib, siz darhol ishingizga murojaat qilishingiz mumkin. Angular 12 asosiy ishlanma asoslarini o'rganing, masalan, bitta sahifali brauzer ilovalari, sezgir websaytlar va gibrid mobil ilovalar.
Eslatma: Biz Angular ning boshqa versiyalari bo'yicha ham o'qitishimiz mumkin. Iltimos, so'rov yuborish yoki qiziqishingizni ro'yxatdan o'tkazish uchun biz bilan bog'laning.

SIZ NIMALARNI O'rganasiz
Ushbu kursni muvaffaqiyatli tugatgandan so'ng, siz:

• Typescript yordamida bir sahifali burchakli ilovalarni ishlab chiqish
• To'liq burchakli rivojlanish muhitini o'rnating
• Komponentlar, direktivalar, xizmatlar, quvurlar, shakllar va maxsus tekshiruvchilarni yarating
• Observables yordamida kengaytirilgan tarmoq ma'lumotlarini qidirish vazifalarini bajaring REST ma'lumotlarini iste'mol qiling web Angular HT TP Client-dan foydalangan holda xizmatlar Push-ma'lumotlar ulanishlari yordamida WebSoketlar protokoli
• Ma'lumotlarni formatlash uchun burchakli quvurlar bilan ishlash
• Kengaytirilgan Angular Component Router xususiyatlaridan foydalaning
• O'rnatilgan asboblar yordamida burchakli ilovalarni sinab ko'ring va disk raskadrovka qiling.

KURS MAVZULARI

1-bob. Angular bilan tanishtirish

• Angular nima?
• Burchakli ramkaning markaziy xususiyatlari Tegishli foydalanish holatlari
• Burchakli dasturning qurilish bloklari Burchak ilovasining asosiy arxitekturasi Angular o'rnatish va foydalanish
• Ilovani ishga tushiruvchi burchakli dasturning anatomiyasi
• Mahalliy mobil ilovalar uchun Angular ilovasini yaratish va joylashtirish
• Xulosa

2-bob. TypeScript-ga kirish

• Angular TypeScript sintaksisi bilan foydalanish uchun dasturlash tillari
• Dasturlash muharrirlari
• Tur tizimi - o'zgaruvchilarni aniqlash
• Tur tizimi - massivlarni aniqlash
• Asosiy ibtidoiy turlari
• Funktsiyalarni kiriting
• Xulosa yozing
• Sinflarni aniqlash
• Sinf usullari
• Ko'rinishni boshqarish
• Sinf konstruktorlari
• Sinf konstruktorlari - muqobil shakl boshlang'ichsiz maydonlar
• Interfeyslar
• ES6 modullari bilan ishlash
• var vs let
• Ok funksiyalari
• Ok funksiyasi ixcham sintaksis shablon satrlari
• Sinfdagi generiklar
• Funktsiyadagi generiklar
• Xulosa

3-bob. Komponentlar

• Komponent nima?
• Example Komponent
• Angular CLI yordamida komponent yaratish
• Komponentlar sinfi
• @Component dekoratori
• Komponentni uning modul komponenti shabloniga ro'yxatdan o'tkazish
• Example: HelloComponent shabloni
• Example: Komponentdan foydalangan holda HelloComponent sinfi
• Ilovani ishga tushiring
• Komponentlar ierarxiyasi
• Ilovaning ildiz komponenti
• Bootstrap File
• Komponentning ishlash davri ilgaklari Example Lifecycle ilgaklar
• CSS uslublari
• Xulosa

4-bob. Komponent shablonlari

• Shablonlar
• Shablon joylashuvi
• Mo'ylovli {{ }} sintaksisi
• DOM elementi xususiyatlarini sozlash
• Elementning asosiy matnini sozlash
• Voqeani bog'lash
• Ifoda hodisasi ishlov beruvchisi
• Standart ishlov berishni oldini olish
• Atribut direktivalari
• CSS sinflarini o'zgartirish orqali uslublarni qo'llang
• Example: ngClass
• Uslublarni to'g'ridan-to'g'ri qo'llash
• Strukturaviy ko'rsatmalar
• Shablonni shartli bajarish
• Example: ngIf
• NgFor yordamida sikl qilish
• ngMahalliy o'zgaruvchilar uchun
• To'plamni boshqarish Example - Elementni o'chirish
• Elementlarni ngFor bilan ngSwitch guruhlash elementlari bilan almashtirish
• Shablonga havola oʻzgaruvchilari xulosasi

5-bob. Komponentlararo aloqa

• Aloqa asoslari
• Ma'lumotlar oqimi arxitekturasi
• Bolani ma'lumot olishga tayyorlash
• Ota-onadan ma'lumotlarni yuborish
• Xususiyatlarni sozlash haqida batafsil
• Komponentdan yoqish hodisasi
• @Output() Masalanample – Child Component @Output() Masalanample - Asosiy komponent
• To'liq ikki tomonlama bog'lash
• Ota-onada ma'lumotlarni ikki tomonlama bog'lashni o'rnatish
• Xulosa

6-bob. Shablonga asoslangan shakllar

• Shablonga asoslangan shakllar
• Shakllarni import qilish moduli
• Asosiy yondashuv
• Shaklni o'rnatish
• Foydalanuvchi ma'lumotlarini olish
• ngForm atributini o'tkazib yuborish
• Shaklni ishga tushiring
• Ikki tomonlama ma'lumotlarni ulash
• Shaklni tasdiqlash
• Burchak tekshiruvchilari
• Sinflar yordamida tekshirish holatini ko'rsatish Qo'shimcha kiritish turlari
• Belgilash katakchalari
• Maydonlarni tanlang (pastga ochiladi).
• Tanlash (ochiladigan) Sana maydonlari uchun renderlash imkoniyatlari
• Radio tugmalari
• Xulosa

7-bob. Reaktiv shakllar

• Reaktiv shakllar tugadiview
• Qurilish bloklari
• ReactiveForms modulini import qiling
• Shaklni qurish
• Shablonni loyihalash
• Kirish qiymatlarini olish
• Kirish maydonlarini ishga tushirish
• Shakl qiymatlarini o'rnatish
• Kirish oʻzgarishlariga obuna boʻlish
• Tasdiqlash
• O'rnatilgan Validatorlar
• Tasdiqlash xatosi ko'rsatilmoqda
• Maxsus tekshiruvchi
• Maxsus Validatordan foydalanish
• Custom Validatorga konfiguratsiyani yetkazib berish
• FormArray - Kirishlarni dinamik ravishda qo'shish
• FormArray - Komponentlar sinfi
• FormArray - Shablon
• FormArray - qiymatlar
• Sub FormGroups - Komponentlar klassi
• Sub FormGroups - HTML shabloni
• Nima uchun Sub FormGroups foydalanish kerak
• Xulosa

8-bob. Xizmatlar va qaramlik kiritish

• Xizmat nima?
• Asosiy xizmatni yaratish
• Xizmat sinfi
• Qaramlik in'ektsiyasi nima?
• Xizmat namunasini kiritish
• Enjektorlar
• Injektor ierarxiyasi
• Root Injector bilan xizmatni ro'yxatdan o'tkazish
• Komponentning injektori bilan xizmatni ro'yxatdan o'tkazish
• Funktsiya moduli injektori bilan xizmatni ro'yxatdan o'tkazing
• Xizmatni qayerda ro'yxatdan o'tkazish kerak?
• Boshqa artefaktlarda qaramlik in'ektsiyasi, muqobil amalga oshirishga bog'liqlik kiritish va @Host
• Dependency Injection va @Optional
• Xulosa

9-bob. HTTP mijozi

• Angular HT TP mijozi
• HT TP mijozidan foydalanish – Overview
• HttpClientModule import qilinmoqda
• HttpClient yordamida xizmat
• GET so'rovini yuborish
• Kuzatiladigan ob'ekt nima qiladi?
• Komponentda xizmatdan foydalanish
• PeopleService mijoz komponenti xatosini qayta ishlash
• Xato obyektini moslashtirish
• POST so'rovini yuborish
• PUT so'rovini yuborish
• OʻCHIRISH soʻrovini yuborish

10-bob. Quvurlar va ma'lumotlarni formatlash

• Quvurlar nima?
• O'rnatilgan quvurlar
• HTML shablonini zanjirlash quvurlarida quvurlardan foydalanish
• Xalqarolashtirilgan quvurlar (i18n) Mahalliy ma'lumotlarni yuklash
• Sana quvuri
• Quvur raqami
• Valyuta quvuri
• Maxsus quvur yarating
• Maxsus quvur Example
• Maxsus quvurlardan foydalanish
• ngFor bilan quvurdan foydalanish
• Filtr trubkasi
• Quvurlar toifasi: toza va nopok
• Xulosa
• Sof quvur Example
• Nopok quvur Example
• Xulosa

11-bob. Yagona sahifali ilovalarga kirish

• An'anaviy yagona sahifali dastur (SPA) nima Web Ilova
• SPA ish jarayoni
• Yagona sahifa ilovasi Advantages HTML5 History API
• SPA muammolari
• Burchak xulosasidan foydalangan holda SPA ni amalga oshirish

12-bob. Burchak komponentli marshrutizator

• Router komponenti
• View Navigatsiya
• Angular Router API
• Router yoqilgan ilova yaratish
• Marshrutlangan komponentlarni joylashtirish
• Havolalar va tugmalar yordamida navigatsiya
• Dasturli navigatsiya
• O'tish marshruti parametrlari
• Marshrut parametrlari bilan navigatsiya
• Marshrut parametrlari qiymatlarini olish
• Marshrut parametrini sinxron ravishda olish
• Marshrut parametrini asinxron ravishda olish
• So'rov parametrlari
• So'rov parametrlarini ta'minlash
• So'rov parametrlarini asinxron ravishda olish
• Qo'llanma bilan bog'liq muammolar URL kirish va xatcho'plar
• Xulosa

13-bob. Kengaytirilgan HTTP mijozi

• Soʻrov opsiyalari
• HttpResponse ob'ektini qaytarish
• So'rov sarlavhalarini sozlash
• Yangi kuzatuvlarni yaratish
• Oddiy kuzatilishini yaratish
• Kuzatiladigan konstruktor usuli Kuzatiladigan operatorlar
• Xarita va filtr operatorlari
• flatMap() operatori
• tap() operatori
• zip() kombinatori
• HT TP javobini keshlash
• Ketma-ket HT TP qo'ng'iroqlarini amalga oshirish
• Parallel qo'ng'iroqlarni amalga oshirish
• Xato obyektini catchError() yordamida sozlash
• Quvur liniyasidagi xato
• Xatoni tiklash
• Xulosa

14-bob. Burchak modullari

• Nima uchun burchakli modullar?
• Modul sinfining anatomiyasi
• @NgModule xususiyatlari
• Xususiyat modullari
• ExampModul tuzilishi
• Domen modulini yarating
• Marshrutlangan/marshrutlash moduli juftligini yarating
• Xizmat modulini yarating
• Umumiy modullarni yaratish

15-bob. Kengaytirilgan marshrutlash

• Marshrutni yoqish funksiyasi moduli
• Xususiyat modulidan foydalanish
• Xususiyat modulini dangasa yuklash
• Xususiyat moduli komponentlari uchun havolalar yaratish
• Lazy Loading haqida batafsil
• Modullarni oldindan yuklash
• Standart marshrut
• Joker belgili marshrut yoʻli
• yo'naltirish
• Bolalar yo'llari
• Bolalar marshrutlarini aniqlash
• Bolalar yo'llari uchun
• Bolalar marshrutlari uchun havolalar
• Navigatsiya qo'riqchilari
• Guard ilovalarini yaratish
• Marshrutda soqchilardan foydalanish
• Xulosa

16-bob. Birliklarni sinash burchakli ilovalar

• Birlik sinovi burchak artefaktlari
• Sinov vositalari
• Oddiy sinov bosqichlari
• Sinov natijalari
• Yasemin test to'plami
• Yasemin xususiyatlari (birlik sinovlari)
• Kutishlar (tasdiqlar)
• Mos keluvchilar
• ExampMatchlardan foydalanish
• Mulkdan foydalanish
• Birlik test to'plamlarida sozlash va buzish
• Example of beforeEach va afterEach Funktsiyalari
• Burchak sinov moduli
• Example Burchak sinov moduli
• Xizmatni sinab ko'rish
• Xizmat namunasini kiritish
• Sinxron usulni sinab ko'ring
• Asinxron usulni sinab ko'ring
• Mock HT TP Client-dan foydalanish
• Konservalangan javobni yetkazib berish
• Komponentni sinovdan o'tkazish
• Komponent test moduli
• Komponent namunasini yaratish
• ComponentFixture sinfi
• Asosiy komponent testlari
• DebugElement klassi
• Foydalanuvchining o'zaro ta'sirini simulyatsiya qilish
• Xulosa

17-bob. Nosozliklarni tuzatish

• tugadiview burchakli nosozliklarni tuzatish
• ViewDebugger-da TypeScript kodini o'rnatish
• Tuzatish vositasi kalit so'zidan foydalanish
• Nosozliklarni tuzatish jurnali
• Angular DevTools nima?
• Angular DevTools-dan foydalanish
• Angular DevTools - Komponent tuzilishi
• Angular DevTools - Aniqlash bajarilishini o'zgartirish
• Sintaksis xatolarini aniqlash
• Xulosa

Laboratoriya mashg'ulotlari

• Laboratoriya ishi 1. Angular faniga kirish
• Laboratoriya 2. TypeScript-ga kirish
• Laboratoriya ishi 3. Komponentlarga kirish
• Laboratoriya 4. Komponent shabloni
• Laboratoriya ish 5. Fotogalereya komponentini yaratish
• Laboratoriya 6. Shablonga asoslangan shakl
• Laboratoriya 7. Tahrirlash formasini yaratish
• Laboratoriya ishi 8. Reaktiv shakl
• Laboratoriya 9. Xizmatni ishlab chiqish
• Laboratoriya ishi 10. HT TP mijozini ishlab chiqish
• Laboratoriya 11. Quvurlardan foydalanish
• Laboratoriya mashg‘uloti 12. Router yordamida asosiy yagona sahifali dastur 13. Yagona sahifali ilova (SPA) yaratish
• Laboratoriya ishi 14. Kengaytirilgan HT TP mijozi
• Laboratoriya 15. Angular Bootstrap-dan foydalanish
• Laboratoriya ishi 16. Lazy modul yuklanishi
• Laboratoriya 17. Kengaytirilgan marshrutlash
• Laboratoriya 18. Birlik sinovi
• Laboratoriya ish 19. Burchakli ilovalarni tuzatish

KURS KIMLAR UCHUN?
Ushbu kurs Angular 12 rivojlanishining asoslarini o'rganishi va uni yaratishda qo'llashi kerak bo'lgan har bir kishiga qaratilgan web ilovalar darhol. Shuningdek, biz ushbu o'quv kursini kattaroq guruhlar uchun yetkazib berishimiz va sozlashimiz mumkin - bu sizning tashkilotingiz vaqtini, pulini va resurslarini tejaydi.

TALABLAR
Web Ushbu Angular kursidan maksimal darajada foydalanish uchun HTML, CSS va JavaScript-dan foydalangan holda ishlab chiqish tajribasi talab qilinadi. DOM brauzerini bilish ham foydalidir. AngularJS yoki Angular-ning har qanday versiyasi bilan oldingi burchak tajribasi talab qilinmaydi.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Hujjatlar / manbalar

LUMIFY WORK Angular 12 dasturlash [pdf] Foydalanuvchi uchun qoʻllanma Angular 12 dasturlash, burchakli, 12 dasturlash, dasturlash

Ma'lumotnomalar

• Foydalanuvchi uchun qo'llanma