TYPESCRIPT VE ANGULAR PROGRAMLAMA EĞİTİMİ

TypeScript ile Angular geliştir

TypeScript tiplerinden Angular bileşen, servis, yönlendirme ve formlarına kadar

TypeScript ve Angular Programlama Eğitimi, güçlü tipli TypeScript dilini öğretip bu temelin üzerine modern bir Angular uygulaması kurar.

3 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

TypeScript dilinin temelinden Angular uygulama mimarisine kadar bütünleşik yaklaşım

TypeScript ve Angular Programlama Eğitimi, güçlü tipli TypeScript dilini öğretip bu temelin üzerine modern bir Angular uygulaması kurar. Katılımcılar tip, arayüz, generic, birleşim tipleri ve decorator gibi TypeScript yapılarını kavrar. Ardından Angular bileşenleri, modüller, bağımlılık enjeksiyonu, servisler, veri bağlama, directive ve pipe konuları işlenir. Program yönlendirme, reaktif formlar ve HttpClient ile veri erişimini içeren çok sayfalı bir uygulamayla tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; TypeScript konuları kısa örneklerle, Angular konuları ise tek bir örnek uygulama üzerinde adım adım işlenir.

Seviye

Orta Seviye — TypeScript dilinden Angular uygulama geliştirmeye geçiren bütünleşik program

Öğrenme Metodu

Önce TypeScript dili örneklerle pekiştirilir, ardından aynı bilgi tek bir Angular uygulaması geliştirilerek gerçek koda dönüştürülür.

Neden Bu Eğitim?

🎯Sağlam dil temeli

TypeScript'in tip sistemini kavrayarak Angular kodunu daha güvenli, okunabilir ve hataya kapalı biçimde yazmayı öğrenirsiniz.

🧩Bütünleşik yaklaşım

Dili ve çerçeveyi ayrı ayrı değil birlikte öğrenerek TypeScript özelliklerinin Angular'da nasıl kullanıldığını net görürsünüz.

🚀Uygulamayla öğrenme

Her konu tek bir örnek uygulamaya eklendiği için bileşen, servis ve form bilgisi gerçek bir projede birleşir.

Anahtar Konular

typescript eğitimiangular eğitimitypescript angular kursuangular programlamaön yüz geliştirme eğitimitypescript genericangular bileşenreaktif formlarangular yönlendirmeangular kursu
“Güçlü bir tip sistemi, hataları çalışma zamanından yazım anına taşır; Angular bu disiplini uygulamaya mimari olarak yansıtır.”

Ön Koşullar

Eğitime başlamadan önce faydalı olacak bilgi ve ortam

1
JavaScript temeli

Değişken, fonksiyon, dizi ve nesne gibi temel JavaScript kavramlarını bilmek gerekir; ES6 söz dizimi eğitimde tazelenir.

2
Web temelleri

HTML ve CSS ile temel sayfa yapısına aşinalık, arayüz konularını kolaylaştırır.

3
Nesne yönelimli fikir

Sınıf ve nesne kavramına temel aşinalık, decorator ve servis konularını hızlandırır.

4
Çalışma ortamı

Node.js, npm ve Angular CLI kurulu, proje oluşturup çalıştırabilir bir ortam gereklidir.

Eğitim İçeriği

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.

Günün hedefiKatılımcı TypeScript'in tip sistemini kavrar, arayüz ve generic ile yeniden kullanılabilir yapılar kurar ve decorator mantığını Angular öncesi öğrenir.
Modül 1
Tip Sistemi Temelleri
  • string, number ve boolean temel tipleri
  • Tip çıkarımı ve açık tip bildirimi dengesi
  • array ve tuple ile sıralı veri tipleri
  • any, unknown ve never tiplerinin farkı
  • null ve undefined ile strict tip davranışı
  • literal tip ve tip daraltma mantığı
Modül 2
Arayüz ve Tip Takma Adları
  • interface ile nesne biçiminin tanımlanması
  • type ile tip takma adı oluşturma
  • İsteğe bağlı ve salt okunur özellikler
  • Birleşim ve kesişim tiplerinin kurulması
  • Arayüz genişletme ve miras alma
  • interface ile type arasındaki seçim ölçütü
Modül 3
Generic ve Yeniden Kullanım
  • Generic fonksiyon ile tip güvenli esneklik
  • Generic sınıf ve arayüz tanımlama
  • extends ile generic kısıtı koyma
  • keyof ve typeof ile tip türetme
  • Yardımcı tipler: Partial, Pick ve Record
  • Generic ile yeniden kullanılabilir yapı tasarımı
Modül 4
tsconfig ve Decorator
  • tsconfig ile derleyici katılığının ayarı
  • strict modun kod kalitesine katkısı
  • ES modülleri ile import ve export
  • Decorator'ın sınıf ve üyeye meta veri ekleme rolü
  • Angular'da decorator kullanımına hazırlık
  • Tip tanım dosyaları ve d.ts mantığı
Günün hedefiKatılımcı Angular bileşen yapısını kavrar, veri bağlama türlerini uygular, servis ve bağımlılık enjeksiyonu ile mantığı ayırır ve directive ile pipe kullanır.
Modül 1
Bileşen ve Şablon Yapısı
  • Component decorator ve bileşen anatomisi
  • Şablon, stil ve sınıf dosyalarının ilişkisi
  • Standalone bileşen ve modül yaklaşımı
  • Bileşen ağacı ve seçici kullanımı
  • Yaşam döngüsü kancalarına giriş
  • Angular CLI ile bileşen üretme
Modül 2
Veri Bağlama Türleri
  • İnterpolasyon ile metni şablona basma
  • Özellik bağlama ile öznitelik güncelleme
  • Olay bağlama ile kullanıcı etkileşimi
  • ngModel ile iki yönlü veri bağlama
  • @Input ile üst bileşenden veri alma
  • @Output ve EventEmitter ile olay yayma
Modül 3
Servis ve Bağımlılık Enjeksiyonu
  • Injectable servis ile iş mantığını ayırma
  • Bağımlılık enjeksiyonunun çalışma mantığı
  • providedIn ile servis kapsamı belirleme
  • Bileşene servisin enjekte edilmesi
  • Servis ile bileşenler arası veri paylaşımı
  • Tek sorumluluk ilkesiyle servis tasarımı
Modül 4
Directive ve Pipe
  • ngIf ve ngFor ile yapısal directive
  • ngClass ve ngStyle ile öznitelik directive
  • Özel attribute directive yazma
  • Hazır pipe ile veri biçimlendirme
  • date ve currency pipe kullanımı
  • Özel pipe ile veriyi dönüştürme
Günün hedefiKatılımcı çok sayfalı uygulamayı Router ile kurar, reaktif formlarla veri toplar, HttpClient ile API'den veri çeker ve observable akışını bileşene bağlar.
Modül 1
Yönlendirme ve Gezinme
  • Route tanımı ile sayfa eşlemesi kurma
  • routerLink ile gezinme bağlantıları
  • Yol parametresiyle dinamik sayfa açma
  • Çocuk rotalar ile iç içe gezinme
  • Route guard ile erişim kontrolü
  • Tembel yükleme ile modül ayırma
Modül 2
Reaktif Form Yönetimi
  • FormGroup ve FormControl ile form kurma
  • FormBuilder ile formu kısa yoldan oluşturma
  • Validators ile zorunlu ve desen doğrulama
  • Form geçerlilik durumunu şablona yansıtma
  • Hata mesajlarının kullanıcıya gösterilmesi
  • Form değerinin servise gönderilmesi
Modül 3
HttpClient ile Veri Erişimi
  • HttpClientModule kurulumu ve servis enjeksiyonu
  • get ve post ile API isteği gönderme
  • Yanıtın arayüz tipi ile modellenmesi
  • Interceptor ile başlık ve hata yönetimi
  • Yükleniyor ve hata durumunun yönetimi
  • Çevre dosyasıyla API adresinin ayrımı
Modül 4
Observable ve Durum
  • HttpClient yanıtının observable olması
  • subscribe ve async pipe ile veriyi tüketme
  • map ve filter ile akışı dönüştürme
  • takeUntil ile aboneliğin güvenle iptali
  • Servis içinde Subject ile veri paylaşımı
  • Signal ile modern durum yönetimine bakış

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
TypeScript tip sistemi

Tip, arayüz, birleşim tipleri ve generic ile güçlü tipli, güvenli ve yeniden kullanılabilir TypeScript kodu yazarsınız.

✅
Generic ustalığı

Generic fonksiyon ve sınıflarla ve yardımcı tiplerle esnek ama tip güvenli yapılar tasarlayabilirsiniz.

✅
Bileşen mimarisi

Angular bileşen yapısını kavrar, veri bağlama türleriyle dinamik ve etkileşimli arayüzler geliştirebilirsiniz.

✅
Servis ve DI

Servis ve bağımlılık enjeksiyonu ile iş mantığını ayırarak düzenli ve test edilebilir bir yapı kurarsınız.

✅
Directive ve pipe

Yapısal ve öznitelik directive ile hazır ve özel pipe kullanarak şablonları güçlü biçimde zenginleştirirsiniz.

✅
Yönlendirme

Angular Router ile çok sayfalı, guard korumalı ve tembel yüklemeli bir gezinme yapısı kurabilirsiniz.

✅
Reaktif formlar

FormGroup ve Validators ile doğrulamalı reaktif formlar kurup kullanıcı verisini güvenle toplayabilirsiniz.

✅
Veri erişimi

HttpClient ve observable ile API'den veri çeker, async pipe ile şablona bağlayıp durumu yönetebilirsiniz.

Kimler İçin Uygundur?

  • JavaScript bilen ve TypeScript ile Angular'a sağlam bir temelle başlamak isteyen geliştiriciler
  • başka çerçeveden geçiş yapan yazılımcılar
  • güçlü tipli ön yüz geliştirmeyi öğrenmek isteyen bilgisayar bölümü öğrencileri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
JavaScript bilen ve TypeScript ile Angular'a sağlam bir temelle başlamak isteyen geliştiriciler için uygundur. Başka çerçeveden geçiş yapan yazılımcılar ve güçlü tipli ön yüz geliştirmeyi öğrenmek isteyen öğrenciler de hedef kitledir. Temel JavaScript bilgisi beklenir.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. TypeScript konuları kısa örneklerle, Angular konuları ise tek bir örnek uygulama üzerinde işlenir. Yüz yüze veya online yapılabilir ve kurumun ihtiyacına göre içerik uyarlanabilir.
TypeScript bilmiyorum, önce onu mu öğrenmeliyim?
Hayır, eğitim TypeScript dilini ilk günde temelden ele alır. JavaScript bilginiz varsa TypeScript tip sistemini bu eğitimde öğrenir ve hemen ardından Angular ile uygulamaya geçersiniz. Dili ve çerçeveyi birlikte öğrenmek bağlamı güçlendirir.
Şablon tabanlı mı reaktif formlar mı işleniyor?
Veri bağlama bölümünde iki yönlü bağlama için ngModel kısaca gösterilir, ancak form bölümü reaktif formlara odaklanır. FormGroup, FormControl, FormBuilder ve Validators ile doğrulamalı formlar kurulur; reaktif yaklaşım kurumsal uygulamalarda daha ölçeklenebilirdir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve geliştirilen örnek uygulamayı belgeler; kurumsal gruplara özel uyarlama yapılabilir.

Sertifikalandırma

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.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. TypeScript ve Angular Programlama Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

AngularAngular : Navigation & Routing in Angular Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular : Navigation & Routing in Angular Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Angular Router ile route tanımı, parametreler, guard, resolver ve lazy loading dahil çok sayfalı uygulama gezinme eğitimi. Uygulamalı ve kurumsal.

Detayları Gör →
AngularAngular : Reactive Programming With RxJS & Observables Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular : Reactive Programming With RxJS & Observables Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

RxJS ve Observable ile Angular'da reaktif programlama eğitimi: operatörler, Subject, combineLatest, hata yönetimi ve Signals interop. Uygulamalı.

Detayları Gör →
AngularAngular : Services & Dependency Injection Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular : Services & Dependency Injection Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Angular'da servis tasarımı ve bağımlılık enjeksiyonu eğitimi: providedIn, provider türleri, InjectionToken, injector hiyerarşisi ve interceptor. Uygulamalı.

Detayları Gör →
AngularAngular : Working With Angular Modules Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular : Working With Angular Modules Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Angular modül mimarisi eğitimi: NgModule, feature ve shared modüller, lazy loading, SCAM ve standalone bileşenlere geçiş. Uygulamalı ve kurumsal.

Detayları Gör →
AngularAngular : Working with Components Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular : Working with Components Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Angular bileşen eğitimi: data binding, Input/Output, Signals, yaşam döngüsü, içerik projeksiyonu ve OnPush change detection. Uygulamalı ve kurumsal.

Detayları Gör →
AngularAngular : Working With Forms Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular : Working With Forms Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Angular form eğitimi: template-driven ve reactive formlar, doğrulama, async validator, ControlValueAccessor ve dinamik formlar. Uygulamalı ve kurumsal.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn