TESTING ANGULAR APPS EĞİTİMİ

Angular uygulamanı güvenle test et

Jasmine, Karma ve TestBed ile Angular bileşen, servis ve uçtan uca testleri yazma

Testing Angular Apps Eğitimi, Angular uygulamalarını güvenilir biçimde test etmenin temellerini uygulamalı öğretir. Program Jasmine ile test yazımı, Karma ile çalıştırma, test piramidi, TestBed ile bileşen kurulumu, DOM ve etkileşim testleri, servis testleri,…

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

Eğitim Hakkında

İlk testten bileşen, servis ve uçtan uca senaryolara kadar Angular test pratiği

Testing Angular Apps Eğitimi, Angular uygulamalarını güvenilir biçimde test etmenin temellerini uygulamalı öğretir. Katılımcılar Jasmine ile test yazımını, Karma ile çalıştırmayı ve TestBed ile bileşen kurulumunu öğrenir. Ardından bileşen, servis, pipe ve directive testleri, DOM etkileşimi doğrulama ve bağımlılık taklidi işlenir. Program HttpClientTestingModule ile HTTP testi, asenkron test teknikleri ve Cypress ile uçtan uca test örnekleriyle tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; kısa anlatımın ardından örnek bir Angular uygulaması üzerinde bileşen, servis ve uçtan uca testler adım adım yazılır.

Seviye

Orta Seviye — Angular uygulamalarını birim ve uçtan uca testlerle sınamayı öğreten program

Öğrenme Metodu

Her modülde yeni bir test türü örnek uygulamaya uygulanır; testler kırmızıdan yeşile ilerletilerek test yazma alışkanlığı kazandırılır.

Neden Bu Eğitim?

🎯Test alışkanlığı

Bileşen ve servisleri düzenli test etme pratiğini kazanarak kodunuza güven duyar ve hataları erken yakalarsınız.

🧩Doğru test türü

Birim, entegrasyon ve uçtan uca test arasındaki farkı kavrayıp her senaryoda doğru test türünü seçmeyi öğrenirsiniz.

🚀Güvenli değişiklik

Test kapsamı olan bir uygulamada yeni özellik eklemenin ve refactor yapmanın neden daha güvenli olduğunu deneyimlersiniz.

Anahtar Konular

angular test eğitimiangular unit testjasmine karma eğitimitestbed kursuangular bileşen testiangular e2e cypressangular servis testiön yüz test eğitimiangular test kursuyazılım test eğitimi
“Test yazmak zaman kaybı değil, gelecekteki hata ayıklama saatlerinden tasarruftur. Bir kez yazılan test defalarca güven verir.”

Ön Koşullar

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

1
Angular temeli

Bileşen, servis, bağımlılık enjeksiyonu ve şablon bağlama gibi temel Angular kavramlarına aşinalık gerekir.

2
TypeScript bilgisi

Tip, arayüz ve sınıf gibi temel TypeScript yapılarını okuyup yazabilmek beklenir.

3
Komut satırı kullanımı

Angular CLI ile proje oluşturup komut çalıştırabilmek öğrenmeyi kolaylaştırır.

4
Çalışma ortamı

Node.js, Angular CLI ve bir kod düzenleyici kurulu, proje ç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ı Jasmine ile test yazımını, Karma ile çalıştırmayı ve test piramidi mantığını öğrenir; ilk birim testlerini yazarak test döngüsünü deneyimler.
Modül 1
Neden Test Yazılır
  • Testin yazılımda sağladığı güven ve hız
  • Birim, entegrasyon ve uçtan uca test ayrımı
  • Test piramidi ve dengeli test dağılımı
  • Manuel testin sınırları ve otomasyonun değeri
  • İyi testin özellikleri ve kırılgan test riski
  • Test odaklı geliştirmeye kısa bir bakış
Modül 2
Jasmine ile Test Yazımı
  • describe ve it ile test senaryosu oluşturma
  • expect ve matcher ile beklenti ifade etme
  • beforeEach ile her testten önce ortam hazırlama
  • toBe, toEqual ve toContain matcher farkları
  • Test adının davranışı net anlatması ilkesi
  • Başarısız testin çıktısını okuyup yorumlama
Modül 3
Karma ile Çalıştırma
  • ng test komutuyla test süitini başlatma
  • Tarayıcıda testlerin otomatik koşması
  • Dosya değişiminde testlerin tekrar çalışması
  • Yalnızca belli testi çalıştırma yöntemi
  • Test çıktısındaki yeşil ve kırmızı okuması
  • Karma yapılandırmasına temel bakış
Modül 4
İlk Birim Testleri
  • Saf fonksiyon ve yardımcıların test edilmesi
  • Girdi ve beklenen çıktı ile senaryo kurma
  • Sınır değer ve hata durumlarının test edilmesi
  • Aranjman, eylem, doğrulama düzeni
  • Küçük ve tek amaçlı testler yazma
  • Test ile üretim kodunun ayrı tutulması
Günün hedefiKatılımcı TestBed ile bileşenleri kurar, DOM etkileşimini doğrular, servisleri izole test eder ve bağımlılıkları spy ile taklit etmeyi uygular.
Modül 1
TestBed ile Bileşen Kurulumu
  • TestBed ile test modülünün yapılandırılması
  • ComponentFixture ile bileşen örneği oluşturma
  • detectChanges ile şablonun güncellenmesi
  • nativeElement ile DOM'a erişim
  • Bileşen girdilerinin test ortamında verilmesi
  • Standalone bileşenin test ortamında kurulumu
Modül 2
DOM ve Etkileşim Testleri
  • Şablona bağlı metnin doğru göründüğünün testi
  • Buton tıklamasının olay tetiklediğinin kontrolü
  • Girdi alanına değer yazmanın test edilmesi
  • Koşullu gösterimin doğru çalıştığının sınanması
  • Liste çıktısının beklenen öğeleri içermesi
  • Olay yayımının üst bileşene ulaştığının kontrolü
Modül 3
Servis Birim Testleri
  • Servisin bağımlılıklarından izole test edilmesi
  • İş mantığının girdi ve çıktı ile doğrulanması
  • Enjekte edilen servisin test ortamında alınması
  • Durum tutan servisin davranışının sınanması
  • Hata yollarının test ile kapsanması
  • Servis testinin bileşenden ayrı tutulması
Modül 4
Bağımlılık Taklidi
  • spyOn ile metodu izleme ve değiştirme
  • createSpyObj ile sahte servis oluşturma
  • returnValue ile sahte dönüş değeri verme
  • Çağrı sayısı ve argümanının doğrulanması
  • Gerçek bağımlılık yerine taklit seçme ölçütü
  • useValue ile sağlayıcının geçersiz kılınması
Günün hedefiKatılımcı HTTP isteklerini taklitle test eder, asenkron kodu doğru biçimde sınar, pipe ve directive testleri yazar ve Cypress ile uçtan uca senaryo kurar.
Modül 1
HTTP İsteği Testleri
  • HttpClientTestingModule ile test kurulumu
  • HttpTestingController ile isteğin yakalanması
  • flush ile sahte yanıt döndürme
  • Beklenen URL ve metodun doğrulanması
  • Hata yanıtı senaryosunun test edilmesi
  • verify ile bekleyen istek kalmadığının kontrolü
Modül 2
Asenkron Test Teknikleri
  • Asenkron kodu test etmenin zorlukları
  • waitForAsync ile gerçek asenkron bekleme
  • fakeAsync ile asenkron testte zaman kontrolü
  • tick ile zamanlayıcıları ileri sarma
  • Promise ve observable dönüşlerinin test edilmesi
  • done geri çağrısıyla asenkron testi bitirme
Modül 3
Pipe ve Directive Testleri
  • Özel pipe'ın girdi ve çıktı ile test edilmesi
  • transform metodunun doğrudan doğrulanması
  • Attribute directive davranışının test edilmesi
  • Host bileşenle directive testinin kurulması
  • Girdi değişiminde directive tepkisinin sınanması
  • Saf pipe ve kirli pipe farkının test edilmesi
Modül 4
Uçtan Uca Test ile Cypress
  • Cypress kurulumu ve proje yapısı
  • Kullanıcı akışının baştan sona senaryolaştırılması
  • Eleman bulma ve tıklama komutları
  • Girdi doldurma ve form gönderme senaryosu
  • Ağ isteklerinin taklit edilmesi
  • Birim ve uçtan uca testin birbirini tamamlaması

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Test temeli

Jasmine ve Karma ile test yazıp çalıştırabilir, test piramidini kavrayıp doğru test türünü seçebilirsiniz.

✅
Bileşen testi

TestBed ile bileşenleri kurar, DOM etkileşimini ve şablon çıktısını güvenle doğrulayan testler yazarsınız.

✅
Servis testi

Servisleri bağımlılıklarından izole ederek iş mantığını girdi ve çıktı üzerinden test edebilirsiniz.

✅
Bağımlılık taklidi

spyOn ve createSpyObj ile bağımlılıkları taklit eder, çağrıları doğrular ve kontrollü testler kurarsınız.

✅
HTTP testi

HttpClientTestingModule ile istekleri yakalar, sahte yanıt döndürür ve hata senaryolarını test edersiniz.

✅
Asenkron test

waitForAsync ve fakeAsync ile asenkron kodu kararlı biçimde test etmeyi ve zamanı kontrol etmeyi öğrenirsiniz.

✅
Pipe ve directive

Özel pipe ve directive davranışlarını girdi ve çıktı üzerinden izole biçimde test edebilirsiniz.

✅
Uçtan uca test

Cypress ile gerçek kullanıcı akışlarını otomatikleştirerek uygulamayı bütün olarak sınayabilirsiniz.

Kimler İçin Uygundur?

  • Angular ile uygulama geliştiren ancak düzenli test yazmaya henüz başlamamış geliştiriciler
  • test alışkanlığı kazanmak isteyen ön yüz yazılımcıları
  • ekibine test kültürü kazandırmak isteyen yazılım ekipleri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Angular ile uygulama geliştiren ancak düzenli test yazmaya henüz başlamamış geliştiriciler için uygundur. Test alışkanlığı kazanmak isteyen ön yüz yazılımcıları ve ekibine test kültürü kazandırmak isteyen yazılım ekipleri de hedef kitledir. Temel Angular ve TypeScript 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. Örnek bir Angular uygulaması üzerinde bileşen, servis, HTTP ve uçtan uca testler adım adım yazılır. Yüz yüze veya online yapılabilir ve kurumun ihtiyacına göre içerik uyarlanabilir.
Hiç test yazmadım, bu eğitim bana uygun mu?
Evet. Eğitim neden test yazıldığından ve ilk Jasmine testinden başlar, bu nedenle test deneyimi gerekmez. Angular ile uygulama geliştirebiliyorsanız ve TypeScript okuyabiliyorsanız içeriği rahat takip edebilirsiniz.
Hangi test araçları kullanılıyor?
Birim ve entegrasyon testleri için Jasmine, Karma ve Angular TestBed kullanılır. HTTP testlerinde HttpClientTestingModule, uçtan uca testlerde Cypress işlenir. Araçlar Angular CLI ile hazır gelen yapıya dayandığından ek kurulum en aza iner.
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 yazılan test senaryolarını 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. Testing Angular Apps Eğitimi Sertifika Kodu DV-2026XX00 Tarih 14.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