Angular Testing & TDD Eğitimi

Eğitim Hakkında

TestBed ile birim testten marble testine ve Cypress ile uçtan uca teste test odaklı eğitim

Angular Development: Testing & TDD Eğitimi, Angular bilen geliştiricilere test odaklı geliştirmeyi ve kapsamlı test yazımını uygulamalı öğretir. Katılımcılar Jasmine ve TestBed ile bileşen, servis ve pipe testlerini, HttpTestingController ile istek doğrulamayı, spy ve mock kullanımını, RxJS akışları için marble testini ve Cypress ile uçtan uca testleri öğrenir. Eğitim kırmızı-yeşil-yeniden düzenle döngüsüyle TDD pratiğini ve test kapsamı ölçümünü kapsar.

Süre ve Format

4 Gün. Her gün dört modül; örnek bir uygulama önce test yazılarak, kırmızı-yeşil-yeniden düzenle döngüsüyle adım adım geliştirilir ve test edilir.

Seviye

Orta Seviye — Angular bilen geliştiricilere test odaklı geliştirme ve kapsamlı test yazımını uygulamalı öğretir

Öğrenme Metodu

Özellikler önce test yazılarak geliştirilir; her modülde yeni bir test tekniği gerçek koda uygulanır ve TDD döngüsü canlı işletilir.

Neden Bu Eğitim?

🎯Değişime güven

Kapsamlı test seti sayesinde kodu yeniden düzenlerken veya özellik eklerken regresyon korkusu olmadan güvenle ilerlersiniz.

🔄TDD döngüsü

Kırmızı-yeşil-yeniden düzenle döngüsüyle önce testi yazar, gerektiği kadar kod yazar ve tasarımı testlerle yönlendirirsiniz.

🧪Katman katman test

Birim, bileşen ve uçtan uca test katmanlarını dengeleyerek hızlı ve güvenilir bir test piramidi kurarsınız.

Anahtar Konular

angular test eğitimiangular tdd kursujasmine karma eğitimiangular birim testitestbed kullanımıcypress e2e testtest odaklı geliştirmeangular bileşen testimarble testi rxjsangular test otomasyonu

“Test, korku olmadan değişim yapma özgürlüğüdür; bu eğitim TDD disiplini ve katmanlı testlerle kodunuza bu özgürlüğü kazandı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, bağımlılık enjeksiyonu ve template kavramlarını bilmek test senaryolarını kurmayı kolaylaştırır.

2

TypeScript bilgisi

Sınıf, arayüz ve fonksiyon tiplerine aşinalık test dosyalarını okumayı ve yazmayı hızlandırır.

3

RxJS temelleri

Observable ve abonelik mantığına temel aşinalık reaktif akış testlerini takip etmeyi destekler.

4

Angular CLI ortamı

Angular CLI ile proje oluşturup test komutlarını çalıştırabilen 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ı Jasmine ile test yapısını kurar, Karma ve test çalıştırıcısını yapılandırır, TestBed ortamını tanır ve kırmızı-yeşil-yeniden düzenle döngüsüyle ilk testlerini test odaklı yazar.

Modül 1

Jasmine ile Test Yapısı

describe ve it ile test bloğu kurma
expect ve matcher ile doğrulama yazma
beforeEach ve afterEach ile kurulum
toBe, toEqual ve toContain matcher farkı
Test izolasyonu ve bağımsızlık ilkesi
fail ve pending ile test durumları

Modül 2

Test Ortamı ve Çalıştırıcı

Karma ile tarayıcıda test çalıştırma
ng test komutu ve izleme modu kullanımı
Jest alternatifi ve yapılandırma farkı
Headless tarayıcı ile hızlı geri bildirim
Test dosyası isimlendirme ve konum
fdescribe ve fit ile odaklı test çalıştırma

Modül 3

TestBed Temelleri

TestBed.configureTestingModule yapılandırması
Bileşen ve bağımlılıkları test modülüne verme
createComponent ile bileşen örnekleme
ComponentFixture ve debug öğesi erişimi
detectChanges ile değişim denetimi tetikleme
Test modülünü gerçek modüle yaklaştırma

Modül 4

TDD Döngüsü Pratiği

Önce başarısız test yazma (kırmızı adım)
Testi geçiren en az kodu yazma (yeşil)
Yeniden düzenleyerek tasarımı iyileştirme
Küçük adımlarla ilerleme disiplini
Testin tasarımı yönlendirmesi ilkesi
Aşırı mühendislikten kaçınma yaklaşımı

Günün hedefiKatılımcı bileşen template ve etkileşimlerini test eder, servis mantığını izole test eder, spy ve mock ile bağımlılıkları taklit eder ve bağımlılık enjeksiyonunu test ortamında doğru kurar.

Modül 1

Bileşen Testi Yazımı

Template'teki metni ve öğeyi doğrulama
nativeElement ile DOM erişimi ve kontrol
Buton tıklama ve olay tetikleme testi
@Input değeriyle bileşen davranışı testi
@Output olay yayımını spy ile doğrulama
Koşullu gösterim ve liste render testi

Modül 2

Servis Testi ve İzolasyon

Servisi TestBed ile inject ederek test etme
Saf fonksiyon ve iş mantığını doğrulama
Servis durumu ve metot davranışı testi
Bağımlılığı sahte sağlayıcıyla değiştirme
useValue ve useClass ile sağlayıcı taklit
Hata yolu ve sınır durum testleri

Modül 3

Spy ve Mock Teknikleri

jasmine.createSpy ile sahte fonksiyon
spyOn ile mevcut metodu izleme
and.returnValue ile dönüş değeri verme
and.callThrough ile gerçek çağrı koruma
toHaveBeenCalledWith ile çağrı doğrulama
createSpyObj ile sahte bağımlılık nesnesi

Modül 4

Pipe ve Directive Testleri

Saf pipe'ın transform çıktısını doğrulama
Parametreli pipe senaryolarını test etme
Attribute directive davranışını sınama
Structural directive render etkisini test
Host bileşeni ile directive'i test etme
Sınır ve geçersiz girdi durumları

Günün hedefiKatılımcı HttpTestingController ile istekleri taklit edip doğrular, fakeAsync ve tick ile zamanı kontrol eder, asenkron kodu test eder ve marble sözdizimiyle RxJS akışlarını güvenle sınar.

Modül 1

HTTP İstek Testi

HttpClientTestingModule ile test kurulumu
HttpTestingController ile isteği yakalama
expectOne ile beklenen isteği doğrulama
flush ile sahte yanıt gönderme
İstek metodu, başlık ve gövde kontrolü
verify ile bekleyen istek kalmadığını sınama

Modül 2

Asenkron Kod Testi

fakeAsync ile sanal zaman ortamı kurma
tick ile sanal zamanı ileri sarma
flush ile tüm görevleri tamamlama
async ve whenStable ile bekleme
waitForAsync ile asenkron kurulum
setTimeout ve Promise davranışını test etme

Modül 3

RxJS Marble Testi

TestScheduler ile sanal zaman kurma
Marble diyagram sözdizimini okuma
cold ve hot akışları tanımlama
Operatör çıktısını marble ile doğrulama
Hata ve tamamlanma işaretlerini sınama
Zamanlama operatörlerini test etme

Modül 4

Durum ve Entegrasyon Testi

Servis ve bileşeni birlikte test etme
Yönlendirme ve router testi yaklaşımı
ActivatedRoute parametresini taklit etme
Form doğrulama akışını uçtan test etme
Durum yönetimi mantığının testi
Entegrasyon ve birim test dengesi

Günün hedefiKatılımcı Cypress ile uçtan uca testler yazar, kullanıcı akışlarını otomatikleştirir, kod kapsamını ölçer, testleri sürekli entegrasyona bağlar ve sürdürülebilir test yazmayı öğrenir.

Modül 1

Cypress ile Uçtan Uca Test

Cypress kurulumu ve test yapısı
cy.visit ve cy.get ile öğe seçimi
cy.click ve cy.type ile etkileşim
should ile görünür durum doğrulama
cy.intercept ile ağ isteğini taklit etme
Giriş ve form akışını uçtan senaryolama

Modül 2

Kod Kapsamı Ölçümü

Kapsam raporunu üretme ve okuma
Satır, dal ve fonksiyon kapsamı farkı
Kapsam eşiği belirleme ve zorunlu kılma
Düşük kapsamlı kritik yolları bulma
Kapsamın yanıltıcı olabileceği durumlar
Anlamlı kapsam ile sayısal hedef dengesi

Modül 3

Sürekli Entegrasyon

Testleri CI süreç adımında çalıştırma
Headless modda hızlı test yürütme
Başarısız testte derlemeyi durdurma
Test sonuçlarını raporlama ve bildirme
Önbellek ile test süresini kısaltma
Kararsız testleri ayıklama yaklaşımı

Modül 4

Sürdürülebilir Test Yazımı

Okunabilir ve niyeti belli test yazma
Test verisi ve yardımcı fonksiyon düzeni
Page Object deseni ile e2e düzenleme
Kırılgan testten kaçınma yaklaşımı
Davranışı test etme, uygulamayı değil
Test bakımı ve yeniden düzenleme kültürü

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

TDD döngüsü

Kırmızı-yeşil-yeniden düzenle döngüsünü uygular, testle yönlendirilen tasarımla sürdürülebilir kod yazarsınız.

✅

TestBed kullanımı

TestBed ile bileşen ve bağımlılıkları yapılandırır, test ortamını gerçek uygulamaya yakın biçimde kurarsınız.

✅

Bileşen testi

Template, etkileşim, girdi ve çıktıları test eder, kullanıcı davranışını yansıtan güvenilir bileşen testleri yazarsınız.

✅

Spy ve mock

spyOn, createSpy ve sahte sağlayıcılarla bağımlılıkları izole eder, servisleri bağımsız ve hızlı test edersiniz.

✅

HTTP ve asenkron

HttpTestingController ile istekleri doğrular, fakeAsync ve tick ile asenkron kodu kontrollü biçimde test edersiniz.

✅

Marble testi

TestScheduler ve marble sözdizimiyle RxJS akışlarını, zamanlamayı ve hata durumlarını güvenle test edersiniz.

✅

Uçtan uca test

Cypress ile kullanıcı akışlarını otomatikleştirir, ağ isteklerini taklit eder ve gerçek senaryoları uçtan sınarsınız.

✅

Kapsam ve CI

Kod kapsamını ölçer, anlamlı hedefler koyar ve testleri sürekli entegrasyona bağlayarak kaliteyi otomatikleştirirsiniz.

Kimler İçin Uygundur?

Yazdığı koda güven duymak isteyen Angular geliştiricileri
regresyonu azaltmak için test kültürü kurmak isteyen ekipler
test odaklı geliştirme pratiğini öğrenerek daha sürdürülebilir kod yazmak isteyen yazılımcılar için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Yazdığı koda güven duymak isteyen Angular geliştiricileri, regresyonu azaltmak için test kültürü kurmak isteyen ekipler ve test odaklı geliştirme pratiğini öğrenmek isteyen yazılımcılar için uygundur. Angular, TypeScript ve temel RxJS bilgisi beklenir; test araçları eğitim içinde sıfırdan tanıtılır.

Hangi test araçları öğretiliyor?

Eğitim birim ve bileşen testleri için Jasmine, Karma ve TestBed'i; HTTP testi için HttpTestingController'ı; asenkron kod için fakeAsync ve tick'i; RxJS akışları için TestScheduler ve marble testini; uçtan uca test için Cypress'i kapsar. Jest alternatifi ve yapılandırma farkları da tanıtılır.

TDD gerçekten uygulanıyor mu, yoksa sadece anlatılıyor mu?

TDD eğitimin çekirdeğidir ve uygulamalı işlenir. Özellikler önce başarısız test yazılarak, sonra testi geçiren en az kod yazılarak ve ardından yeniden düzenlenerek geliştirilir. Kırmızı-yeşil-yeniden düzenle döngüsü dört gün boyunca örnek uygulama üzerinde canlı olarak işletilir.

RxJS akışlarını nasıl test edeceğimi öğrenecek miyim?

Evet. Asenkron kod testi, fakeAsync ile sanal zaman kontrolü ve TestScheduler ile marble testi ayrı modüllerde ele alınır. Marble sözdizimiyle operatör çıktılarını, hata ve tamamlanma işaretlerini ve zamanlama davranışını okunabilir ve kararlı biçimde test etmeyi öğrenirsiniz.

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 test odaklı geliştirilen ö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

ANGULAR DEVELOPMENT: TESTING & TDD EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

Jasmine ile Test Yapısı

Test Ortamı ve Çalıştırıcı

TestBed Temelleri

TDD Döngüsü Pratiği

Bileşen Testi Yazımı

Servis Testi ve İzolasyon

Spy ve Mock Teknikleri

Pipe ve Directive Testleri

HTTP İstek Testi

Asenkron Kod Testi

RxJS Marble Testi

Durum ve Entegrasyon Testi

Cypress ile Uçtan Uca Test

Kod Kapsamı Ölçümü

Sürekli Entegrasyon

Sürdürülebilir Test Yazımı

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Angular ve Firebase ile Web Uygulamaları Eğitimi

Angular ve RxJS ile Reaktif Programlama Eğitimi

Angular ve Web API ile Full-Stack Applications Bootcamp Eğitimi

Comprehensive Testing Angular Eğitimi

İleri Seviye (Advanced) Angular Eğitimi

Temel ve İleri Seviye Angular Eğitimi