ANGULAR WITH TYPE SCRIPT EĞİTİMİ

Tip güvenli Angular için TypeScript

Tipler, arayüzler, jenerikler, dekoratörler, katı mod ve tip güvenli form ile HttpClient

Angular with Type Script Eğitimi, Angular geliştiricilerine TypeScript'i tip güvenli uygulama yazacak biçimde derinlemesine öğretir. Program temel ve ileri tipler, tür daraltma, arayüzler, jenerikler, sınıflar ve yardımcı tiplerle başlar.

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

Eğitim Hakkında

Tiplerden jenerik ve dekoratörlere, Angular'da tip güvenli form ve servis kullanımına uzanan eğitim

Angular with Type Script Eğitimi, Angular geliştiricilerine TypeScript'i tip güvenli ve sürdürülebilir uygulama yazacak biçimde derinlemesine öğretir. Katılımcılar temel ve ileri tipleri, arayüz ve tür takma adlarını, jenerikleri, dekoratörleri ve katı mod ayarlarını öğrenir. Eğitim, Angular'ın TypeScript'i nasıl kullandığını, tip güvenli reaktif formları, jenerik servisleri, tiplenmiş HttpClient isteklerini ve tür koruyucularla güvenli kod yazmayı uygulamalı olarak kapsar.

Süre ve Format

4 Gün. Her gün dört modül; örnek bir Angular uygulaması giderek daha katı tiplerle, jenerik servisler ve tiplenmiş formlarla kademeli olarak güçlendirilir.

Seviye

Orta Seviye — Angular geliştiricilerine TypeScript'i tip güvenli uygulama geliştirmek için derinlemesine öğretir

Öğrenme Metodu

Örnek bir Angular uygulaması üzerinde her modülde yeni bir TypeScript özelliği uygulanır ve tip güvenliğinin kazanımı canlı gösterilir.

Neden Bu Eğitim?

🎯Erken hata yakalama

Tip sistemi sayesinde hataların çoğunu daha kodu yazarken, çalışma zamanına kalmadan derleme anında yakalarsınız.

🧭Daha iyi editör desteği

Tiplenmiş kod, otomatik tamamlama, güvenli yeniden adlandırma ve ileri gezinmeyle geliştirme hızınızı belirgin artırır.

🏗️Sürdürülebilir kod

Arayüz ve jeneriklerle veri sözleşmelerini netleştirir, büyük projelerde okunabilir ve bakımı kolay kod tabanı kurarsınız.

Anahtar Konular

angular typescript eğitimitypescript kursuangular tip güvenliğitypescript jeneriklertypescript arayüz eğitimitiplenmiş reaktif formtypescript katı modangular httpclient tiplemetypescript yardımcı tiplerön yüz typescript geliştirme
“TypeScript, Angular'ın gizli gücüdür; bu eğitim tip sistemini ustaca kullanarak hataları erken yakalayan güvenli kod yazdırır.”

Ön Koşullar

Eğitimden en iyi verimi almak için faydalı bilgi ve hazır geliştirme ortamı

1
Angular tecrübesi

Bileşen, servis ve veri bağlama gibi temel Angular kavramlarını bilmek örnekleri takip etmeyi kolaylaştırır.

2
JavaScript bilgisi

ES6 değişken, fonksiyon, sınıf ve modül kavramlarına aşinalık TypeScript farklarını kavramayı hızlandırır.

3
Temel tip aşinalığı

Tip kavramına yüzeysel aşinalık yeterlidir; temel ve ileri tipler eğitimde sıfırdan işlenir.

4
Angular CLI ortamı

Node.js, npm ve Angular CLI kurulu, derleyici çıktısını görebileceğiniz bir geliştirme 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 temel tiplerini, tip çıkarımını ve açık tanımlamayı kavrar, birleşim ve kesişim tiplerini kullanır ve tür daraltmayla güvenli kod yazmayı öğrenir.
Modül 1
Temel Tipler ve Çıkarım
  • string, number ve boolean tiplerinin kullanımı
  • Dizi ve tuple tiplerinin tanımlanması
  • Tip çıkarımı ile açık tanımlama farkı
  • any, unknown ve never tiplerinin rolü
  • null ve undefined davranışının kontrolü
  • void ve dönüş tipi belirtme yaklaşımı
Modül 2
Nesne ve Fonksiyon Tipleri
  • Nesne tipi ve zorunlu alan tanımı
  • Opsiyonel ve salt okunur özellikler
  • Fonksiyon parametre ve dönüş tipi
  • Varsayılan ve rest parametre tipleri
  • Fonksiyon tip imzası tanımlama
  • Ok fonksiyonu ve bu bağlam ilişkisi
Modül 3
Birleşim ve Değişmez Tipler
  • Birleşim tipiyle çoklu olasılık tanımı
  • Kesişim tipiyle tipleri birleştirme
  • Değişmez (literal) tip ile sabit değer
  • Numaralandırma (enum) ve alternatifleri
  • const assertion ile değişmezlik
  • Ayırt edici birleşim tipi deseni
Modül 4
Tür Daraltma ve Koruyucular
  • typeof ile tip daraltma mantığı
  • instanceof ile sınıf türü kontrolü
  • in operatörü ile özellik kontrolü
  • Özel tür koruyucu fonksiyon yazma
  • Kesin atama ve non-null operatörü
  • Daraltmayla güvenli dal mantığı kurma
Günün hedefiKatılımcı arayüz ve tür takma adlarıyla veri sözleşmeleri kurar, jeneriklerle yeniden kullanılabilir tipler yazar, sınıf ve erişim belirleyicilerini kullanır ve soyutlama kurmayı öğrenir.
Modül 1
Arayüz ve Tür Takma Adı
  • interface ile veri sözleşmesi tanımlama
  • type ile tür takma adı oluşturma
  • interface ve type arasındaki fark
  • Arayüz genişletme ve birleştirme
  • İç içe ve opsiyonel alan modelleme
  • Gelen API yanıtını arayüzle tipleme
Modül 2
Jenerik Tipler ve Kısıtlama
  • Jenerik fonksiyon ile tip parametresi
  • Array<T> ve koleksiyon jenerikleri
  • Jenerik kısıtlama ile extends kullanımı
  • Birden çok tip parametresiyle çalışma
  • Varsayılan jenerik tip belirleme
  • Jenerik ile yeniden kullanılabilir yardımcı
Modül 3
Sınıflar ve Nesne Yönelimi
  • Sınıf, alan ve metot tanımlama
  • public, private ve protected belirleyiciler
  • readonly alan ve kurucu kısayolu
  • Kalıtım ve metot geçersiz kılma
  • abstract sınıf ve soyut metot yapısı
  • Arayüz uygulayan sınıf (implements)
Modül 4
Yardımcı Tipler (Utility)
  • Partial ve Required ile alan dönüşümü
  • Pick ve Omit ile tip alt kümesi
  • Record ile anahtar değer tipi kurma
  • Readonly ile değişmez tip üretme
  • ReturnType ve Parameters çıkarımı
  • keyof ve indeksli erişim tipleri
Günün hedefiKatılımcı Angular'ın dekoratör ve metadata kullanımını kavrar, bağımlılık enjeksiyonunu tiplerle kurar, tip güvenli reaktif formlar yazar ve bileşen girdilerini tiplerle güvence altına alır.
Modül 1
Dekoratörler ve Metadata
  • Dekoratörün sınıfa metadata eklemesi
  • @Component ve @Injectable yapısı
  • @Input ve @Output tip tanımları
  • input ve output sinyal fonksiyonları
  • experimentalDecorators ayarı ve rolü
  • Angular'ın tip bilgisini derlemede kullanması
Modül 2
Tiplenmiş Bağımlılık Enjeksiyonu
  • Servis tipiyle inject kullanımı
  • InjectionToken ile tiplenmiş token
  • Jenerik servis tasarlama yaklaşımı
  • Sağlayıcı değerini tiple sözleşmeye bağlama
  • Tür güvenli yapılandırma nesnesi
  • Soyut servis ve somut uygulama ayrımı
Modül 3
Tip Güvenli Reaktif Formlar
  • FormControl ile değer tipini belirtme
  • FormGroup için tiplenmiş arayüz tanımı
  • FormBuilder ile tip güvenli form kurma
  • NonNullable form kontrol davranışı
  • Form değerini tiplenmiş modele eşleme
  • Tiplerle doğrulama ve hata erişimi
Modül 4
Bileşen ve Şablon Tipleri
  • Girdi özelliklerini arayüzle tipleme
  • Şablon tip denetimini sıkılaştırma
  • strictTemplates ayarının etkisi
  • Jenerik bileşen tasarlama yaklaşımı
  • Şablon referansını tiplerle kullanma
  • Pipe dönüşümünü tiple güvence altına alma
Günün hedefiKatılımcı katı mod ayarlarını uygular, HttpClient isteklerini jeneriklerle tipler, API modellerini kurar, tsconfig ile derleyiciyi yapılandırır ve tip güvenli bir projeyi baştan sona düzenler.
Modül 1
Katı Mod ve Derleyici Ayarları
  • strict bayrağı ve kapsadığı denetimler
  • strictNullChecks ile null güvenliği
  • noImplicitAny ile örtük any yasağı
  • strictPropertyInitialization kuralı
  • tsconfig ile derleyici yapılandırması
  • Katı moda kademeli geçiş stratejisi
Modül 2
Tiplenmiş HttpClient
  • get<T> ile yanıtı jenerikle tipleme
  • API yanıt modelini arayüzle tanımlama
  • post isteğinde gövde tipini belirtme
  • HttpParams ve başlık tipli kullanımı
  • Yanıtı istemci modeline dönüştürme
  • Hata yanıtını tiplerle ele alma
Modül 3
Veri Modelleme ve Dönüşüm
  • Sunucu ve istemci modelini ayırma
  • Eşleme fonksiyonuyla model dönüştürme
  • Opsiyonel alan ve varsayılan değer
  • Tür koruyucuyla gelen veriyi doğrulama
  • Numaralandırmayı API değeriyle eşleme
  • Değişmez model ile güvenli durum
Modül 4
Tip Güvenli Proje Düzeni
  • Paylaşılan tip ve model dosyası düzeni
  • Barrel dosyası ile içe aktarım düzeni
  • ESLint ile tip odaklı kural uygulama
  • Yardımcı tiplerle tekrar azaltma
  • Tip hatalarını okuyup çözme pratiği
  • Projeyi derleyip tip güvenliğini doğrulama

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Tip sistemi

Temel ve ileri tipleri, tip çıkarımını ve tür daraltmayı kavrayarak hataları derleme anında yakalayan kod yazarsınız.

✅
Arayüz ve model

Arayüz ve tür takma adlarıyla net veri sözleşmeleri kurar, API yanıtlarını ve uygulama modellerini güvenle tiplersiniz.

✅
Jenerik kullanımı

Jeneriklerle yeniden kullanılabilir fonksiyon, servis ve yardımcı tipler yazar, kod tekrarını belirgin biçimde azaltırsınız.

✅
Yardımcı tipler

Partial, Pick, Omit, Record ve keyof gibi yardımcı tiplerle mevcut tiplerden esnek ve güvenli yeni tipler türetirsiniz.

✅
Dekoratör ve DI

Angular dekoratörlerini ve metadata'yı anlar, bağımlılık enjeksiyonunu tiplenmiş token ve jenerik servislerle kurarsınız.

✅
Tip güvenli form

Tiplenmiş FormControl ve FormGroup ile reaktif formlar kurar, değerleri modele güvenle eşler ve hataları tip destekli yönetirsiniz.

✅
Katı mod

strict, strictNullChecks ve noImplicitAny ayarlarını uygular, katı moda kademeli geçişi güvenle yönetirsiniz.

✅
Tiplenmiş HTTP

HttpClient isteklerini jeneriklerle tipler, API modellerini kurar ve gelen veriyi tür koruyucularla doğrularsınız.

Kimler İçin Uygundur?

  • Angular ile çalışan ama TypeScript'i yüzeysel kullanan geliştiriciler
  • tip hatalarını çalışma zamanından önce yakalamak isteyen yazılımcılar ve büyük projelerde tip güvenli
  • bakımı kolay kod yazmak isteyen ekipler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Angular ile çalışan ama TypeScript'i yüzeysel kullanan geliştiriciler, tip hatalarını çalışma zamanından önce yakalamak isteyen yazılımcılar ve büyük projelerde tip güvenli, bakımı kolay kod yazmak isteyen ekipler için uygundur. Temel Angular ve JavaScript bilgisi beklenir; TypeScript özellikleri sıfırdan işlenir.
Sadece TypeScript mi, yoksa Angular'a özel kısımlar da var mı?
İkisi de kapsanır. İlk iki gün TypeScript tip sistemini, jenerikleri ve yardımcı tipleri derinlemesine işler; son iki gün bu bilgiyi Angular'a uygular. Dekoratörler, tiplenmiş bağımlılık enjeksiyonu, tip güvenli reaktif formlar ve jeneriklerle tiplenmiş HttpClient istekleri gibi Angular'a özgü konular uygulamalı ele alınır.
Tip güvenli reaktif formlar öğretiliyor mu?
Evet. Tiplenmiş FormControl ve FormGroup, FormBuilder ile tip güvenli form kurma, NonNullable kontrol davranışı ve form değerini tiplenmiş bir modele eşleme uygulamalı işlenir. Böylece form alanlarında yanlış tip kullanımını derleme anında yakalar, daha güvenli ve okunabilir formlar yazarsınız.
Katı mod (strict) ve tsconfig ayarları ele alınıyor mu?
Evet. strict bayrağının kapsadığı denetimler, strictNullChecks, noImplicitAny ve strictPropertyInitialization gibi ayarlar ve bunların kod kalitesine etkisi işlenir. Mevcut bir projede katı moda kademeli geçiş stratejisi ve tsconfig ile derleyiciyi yapılandırma uygulamalı olarak gösterilir.
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 dört gün boyunca tip güvenli hale getirilen örnek uygulamayı belgeler; eğitim yüz yüze veya online verilebilir ve kurumsal gruplara özel olarak uyarlanabilir.

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. Angular with Type Script Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre4 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 CLI Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular CLI Eğitimi

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

Angular CLI ile proje oluşturma, ng generate, angular.json, builder, bütçeler, test, ng update ve dağıtımı öğreten uygulamalı kurumsal eğitim.

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

Angular Development: Dependency Injection & ng-bootstrap Eğitimi

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

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 →
AngularAngular Development: Libraries Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular Development: Libraries Eğitimi

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

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 →
AngularAngular Development: Material & Elements Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular Development: Material & Elements Eğitimi

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

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 →
AngularAngular Development: Reactive Programming Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular Development: Reactive Programming Eğitimi

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

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 →
AngularAngular Development: Testing & TDD Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular Development: Testing & TDD Eğitimi

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

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 →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn