ILOVA VA WEB RIVOJLANISH
Angular 15 dasturlash
UZUNLIK 5 kun
VERSIYA 15
NEGA BU KURSNI O'QISH KERAK
Ushbu intensiv va keng qamrovli Angular 15 o'quv kursi ishtirokchilarga o'z ishlarida darhol foydalanishlari mumkin bo'lgan ko'nikmalarni beradi. Siz Angular 15 ishlanmasining asoslarini, masalan, bitta sahifali brauzer ilovalari, sezgir websaytlar va gibrid mobil ilova ionlari.
Bu kurs nazariy oʻrganish va amaliy laboratoriya mashgʻulotlaridan iborat boʻlib, u Angular ga kirish, soʻngra TypeScript, komponentlar, toʻgʻridan-toʻgʻri dasturlar, xizmatlar, HTTPClient, test va disk raskadrovkani oʻz ichiga oladi.
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.
LUMIFY ISHDAGI BURChIK
SIZ NIMALARNI O'rganasiz
Ushbu kursni muvaffaqiyatli tugatgandan so'ng, siz quyidagi bilimlarga ega bo'lasiz:
- Typescript yordamida bitta sahifali burchakli ilova ionlarini ishlab chiqish
- To'liq burchakli rivojlanish muhitini o'rnating
- Komponentlar, to'g'ridan-to'g'ri dasturlar, xizmatlar, quvurlar, shakllar va maxsus tekshiruvchilarni yarating
- Observables yordamida kengaytirilgan tarmoq ma'lumotlarini qidirish vazifalarini bajaring
- REST maʼlumotlarini isteʼmol qilish web Angular HTTP mijozi yordamida xizmatlar
- yordamida push-ma'lumotlarni ulash ionlarini ishlating WebSoket protokoli
- Ma'lumotlarni formatlash uchun burchakli quvurlar bilan ishlash
- Kengaytirilgan Angular Component Router xususiyatlaridan foydalaning
- O'rnatilgan asboblar yordamida burchakli dastur ionlarini sinab ko'ring va disk raskadrovka qiling
- Angular CLI bilan ishlash
Mening o'qituvchim mening o'ziga xos vaziyatim bilan bog'liq bo'lgan stsenariylarni haqiqiy dunyo misollariga qo'yish qobiliyatiga ega edi.
Kelganimdanoq meni kutib olishdi va sinfdan tashqarida guruh bo'lib o'tirib vaziyatlarimiz va maqsadlarimizni muhokama qilish juda qimmatli edi.
Men ko'p narsalarni o'rgandim va bu kursda qatnashish orqali maqsadlarim amalga oshishi muhimligini his qildim.
Ajoyib ish Lumify Work jamoasi.
AMANDA NİKOL
IT QO'LLAB-QUVVAT XIZMATLARI MENEJERI – HEALTH WORLD LIMITED
KURS MAVZULARI
- Angular bilan tanishtirish
• Angular nima?
• Burchakli ramkaning markaziy xususiyatlari
• Tegishli foydalanish holatlari
• Burchakli ilovaning qurilish bloklari
• Burchakli ilovaning asosiy arxitekturasi
• Angular o'rnatish va foydalanish
• Angular Applicat ionining anatomiyasi
• Ilova ionini ishga tushirish
• Ilovani yaratish va joylashtirish
• Mahalliy mobil ilovalar uchun burchakli - TypeScript-ga kirish
• Angular bilan foydalanish uchun dasturlash tillari
• TypeScript sintaksisi
• Dasturlash muharrirlari
• Tur tizimi – o'zgaruvchilarni aniqlash
• Tip tizimi – massivlarni aniqlash
• Asosiy ibtidoiy turlari
• Funktsiya ionlarini kiriting
• Xulosa yozing
• Sinflarni aniqlash
• Sinf usullari
• Ko'rinishni boshqarish
• Sinf konstruktorlari
• Sinf konstruktorlari – muqobil shakl
• Boshlanmagan maydonlar
• Interfeyslar
• ES6 modullari bilan ishlash
• var vs let
• Ok funksiyalari
• Ok funksiyasining ixcham sintaksisi
• Shablon satrlari
• Sinfdagi umumiy
• Funktsiya ionidagi generiklar - Komponentlar
• Komponent nima?
• An Example Komponent
• Angular CLI yordamida komponent yaratish
• Komponentlar sinfi
• @Component dekoratori
• Komponentni uning moduliga ro'yxatdan o'tkazish
• Komponent shabloni
• Masalanample: HelloComponent shabloni
• Masalanample: HelloComponent sinfi
• Komponentdan foydalanish
• Ilovani ishga tushiring
• Komponentlar ierarxiyasi
• Ilova ionining ildiz komponenti
• Bootstrap File
• Komponentning ishlash davri ilgaklari
• Masalanample Lifecycle ilgaklar
• CSS uslublari - Komponent shablonlar
• Shablonlar
• Andoza joylashuvi
• Mo'ylov {{ }} sintaksisi
• DOM elementi xususiyatlarini sozlash
• Elementning asosiy matnini sozlash
• Voqealarni bog'lash
• Ifoda hodisalari ishlov beruvchisi
• Standart ishlov berishning oldini olish
• Atribut direktivalari
• CSS sinflarini o'zgartirish orqali uslublarni qo'llash
• Masalanample: ngClass
• Uslublarni to'g'ridan-to'g'ri qo'llash
• Strukturaviy direktivalar
• Shablonni shartli bajarish
• Masalanample: ngIf
• ngFor yordamida aylanish
• ngMahalliy o'zgaruvchilar uchun
• To'plamni manipulyatsiya qilish
• Masalanample - Elementni o'chirish
• ngFor bilan elementni kuzatish
• ngSwitch bilan elementlarni almashtirish
• Elementlarni guruhlash
• Shablonga havola o‘zgaruvchisi - 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 komponenti
• @Output() Masalanample - Asosiy komponent
• To'liq ikki tomonlama bog'lash
• Ota-onada ma'lumotlarni ikki tomonlama bog'lashni sozlash - Shablonlar va boshqariladigan shakllar
• Shablonga asoslangan shakllar
• Import qilish shakllari moduli
• Asosiy yondashuv
• Shaklni o'rnatish
• Foydalanuvchi ma'lumotlarini olish
• ngForm atributini o'tkazib yuborish
• Shaklni ishga tushiring
• Ikki tomonlama ma'lumotlarni ulash
• Shaklni tekshirish
• Angular Validators
• Sinflar yordamida Validat ion holatini ko'rsatish
• Qo'shimcha kiritish turlari
• Belgilash katakchalari
• (Ochiladigan) maydonlarni tanlang
• Tanlash uchun renderlash parametrlari (pastga ochiladi)
• Sana maydonlari
• Radio tugmalari - Reaktiv shakllar
• Reaktiv shakllar tugadiview
• Qurilish bloklari
• Reaktiv shakllar modulini import qilish
• Shaklni yaratish
• Shablonni loyihalash
• Kirish qiymatlarini olish
• Kirish maydonlarini ishga tushirish
• Shakl qiymatlarini sozlash
• Kirish o‘zgarishlariga obuna bo‘lish
• Tasdiqlash
• O'rnatilgan Validatorlar
• Tasdiqlash xatosi ko'rsatilmoqda
• Maxsus Validator
• Maxsus Validatordan foydalanish
• Custom Validatorga konfiguratsiyani yetkazib berish
• FormArray – Kirishlarni dinamik qo‘shish
• FormArray – Komponentlar sinfi
• FormArray – Shablon
• FormArray – Qiymatlar
• Sub FormGroups – Komponentlar klassi
• Sub FormGroups – HTML shabloni
• Nima uchun Sub FormGroups foydalanish kerak - Xizmatlar va qaramlik kiritish
• Xizmat nima?
• Asosiy xizmatni yaratish
• Xizmat sinfi
• Dependency Injection nima?
• Xizmat namunasini kiritish
• Injektorlar
• Injektorlar ierarxiyasi
• Root Injector bilan xizmatni ro'yxatdan o'tkazish
• Komponent 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 kiritish
• Muqobil amalga oshirishni ta'minlash
• Dependency Injection va @Host
• Dependency Injection va @Optional - HTTP mijozi
• Angular HTTP mijozi
• HTTP mijozidan foydalanish – tugaydiview
• HttpClientModule-ni import qilish
• HttpClient yordamida xizmat
• GET so'rovini yuborish
• Kuzatiladigan ob'ekt nima qiladi?
• Komponentda xizmatdan foydalanish
• PeopleService mijoz komponenti
• Xatolarni boshqarish
• Xato obyektini moslashtirish
• POST so'rovini yuborish
• PUT so'rovini yuborish
• O'CHIRISH so'rovini yuborish - Quvurlar va ma'lumotlarni formatlash
• Quvurlar nima?
• O‘rnatilgan quvurlar
• HTML shablonida quvurlardan foydalanish
• Quvurlarni zanjirlash
• Xalqaro quvurlar (i18n)
• Mahalliy maʼlumotlar yuklanmoqda
• Sana quvuri
• Quvur raqami
• Valyuta quvuri
• Maxsus quvur yaratish
• Maxsus quvur Example
• Maxsus quvurlardan foydalanish
• ngFor bilan quvurdan foydalanish
• Filtr trubkasi
• Quvurlar toifasi: Sof va Nopok
• Sof quvur Example
• Nopok quvur Example - Yagona sahifali ilovalarga kirish
• Bir sahifali dastur ioni (SPA) nima?
• An'anaviy Web Ilova
• SPA ish jarayoni
• Yagona sahifali dastur Advantages
• HTML5 History API
• SPA muammolari
• Angular yordamida SPAni amalga oshirish - Burchak komponentli marshrutizator
• Komponent Router
• View Navigatsiya
• Angular Router API
• Router yoqilgan ilova yaratish
• Marshrutlangan komponentlarni joylashtirish
• Havolalar va tugmalar yordamida navigatsiya
• Dasturiy navigatsiya
• O'tish marshruti parametrlari
• Marshrut parametrlari bilan navigatsiya
• Marshrut parametrlari qiymatlarini olish
• Marshrut parametrini sinxron ravishda olish
• Marshrut parametrini asinxron tarzda olish
• So'rov parametrlari
• So'rov parametrlarini ta'minlash
• So'rov parametrlarini asinxron tarzda olish
• Qo'llanma bilan bog'liq muammolar URL kirish va xatcho'plar - Kengaytirilgan HTTP mijozi
• So‘rov opsiyalari
• HttpResponse obyektini qaytarish
• So‘rov sarlavhalarini o‘rnatish
• Yangi kuzatiladiganlarni yaratish
• Oddiy Kuzatiladiganni yaratish
• Kuzatiladigan konstruktor usuli
• Kuzatiladigan operatorlar
• Xarita va filtr operatorlari
• flatMap() operatori
• Tap() operatori
• zip() kombinatori
• HTTP javobini keshlash
• Ketma-ket HTTP qo'ng'iroqlarini amalga oshirish
• Parallel qo'ng'iroqlarni amalga oshirish
• Xato obyektini catchError() yordamida sozlash
• Quvurdagi xato
• Xatolarni tiklash - Burchak modullari
• Nima uchun burchakli modullar?
• Modul sinfining anatomiyasi
• @NgModule xususiyatlari
• Funktsiya modullari
• MasalanampModul tuzilishi
• Domen modulini yaratish
• Marshrutlangan/marshrutlash moduli juftligini yarating
• Xizmat modulini yarating
• Umumiy modullarni yaratish
• Bir moduldan boshqasidan foydalanish - Kengaytirilgan marshrutlash
• Marshrutni yoqish funksiyasi moduli
• Funktsiya modulidan foydalanish
• Funktsiya modulini dangasa yuklash
• Funktsiya moduli komponentlari uchun havolalar yaratish
• Lazy Loading haqida batafsil
• Modullarni oldindan yuklash
• routerLinkActive ulanishi
• Standart marshrut
• Joylashtirilgan marshrut yoʻli
• qayta yo'naltirish
• Bolalar marshrutlari
• Bolalar marshrutlari uchun bolalar marshrutlarini belgilash
• Bolalar marshrutlari uchun havolalar
• Navigatsiya qo'riqchilari
• Guard ilovalarini yaratish
• Marshrutda soqchilardan foydalanish - Birlik sinovi burchakli ilovalar
• Birlik sinovi burchakli artefaktlar
• Test vositalari
• Odatda sinov bosqichlari
• Sinov natijalari
• Jasmine Test Suite
• Yasemin xususiyatlari (birlik sinovlari)
• Kutishlar (Ionlarni tasdiqlash)
• Matchlar
• MasalanampMatchlardan foydalanish
• not Propertydan foydalanish
• Birlik test to'plamlarida sozlash va buzish
• Masalanample of beforeEach va afterEach Funktsiyalari
• Burchak sinov moduli
• Masalanample Burchak sinov moduli
• Xizmatni sinab ko'rish
• Xizmat namunasini kiritish
• Sinxron usulni sinab ko'ring
• Asinxron usulni sinab ko'ring
• Soxta HTTP mijozidan foydalanish
• Tayyor javobni yetkazib berish
• Komponentni sinab ko'rish
• Komponent test moduli
• Komponent namunasini yaratish
• ComponentFixture sinfi
• Asosiy komponent testlari
• DebugElement klassi
• Foydalanuvchining o'zaro ta'sirini simulyatsiya qilish - Nosozliklarni tuzatish
• tugadiview burchakli nosozliklarni tuzatish
• ViewDebugger-da TypeScript kodini o'rnatish
• Nosozliklarni tuzatuvchi kalit so'zdan foydalanish
• Nosozliklarni tuzatish jurnali
• Angular DevTools nima?
• Angular DevTools-dan foydalanish
• Angular DevTools – Komponent tuzilishi
• Angular DevTools – Aniqlash ionini bajarish ionini o‘zgartirish
• Sintaksis xatolarini aniqlash
KURS KIMLAR UCHUN?
Ushbu kurs Angular 15 rivojlanishining asoslarini o'rganishi va uni yaratishda darhol qo'llashi kerak bo'lgan har bir kishiga qaratilgan. web ilovalar.
Shuningdek, biz ushbu o'quv kursini kattaroq guruhlar uchun yetkazib berishimiz va sozlashimiz mumkin - bu sizning tashkilotingiz vaqtini, pulini va resurslarini tejaydi. Qo'shimcha ma'lumot olish uchun elektron pochta orqali biz bilan bog'laning ph.training@lumifywork.com
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
- Angular yoki AngularJS bo'yicha oldingi tajriba talab qilinmaydi
Lumify Work tomonidan ushbu kurslarni yetkazib berish bron qilish shartlari va qoidalari bilan tartibga solinadi.
Iltimos, ushbu kursga yozilishdan oldin shartlar va shartlarni diqqat bilan o'qing, chunki kursga ro'yxatdan o'tish ushbu shartlar va shartlarni qabul qilish sharti bilan amalga oshiriladi.
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
Hujjatlar / manbalar
 |
LUMIFY WORK Angular 15 dasturlash [pdf] Foydalanuvchi uchun qoʻllanma Angular 15 dasturlash, dasturlash |
