Ön yüzü test edilebilir kılmak
FSD Front-end Development: Testing Tools Eğitimi, modern bir ön yüz uygulamasını güvenle değiştirmek için gereken test araçlarını uygulamalı öğretir.
Birim testten uçtan uca senaryoya, mock'lamadan kapsam raporuna ön yüz test araç zinciri
FSD Front-end Development: Testing Tools Eğitimi, modern bir ön yüz uygulamasını güvenle değiştirebilmek için gereken test araçlarını uygulamalı öğretir. Katılımcılar Jest ve Vitest ile birim testini, Testing Library ile kullanıcı odaklı bileşen testini, mock ve stub tekniklerini uygular. Playwright ve Cypress ile uçtan uca senaryolar yazılır; kapsam raporu, test piramidi ve CI entegrasyonu işlenir. Program sürdürülebilir bir test kültürü ve otomasyon ile tamamlanır.
3 Gün. Her gün dört modül; mevcut bir ön yüz uygulaması üç gün boyunca birim, entegrasyon ve uçtan uca testlerle kademeli olarak test kapsamına alınır.
Orta Seviye — Jest, Vitest, Testing Library ve Playwright ile ön yüz test araçları
Mevcut bir ön yüz uygulaması üç gün boyunca test altına alınır; her modülde bir test türü yazılıp çalıştırılarak sonuç gözlemlenir.
Testlerle korunan bir kod tabanında yeni özellik ekler veya yeniden düzenleme yaparken regresyonu erkenden yakalar, güvenle ilerlersiniz.
Testing Library yaklaşımıyla uygulamayı kullanıcının gördüğü gibi test eder, uygulama detayına değil davranışa odaklanırsınız.
Testleri CI boru hattına bağlayarak her değişiklikte otomatik çalıştırır, manuel kontrol yükünü azaltıp hız kazanırsınız.
Eğitimden verim almak için faydalı olacak bilgi ve kurulum
Fonksiyon, asenkron kod, modül ve Promise kavramlarına hakimiyet, test senaryolarını yazıp anlamak için gereklidir.
React, Vue gibi bir kütüphaneyle bileşen geliştirmiş olmak, bileşen testi modüllerinden verim almak için faydalıdır.
npm script çalıştırma ve temel proje kurulumu bilgisi, test araçlarının kurulumu ve yapılandırmasında kolaylık sağlar.
Node.js, kod editörü ve örnek uygulama kurulu; testlerin terminalden çalıştırılabilir olduğu bir ortam gerekir.
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.
Program sonunda katılımcılar:
Jest ve Vitest ile test koşucusunu kurar, matcher ve asenkron testlerle sağlam birim testleri yazabilirsiniz.
Mock, spy ve stub teknikleriyle bağımlılıkları izole eder, testleri hızlı, bağımsız ve öngörülebilir hale getirirsiniz.
Testing Library ile bileşenleri kullanıcı davranışına göre test eder, uygulama detayına bağımlı olmayan testler kurarsınız.
user-event ile tıklama, yazma ve form senaryolarını gerçekçi biçimde test eder, sonucu DOM üzerinden doğrularsınız.
MSW ile ağ isteklerini yakalar, başarı, hata ve yüklenme durumlarını entegrasyon testleriyle güvenle kapsarsınız.
Playwright ve Cypress ile kritik kullanıcı yolculuklarını otomatize eder, kararlı uçtan uca senaryolar yazarsınız.
Kapsam raporunu doğru yorumlar, test piramidiyle türleri dengeler ve kırılgan testleri tespit edebilirsiniz.
Testleri CI boru hattına bağlar, her değişiklikte otomatik çalıştırarak sürdürülebilir bir test kültürü kurarsınız.
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.
Vite, Webpack ve esbuild ile modül paketleme, kod bölme, tree shaking, HMR ve üretim optimizasyonu. Uygulamalı 3 günlük derleme araçları eğitimi.
Detayları Gör →
React, Vue ve Angular'ın bileşen modeli, reaktiflik, durum yönetimi ve yönlendirmesi karşılaştırmalı. Uygulamalı 3 günlük ön yüz çatıları eğitimi.
Detayları Gör →
Node.js, npm, Webpack ve Vite ile modern ön yüz derleme araçları: paket yönetimi, modül paketleme, HMR, kod bölme ve CI tabanlı yayın eğitimi.
Detayları Gör →
React ile modern arayüz geliştirme: JSX, bileşen, hook'lar, useState, useEffect, Context, React Router, veri çekme ve performans optimizasyonu eğitimi.
Detayları Gör →
HTML, CSS ve JavaScript ile ön yüz geliştirme temeli: semantik HTML, Flexbox ve Grid, duyarlı tasarım, DOM, olaylar ve fetch ile veri çekme eğitimi.
Detayları Gör →
Ön yüz, Node.js arka uç, REST API, veritabanı ve JWT kimlik doğrulamayla uçtan uca tam yığın web uygulaması geliştirme ve yayına alma eğitimi.
Detayları Gör →