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
Danışanlarımızın Yorumları (2)
I mostly liked the training flow; she went through the topic, and at the end of the topic, she had well-defined practice sessions for us. She was able to guide us promptly with the issues we faced in the practice sessions.
Rabin Byanjankar - Lument
Eğitim - Angular 17
It was very interactive and informative. The trainer was very patient with us when we didn't understand something and ensured no one was left behind throughout the training.