Angular Front-End Kursu

Ders 1 • Angular Modülleri ve Uygulama Başlatma

NgModule'leri, kök AppModule'ü ve Angular'ın uygulamayı nasıl başlattığını açıklar. Bileşenler oluşturulmadan önce ihtiyaç duyulan yapısal bağlamı sağlar.

Ders 2 • Angular için TypeScript Temelleri

Angular kodu güvenle yazmak için gereken TypeScript türlerini, arayüzlerini ve dekoratörlerini tanıtır. JavaScript bilgisini Angular'ın tür ekosistemine köprüler.

Ders 3 • Angular Çerçevesine Giriş

Angular'ın modern ön yüz geliştirmedeki rolünü ve MVC'den ilham alan mimarisini kapsar. Sonraki tüm çerçeve konuları için kavramsal temeli oluşturur.

Ders 4 • Geliştirme Ortamının Kurulması

Node.js, npm ve Angular CLI'yi kurar ve yapılandırır. Her öğrencinin tutarlı ve tekrarlanabilir bir yerel çalışma alanına sahip olmasını sağlar.

Ders 1 • Yerleşik Yapısal Yönergeler

DOM yapısını dinamik olarak kontrol etmek için *ngIf, *ngFor ve *ngSwitch uygular. Yönergelerin şablon ifade gücünü nasıl genişlettiğini gösterir.

Ders 2 • Özellik ve Olay Bağlama

Özellik bağlama yoluyla tek yönlü veri akışını ve olay bağlama yoluyla kullanıcı olay işlemeyi öğretir. Bileşen mantığını DOM öğelerine ve kullanıcı etkileşimlerine bağlar.

Ders 3 • Şablon Sözdizimi ve İfadeleri

Angular'ın şablon ifade dilini, güvenli gezinmeyi ve şablon başvuru değişkenlerini kapsar. Bileşen görünümleri içinde dinamik içerik oluşturmayı sağlar.

Ders 4 • Bileşen Yaşam Döngüsü Kancaları

ngOnInit'ten ngOnDestroy'e kadar tüm yaşam döngüsü kanca sırasını keşfeder. Her kancanın başlatma ve temizlik için ne zaman ve neden kullanılacağını öğretir.

Ders 1 • ViewChild ve ContentChild Sorguları

Sorgular aracılığıyla alt bileşen örneklerine ve yansıtılan içeriğe programatik olarak erişir. Şablon bağlamanın ötesinde gelişmiş bileşen koordinasyonunu sağlar.

Ders 2 • @Input ile Üst-Alt Bileşen İletişimi

Bileşen ağacına veri iletmek için @Input kullanır ve girdiyi ayarlayıcılarla doğrular. Angular'daki birincil aşağı yönlü veri akışı modelini oluşturur.

Ders 3 • Özel Yapısal Yönergeler Oluşturma

DOM'u değiştirmek için TemplateRef ve ViewContainerRef kullanarak yapısal yönergeler uygular. Öğrencilerin yeniden kullanılabilir düzen mantığı oluşturma yeteneğini genişletir.

Ders 4 • Özel Nitelik Yönergeleri Oluşturma

DOM yapısını değiştirmeden ana bilgisayar öğesinin görünümünü veya davranışını değiştiren yönergeler oluşturur. Bölüm 2'de tanıtılan yönerge modelini pekiştirir.

Ders 1 • Angular Servisleri Oluşturma ve Sağlama

Servisleri CLI ile oluşturur ve bunları modül, bileşen veya kök kapsamında kaydeder. Servis katmanını paylaşılan mantığın evi olarak belirler.

Ders 2 • HTTP İstemcisi ve REST API Entegrasyonu

HttpClientModule'u yapılandırır ve GET, POST, PUT ve DELETE isteklerini gerçekleştirir. Servis katmanını gerçek arka uç veri kaynaklarına bağlar.

Ders 3 • Hata Yönetimi ve HTTP Engelleyicileri

catchError ile genel hata yönetimini ve engelleyicilerle istek/yanıt dönüşümünü uygular. Üretime hazır HTTP iletişim modelleri üretir.

Ders 4 • Bağımlılık Enjeksiyonuna Derinlemesine Bakış

DI hiyerarşisini, enjeksiyon belirteçlerini ve sağlayıcı türlerini keşfeder. Bağımlılıkların uygulama genelinde nasıl çözüleceği üzerinde ince ayarlı kontrol sağlar.

Ders 1 • Rota Muhafızları ve Erişim Kontrolü

Rotaları korumak için CanActivate, CanDeactivate ve CanLoad muhafızlarını uygular. Kimlik doğrulama ve yetkilendirmeyi gezinme katmanına entegre eder.

Ders 2 • Tembel Yükleme ve Rota Çözümleyicileri

Uygulamayı talep üzerine yüklenen özellik modüllerine böler ve çözümleyicilerle verileri önceden getirir. İlk yükleme performansını ve kullanıcı deneyimini iyileştirir.

Ders 3 • İç İçe Rotalar ve Adlandırılmış Çıkışlar

Alt rotaları üst rotalar altında yapılandırır ve yardımcı görünümler için adlandırılmış çıkışlar kullanır. Büyük uygulamalarda karmaşık düzen gereksinimlerini destekler.

Ders 4 • Yönlendirici Kurulumu ve Temel Gezinme

Rota tanımlarıyla RouterModule'u yapılandırır ve router-outlet ile routerLink ekler. Tüm gezinme özelliklerinin temelini oluşturur.

Ders 1 • FormArray ile Dinamik Formlar

Değişken uzunluktaki veriler için çalışma zamanında form kontrolleri eklemek ve kaldırmak üzere FormArray kullanır. Yinelenen satır öğeleri gibi gerçek dünya senaryolarını yönetir.

Ders 2 • Doğrulayıcılar ve Özel Doğrulama

Senkron ve asenkron doğrulayıcıları uygular ve yeniden kullanılabilir özel doğrulayıcı işlevleri oluşturur. Gönderimden önce veri bütünlüğünü sağlar.

Ders 3 • Form Gönderimi ve Durum Yönetimi

Kusursuz bir kullanıcı deneyimi sunmak için form gönderimi, sıfırlama ve kirli/dokunulmuş durumu yönetir. Form verilerini Bölüm 4'te tanıtılan servis çağrılarına bağlar.

Ders 4 • Şablon Güdümlü Formlar

Şablonda bildirimsel olarak formlar oluşturmak için ngForm, ngModel ve yerleşik doğrulayıcıları kullanır. Minimum TypeScript yüküyle form kavramlarını tanıtır.

Ders 1 • NgRx Entity ve DevTools

NgRx Entity ile koleksiyon yönetimini basitleştirir ve Redux DevTools ile durumu inceler. Depo ağırlıklı özelliklerin geliştirilmesini ve hata ayıklamasını hızlandırır.

Ders 2 • NgRx Depoya Giriş

NgRx'ı kurar ve bir özellik dilimi için eylemler, azaltıcılar ve depo tanımlar. Angular ekosistemi içinde Redux modelini oluşturur.

Ders 3 • BehaviorSubject ile Servis Tabanlı Durum

Bir serviste BehaviorSubject kullanarak durumu bileşenler arasında depolar ve paylaşır. NgRx tanıtılmadan önce hafif bir durum çözümü sağlar.

Ders 4 • Yan Etkiler için NgRx Efektleri

NgRx Efektleri kullanarak HTTP çağrıları gibi asenkron işlemleri azaltıcılar dışında yönetir. Azaltıcıları saf tutar ve yan etki mantığını merkezileştirir.

Ders 1 • Dağıtım Stratejileri ve CI/CD Entegrasyonu

Angular derlemelerini statik barındırmaya dağıtır ve sürekli teslimat için otomatik hatlar kurar. Kod üretimine yönelik geliştirme yaşam döngüsünü kapatır.

Ders 2 • Bileşenleri ve Servisleri Birim Testi

Bileşenler, servisler ve borular için Jasmine ve TestBed ile birim testleri yazar. Entegrasyondan önce birimleri izole olarak doğrular.

Ders 3 • Paket Optimizasyonu ve Derleme Yapılandırması

Optimum paket boyutu için üretim derlemelerini, ağaç sallamayı ve diferansiyel yüklemeyi yapılandırır. Uygulamayı gerçek dünya dağıtım kısıtlamalarına hazırlar.

Ders 4 • Cypress ile Uçtan Uca Test

Tam uygulama davranışını doğrulamak için Cypress ile kullanıcı akışı testini otomatikleştirir. Birim testlerini gerçekçi tarayıcı tabanlı senaryolarla tamamlar.