Angular Router ile akıcı gezinme kur
Angular Navigation & Routing Eğitimi, tek sayfa uygulamada ekranlar arası gezinmeyi Angular Router ile uçtan uca kurmayı öğretir. Program RouterModule ve rota tanımı, RouterOutlet ve routerLink ile bağlantılar, route ve query parametreleri, iç içe child rotal…
Rota tanımından lazy loading ve guard katmanına kadar Angular gezinme mimarisi
Angular Navigation & Routing Eğitimi, Angular Router ile ekranlar arası gezinmeyi sıfırdan kurmayı öğretir. Katılımcılar RouterModule ve route tanımlarını, RouterOutlet yerleşimini ve routerLink ile aktif bağlantıyı öğrenir. Ardından route ve query parametreleri, iç içe ve adlandırılmış rotalar, CanActivate ile başlayan guard ailesi, Resolve ile veri ön yükleme ve lazy loading işlenir. Program preloading ve standalone provideRouter ile tamamlanır.
4 Gün. Her gün dört modül; kısa anlatımın ardından örnek bir panelin gezinme yapısı adım adım kurularak rota, parametre ve guard katmanları birleştirilir.
Orta Seviye — Angular Router ile çok sayfalı uygulamada gezinmeyi uçtan uca kurma eğitimi
Örnek bir panel uygulaması dört gün boyunca katman katman genişletilir; her modülde yeni bir router özelliği rotalara eklenerek uygulanır.
Route tanımından iç içe rotalara kadar Angular Router'ın tüm yapı taşlarını öğrenerek karmaşık ekran akışlarını net biçimde kurabilirsiniz.
CanActivate, CanMatch ve CanDeactivate guard'larıyla yetkisiz erişimi engeller ve kullanıcıyı veri kaybından koruyan akışlar tasarlarsınız.
Lazy loading ve preloading stratejileriyle uygulamanın ilk açılışını hızlandırır, büyük uygulamalarda performansı iyileştirirsiniz.
Eğitime başlamadan önce faydalı olacak Angular bilgisi ve kurulum
Bileşen oluşturma, template söz dizimi ve data binding gibi temel Angular kavramlarına aşinalık gerekir.
Tip tanımı, arayüz ve sınıf gibi temel TypeScript konularını bilmek örnekleri izlemeyi kolaylaştırır.
Node.js ve Angular CLI'ın kurulu olması, ng serve ile projeyi çalıştırabilir durumda olmak gerekir.
Observable ve abonelik kavramına temel düzeyde aşinalık parametre dinleme konusunda yardımcı olur.
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:
RouterModule ve Routes dizisiyle çok sayfalı bir uygulamanın gezinme tablosunu doğru biçimde kurabilirsiniz.
routerLink ve routerLinkActive ile menü, sekme ve bağlantı yapılarını temiz ve erişilebilir biçimde oluşturabilirsiniz.
Router servisiyle koşullu ve form sonrası yönlendirmeleri relativeTo kullanarak güvenle gerçekleştirebilirsiniz.
Route ve query parametrelerini ActivatedRoute ile okur, değişimlerini Observable üzerinden dinamik biçimde dinlersiniz.
Child rotalar ve adlandırılmış outlet ile sekmeli ve çok bölgeli arayüzlerin akışını kurabilirsiniz.
CanActivate, CanMatch ve CanDeactivate guard'larıyla erişimi ve kullanıcı verisini koruyan akışlar tasarlarsınız.
Resolve ile bileşen açılmadan veriyi hazırlar, boş ekran ve ani veri sıçramalarının önüne geçersiniz.
loadChildren ve preloading stratejileriyle ilk yükleme süresini kısaltıp büyük uygulamaları verimli biçimde bölebilirsiniz.
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 bağımlılık enjeksiyonu, InjectionToken, hiyerarşik injector ve ng-bootstrap bileşenleriyle arayüz geliştirmeyi öğreten kurumsal eğitim.
Detayları Gör →
Angular kütüphanesi üretimi, public API, ng-packagr, Angular Package Format, ikincil giriş ve npm yayınını öğreten uygulamalı kurumsal eğitim.
Detayları Gör →
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 →