Eğitim İçeriği

Giriş

  • Angular Nedir?
  • Angular, React ve Vue Karşılaştırması
  • Angular 17'nin Özellikleri ve Mimarisine Genel Bakış
  • Geliştirme Ortamının Kurulumu

Başlangıç

  • Angular CLI kullanarak yeni bir Angular 17 projesi oluşturma
  • Proje yapısını ve dosyalarını keşfetme
  • Uygulamayı çalıştırma ve sunma
  • Interpolasyon ve ifadeler kullanarak veri görüntüleme

Bileşenler

  • Angular 17'de bileşenlerin rolünü anlama
  • Bileşen oluşturma ve kullanma
  • Giriş ve çıkışlar aracılığıyla bileşenler arasında veri geçirme
  • Bileşen yaşam döngüsü kancıklarını kullanma

Yönergeler

  • Yapısal ve özellik yönergeleri arasındaki farkı anlama
  • ngIf, ngFor, ngSwitch vb. gibi yerleşik yönergeleri oluşturma ve kullanma
  • Özel yönergeler oluşturma ve kullanma

Boru Hatları

  • Angular 17'de boru hatlarının amacını anlama
  • tarih, para birimi, json vb. gibi yerleşik boru hatlarını oluşturma ve kullanma
  • Özel boru hatları oluşturma ve kullanma

Hizmetler

  • Angular 17'de hizmetlerin rolünü anlama
  • Hizmetler oluşturma ve kullanma
  • Sağlayıcılar aracılığıyla bağımlılıkları enjekte etme

Modüller

  • Angular 17'de modüllerin rolünü anlama
  • Modüller oluşturma ve kullanma
  • Modülleri içe ve dışa aktarma

Veri Bağlama

  • Tek yönlü ve iki yönlü veri bağlama arasındaki farkı anlama
  • Özellik bağlama, olay bağlama ve muz-kutu sözdizimini oluşturma ve kullanma
  • Şablon başvuru değişkenlerini kullanma

Yönlendirme

  • Angular 17'de yönlendirmenin rolünü anlama
  • Yönlendirmeler oluşturma ve yapılandırma
  • routerLink ve router.navigate() kullanarak yönlendirmeler arasında gezinme
  • Yönlendirme parametreleri, sorgu parametreleri ve parçaları kullanma

Formlar

  • Şablon odaklı ve tepkisel formlar arasındaki farkı anlama
  • form denetimleri, form grupları, form dizileri vb. kullanarak formlar oluşturma ve doğrulama
  • gerekli, minLength, maxLength vb. gibi yerleşik doğrulayıcıları kullanma
  • Özel doğrulayıcılar oluşturma ve kullanma

HTTP İstemcisi

  • Angular 17'de HTTP istemcisinin rolünü anlama
  • Arka uç hizmetleriyle iletişim kurmak için HTTP istekleri oluşturma ve kullanma
  • Eşzamansız veri akışlarını işlemek için gözlemlenebilirleri kullanma
  • HTTP isteklerini veya yanıtlarını değiştirmek veya işlemek için kesiciler kullanma

Yeni, Bildirimsel Kontrol Akışı

  • Yeni şablon kontrol bloğu sözdizimini ve bunun koşullu işleme, döngü oluşturma ve boş koleksiyonları işleme gibi yaygın görevleri nasıl basitleştirdiğini açıklama
  • @if, @else, @switch, @case, @default, @for ve @empty gibi yeni blokları kullanmaya ilişkin örnekler verme
  • Yeni sözdizimini *ngIf, *ngSwitch ve *ngFor gibi öncekiyle karşılaştırma
  • Yeni kontrol bloklarının sinyallerle zon dışı uygulamaları nasıl desteklediğini belirtme

Erteleme Yükleme Blokları

  • Erteleme yüklemenin kavramını ve bunun web uygulamalarının performansını ve kullanıcı deneyimini nasıl iyileştirebileceğini açıklama
  • Blok içeriğini ve bağımlılıklarını tembel yüklemeyi sağlayan yeni @defer kontrol bloğunu tanıtma
  • Bileşenleri, yönergeleri, boru hatlarını, animasyonları ve stilleri yüklemek gibi farklı senaryolar için @defer bloğunu kullanmaya ilişkin örnekler verme
  • @defer bloğunun yeni görüntü geçişleri API'si ile nasıl çalıştığını belirtme

Görüntü Geçişleri API'si

  • Görüntü geçişleri API'sinin amacını ve faydalarını, geliştiricilerin görünümler arasındaki animasyonları ve geçişleri özelleştirmesine olanak tanımasını açıklama
  • Görüntü geçişleri API'sinin kullanımını etkinleştiren yeni withViewTransitions yönergesini tanıtma
  • Farklı geçiş türleriyle (solma, kaydırma, yakınlaştırma ve çevirme gibi) withViewTransitions yönergesini kullanmaya ilişkin örnekler verme
  • Görüntü geçişleri API'sinin Angular yönlendiricisi ve tarayıcı geçmişi ile nasıl çalıştığını belirtme

Diğer Özellikler ve İyileştirmeler

  • Şunlar gibi Angular 17'nin sunduğu diğer özelliklerin ve iyileştirmelerin kısa bir özetini verme:
  • @Component.styles'ı dize olarak geçirme desteği
  • Angular'nın animasyon kodu tembel yüklenebilir
  • TypeScript 5.2 desteği
  • Çekirdek sinyal API'si artık kararlı
  • Node.js v16 desteği kaldırıldı ve minimum destek sürümü v18.13.0
  • Esbuild varsayılan derleyici olacak ve varsayılan geliştirme sunucusu Vite'ı kullanacak

Özet ve Sonraki Adımlar

Kurs İçin Gerekli Önbilgiler

  • HTML, CSS ve JavaScript bilgisi
  • TypeScript ve RxJS deneyimi
  • Web geliştirme deneyimi

Hedef Kitle

  • Dinamik ve duyarlı web uygulamaları oluşturmak için Angular 17'yi kullanmayı öğrenmek isteyen geliştiriciler
  • Angular'nın önceki sürümlerinden becerilerini yükseltmek isteyen geliştiriciler
  • Angular 17'nin yeni özelliklerini ve iyileştirmelerini keşfetmek isteyen programcılar
 28 Saat

Katılımcı Sayısı


Kişi Başına Fiyat

Danışanlarımızın Yorumları (2)

Yaklaşan Etkinlikler

İlgili Kategoriler