Angular'da durumu NgRx ile yönet
Angular & NgRx Eğitimi, büyüyen Angular uygulamalarında durumu öngörülebilir ve test edilebilir biçimde yönetmeyi öğretir. Program Redux deseni ve tek yönlü veri akışı, store, action ve reducer, selector ve memoization, effects ile yan etki ve API yönetimi, E…
Redux deseninden effects ve entity yönetimine kadar NgRx ile ölçeklenebilir durum
Angular & NgRx Eğitimi, büyüyen Angular uygulamalarında durumu öngörülebilir ve test edilebilir biçimde yönetmeyi öğretir. Katılımcılar Redux desenini, tek yönlü veri akışını ve NgRx'in store, action, reducer ve selector yapılarını öğrenir. Effects ile yan etki ve API çağrısı yönetimini, Entity ile koleksiyon yönetimini, Router Store ile gezinme durumunu ve Redux DevTools ile hata ayıklamayı uygular. Program ComponentStore ve Signals tabanlı yaklaşımlarla tamamlanır.
3 Gün. Her gün dört modül; kısa anlatımın ardından örnek bir Angular uygulamasına NgRx akışı adım adım eklenerek durum yönetimi uygulamalı kurulur.
Orta Seviye — Angular uygulamalarında NgRx ile öngörülebilir durum yönetimini öğreten program
Örnek bir uygulama üç gün boyunca NgRx ile donatılır; her modülde action, reducer, selector veya effect gerçek bir özelliğe eklenir.
Tek yönlü veri akışı ve saf reducer'larla durumun nereden ve nasıl değiştiğini her zaman izlenebilir kılarsınız.
Büyük uygulamalarda dağınık durum yerine merkezi, bölümlenmiş ve test edilebilir bir yapı kurarsınız.
Redux DevTools ile zaman yolculuğu yaparak her action'ın durumu nasıl değiştirdiğini net görür ve hataları hızlı bulursunuz.
Eğitimden verim almak için gereken Angular ve RxJS hazırlığı
Bileşen, servis, bağımlılık enjeksiyonu ve HttpClient ile uygulama geliştirmiş olmak gerekir.
Observable, subscribe ve map, switchMap gibi temel operatörlere aşinalık effects konusunu kolaylaştırır.
Arayüz, tip ve generic gibi kavramlara hâkim olmak tip güvenli durum tanımını kolaylaştırır.
Değişmezlik ve saf fonksiyon kavramlarına açık olmak reducer mantığını anlamayı hızlandırır.
Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.
Program sonunda katılımcılar:
Tek yönlü veri akışı ve saf reducer ilkesini kavrar, durumun nerede ve nasıl değiştiğini öngörülebilir kılarsınız.
createAction ve createReducer ile tip güvenli action ve durum geçişleri tasarlar, dispatch ile akışı tetiklersiniz.
createSelector ve memoization ile türetilmiş durumu verimli okur, yeniden kullanılabilir görünüm modelleri kurarsınız.
Effects ile API çağrıları gibi yan etkileri akış tabanlı yönetir, başarı ve hata yollarını action'larla ayırırsınız.
createEntityAdapter ile koleksiyonları normalize eder, ekleme, güncelleme ve silmeyi performanslı biçimde yaparsınız.
Redux DevTools ile zaman yolculuğu yaparak her action'ın durum üzerindeki etkisini izler ve hataları hızla bulursunuz.
ComponentStore ve Signals tabanlı durumla klasik Store'u karşılaştırır, senaryoya uygun yaklaşımı seçersiniz.
Reducer, selector ve effects'i test eder, provideMockStore ile bileşenleri yalıtarak güvenilir biçimde doğrularsınız.
Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.
Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.
Angular Material bileşenleri, CDK, SCSS tema sistemi, veri tablosu ve Angular Elements ile taşınabilir web bileşeni üretmeyi öğreten uygulamalı eğitim.
Detayları Gör →
RxJS Observable, operatörler, switchMap, hata yönetimi, async pipe ve Signals ile Angular'da reaktif programlamayı derinlemesine öğreten uygulamalı eğitim.
Detayları Gör →
Jasmine, TestBed, bileşen ve servis testi, HttpTestingController, marble testi ve Cypress e2e ile test odaklı Angular geliştirmeyi öğreten uygulamalı eğitim.
Detayları Gör →
Değişim denetimi, OnPush, Signals, ileri bağımlılık enjeksiyonu, dinamik bileşen, lazy loading ve performans optimizasyonunu öğreten ileri seviye Angular eğitim
Detayları Gör →
Bileşenler, veri bağlama, direktifler, servisler, HttpClient, yönlendirme ve formlarla Angular temellerini sıfırdan öğreten uygulamalı giriş eğitimi.
Detayları Gör →
Tipler, arayüzler, jenerikler, dekoratörler, katı mod, tip güvenli form ve tiplenmiş HttpClient ile Angular'da TypeScript'i derinlemesine öğreten eğitim.
Detayları Gör →