Angular dasturlash kursi

Dars 1 • Angular modullari va ilovani ishga tushirish

NgModules, asosiy AppModule va Angular ilovani qanday ishga tushirishini tushuntiradi. Komponentlarni yaratishdan oldin zarur bo'lgan strukturaviy kontekstni taqdim etadi.

Dars 2 • Angular uchun TypeScript asoslari

Angular kodini ishonchli yozish uchun TypeScript turlari, interfeyslari va dekoratorlarini tanishtiradi. JavaScript bilimlarini Angularning tipli ekotizimiga bog'laydi.

Dars 3 • Angular freymvorkiga kirish

Angularning zamonaviy front-end ishlab chiqishdagi roli va MVC-ilhomlantirilgan arxitekturasini yoritadi. Keyingi barcha freymvork mavzulari uchun kontseptual asos yaratadi.

Dars 4 • Ishlab chiqish muhitini sozlash

Node.js, npm va Angular CLI-ni o'rnatadi va sozlaydi. Har bir talabada izchil, takrorlanadigan mahalliy ish maydoni mavjudligini ta'minlaydi.

Dars 1 • O'rnatilgan strukturaviy direktivalar

DOM strukturasini dinamik boshqarish uchun *ngIf, *ngFor va *ngSwitch-ni qo'llaydi. Direktivalar shablon ifodaliligini qanday kengaytirishini ko'rsatadi.

Dars 2 • Xususiyat va hodisa bog'lash

Xususiyat bog'lash orqali bir tomonlama ma'lumot oqimini va hodisa bog'lash orqali foydalanuvchi hodisalarini qayta ishlashni o'rgatadi. Komponent mantiqini DOM elementlari va foydalanuvchi o'zaro ta'sirlari bilan bog'laydi.

Dars 3 • Shablon sintaksisi va ifodalari

Angularning shablon ifoda tilini, xavfsiz navigatsiyani va shablon mos yozuvlar o'zgaruvchilarini yoritadi. Komponent ko'rinishlarida dinamik kontent renderlashni ta'minlaydi.

Dars 4 • Komponent hayot tsikli huklari

ngOnInit dan ngOnDestroy gacha bo'lgan to'liq hayot tsikli ketma-ketligini o'rganadi. Initsializatsiya va tozalash uchun har bir hukdan qachon va nima uchun foydalanishni o'rgatadi.

Dars 1 • ViewChild va ContentChild so'rovlari

So'rovlar orqali bola komponent namunalari va proyeksiyalangan kontentga dasturiy ravishda kirish imkonini beradi. Shablon bog'lashdan tashqari ilg'or komponent muvofiqlashtirishni ta'minlaydi.

Dars 2 • @Input bilan ota-bolaga aloqa

Ma'lumotlarni komponent daraxti bo'ylab pastga uzatish uchun @Input dan foydalanadi va setterlar bilan kiritishni tekshiradi. Angular-da asosiy pastga ma'lumot oqimi naqshini o'rnatadi.

Dars 3 • Maxsus strukturaviy direktivalarni yaratish

DOM-ni manipulyatsiya qilish uchun TemplateRef va ViewContainerRef yordamida strukturaviy direktivalarni amalga oshiradi. Talabalarning qayta foydalaniladigan tartib mantiqini yaratish qobiliyatini kengaytiradi.

Dars 4 • Maxsus atribut direktivalarini yaratish

DOM strukturasini o'zgartirmasdan, xost elementi ko'rinishini yoki xatti-harakatini o'zgartiradigan direktivalar yaratadi. 2-bobda kiritilgan direktiva naqshini mustahkamlaydi.

Dars 1 • Angular xizmatlarini yaratish va taqdim etish

CLI bilan xizmatlar yaratadi va ularni modul, komponent yoki ildiz doirasida ro'yxatdan o'tkazadi. Xizmatlar qatlamini umumiy mantiq uchun uy sifatida o'rnatadi.

Dars 2 • HTTP klienti va REST API integratsiyasi

HttpClientModule ni sozlaydi va GET, POST, PUT va DELETE so'rovlarini bajaradi. Xizmatlar qatlamini haqiqiy backend ma'lumot manbalariga bog'laydi.

Dars 3 • Xatolarni qayta ishlash va HTTP interceptorlari

catchError bilan global xatolarni qayta ishlashni va interceptorlar bilan so'rov/javob transformatsiyasini amalga oshiradi. Ishlab chiqarishga tayyor HTTP aloqa naqshlarini yaratadi.

Dars 4 • Bog'liqlik in'ektsiyasini chuqur o'rganish

DI ierarxiyasi, in'ektsiya tokenlari va provayder turlarini o'rganadi. Ilova bo'ylab bog'liqliklarni qanday hal qilish ustida nozik nazoratni ta'minlaydi.

Dars 1 • Marshrut guardianlari va kirish nazorati

Marshrutlarni himoya qilish uchun CanActivate, CanDeactivate va CanLoad guardianlarini amalga oshiradi. Autentifikatsiya va avtorizatsiyani navigatsiya qatlamiga birlashtiradi.

Dars 2 • Dangasa yuklash va marshrut hal qiluvchilari

Ilovani talab bo'yicha yuklanadigan xususiyat modullariga ajratadi va hal qiluvchilar bilan ma'lumotlarni oldindan yuklaydi. Dastlabki yuklash samaradorligi va foydalanuvchi tajribasini yaxshilaydi.

Dars 3 • Ichki marshrutlar va nomlangan chiqish joylari

Ota marshrutlar ostida bola marshrutlarini tuzadi va yordamchi ko'rinishlar uchun nomlangan chiqish joylaridan foydalanadi. Katta ilovalarda murakkab tartib talablarini qo'llab-quvvatlaydi.

Dars 4 • Router sozlash va asosiy navigatsiya

Marshrut ta'riflari bilan RouterModule ni sozlaydi va router-outlet va routerLink ni qo'shadi. Barcha navigatsiya xususiyatlari uchun asos yaratadi.

Dars 1 • FormArray bilan dinamik formalar

O'zgaruvchan uzunlikdagi ma'lumotlar uchun ish vaqtida forma boshqaruvlarini qo'shish va olib tashlash uchun FormArray dan foydalanadi. Takrorlanadigan qator elementlari kabi haqiqiy stsenariylarni boshqaradi.

Dars 2 • Validatorlar va maxsus validatsiya

Sinxron va asinxron validatsiyalarni qo'llaydi va qayta foydalaniladigan maxsus validatsiya funksiyalarini yaratadi. Yuborishdan oldin ma'lumotlar yaxlitligini ta'minlaydi.

Dars 3 • Forma yuborish va holatni boshqarish

Forma yuborish, tiklash va iflos/tegilgan holatini boshqarib, sayqallangan UX ni taqdim etadi. Forma ma'lumotlarini 4-bobda kiritilgan xizmat chaqiruvlariga bog'laydi.

Dars 4 • Shablonga asoslangan formalar

Shablonda deklarativ ravishda formalar yaratish uchun ngForm, ngModel va o'rnatilgan validatsiyalardan foydalanadi. Minimal TypeScript qo'shimcha xarajati bilan forma tushunchalarini tanishtiradi.

Dars 1 • NgRx Entity va DevTools

NgRx Entity yordamida to'plam boshqaruvini soddalashtiradi va Redux DevTools yordamida holatni tekshiradi. Store-ga asoslangan xususiyatlarni ishlab chiqish va disk raskadrovka qilishni tezlashtiradi.

Dars 2 • NgRx Store ga kirish

NgRx ni o'rnatadi va xususiyat qismi uchun actionlar, reducers va store ni belgilaydi. Angular ekotizimida Redux naqshini o'rnatadi.

Dars 3 • BehaviorSubject bilan xizmatga asoslangan holat

Xizmatda BehaviorSubject yordamida komponentlar bo'ylab holatni saqlaydi va almashadi. NgRx ni joriy etishdan oldin engil holat yechimini ta'minlaydi.

Dars 4 • Yon ta'sirlar uchun NgRx Effects

NgRx Effects yordamida reducers tashqarisida HTTP chaqiruvlari kabi asinxron operatsiyalarni boshqaradi. Reducers ni sof saqlaydi va yon ta'sir mantiqini markazlashtiradi.

Dars 1 • Joylashtirish strategiyalari va CI/CD integratsiyasi

Angular buildlarini statik hostingga joylashtiradi va uzluksiz yetkazib berish uchun avtomatlashtirilgan quvurlarni birlashtiradi. Ishlab chiqish hayot tsiklini koddan ishlab chiqarishgacha yakunlaydi.

Dars 2 • Komponentlar va xizmatlarni birlik testi

Jasmine va TestBed yordamida komponentlar, xizmatlar va quvurlar uchun birlik testlarini yozadi. Integratsiyadan oldin alohida birliklarni izolyatsiya qilgan holda tasdiqlaydi.

Dars 3 • Bundle optimallashtirish va build konfiguratsiyasi

Optimal bundle hajmi uchun ishlab chiqarish buildlari, tree shaking va differensial yuklashni sozlaydi. Ilovani haqiqiy joylashtirish cheklovlariga tayyorlaydi.

Dars 4 • Cypress bilan uchdan-uchgacha testlash

To'liq ilova xatti-harakatini tasdiqlash uchun Cypress bilan foydalanuvchi oqimi testlarini avtomatlashtiradi. Birlik testlarini real brauzerga asoslangan stsenariylar bilan to'ldiradi.