Web Uygulama Geliştirme (Gelişmiş) Eğitimi

Eğitim Hakkında

İleri düzey web uygulama mühendisliği

Eğitim, deneyimli web geliştiricileri için modern uygulama mühendisliğini kapsar: React ve TypeScript ile SPA mimarisi, sunucu durumu yönetimi (TanStack Query), Node.js REST ve GraphQL API tasarımı, JWT, OAuth2/OIDC ve oturum güvenliği, PostgreSQL ve ORM, önbellek (Redis, HTTP cache), performans ve Core Web Vitals, OWASP Top 10, birim/entegrasyon/E2E test, Docker ve CI/CD.

Süre ve Format

3 Gün. Her gün dört modül; SPA ve API Mimarisi; Kimlik, Veri ve Güvenlik; Performans, Test ve Dağıtım ekseninde ilerleyen uygulamalı program.

Seviye

İleri Seviye — Gelişmiş web geliştirme: SPA, API tasarımı, kimlik doğrulama, performans ve güvenlik

Öğrenme Metodu

Eğitim boyunca tek bir tam yığın uygulama (React + Node + PostgreSQL) katman katman geliştirilir, güvenlik açıkları bilinçli olarak denenip kapatılır.

Neden Bu Eğitim?

🏛️Mimari bakış

Katmanlı ve ölçeklenebilir tam yığın uygulama kurarsınız.

🔐Güvenlik

OWASP risklerini bulur ve kapatırsınız.

⚡Performans

Önbellek ve Core Web Vitals ile hızı ölçüp artırırsınız.

Anahtar Konular

gelişmiş web geliştirmeReact TypeScriptNode.js APIGraphQLJWT OAuth2OWASP Top 10web performansCore Web Vitalstam yığın geliştirmeCI/CD web

“İleri seviye web geliştirme, özellik eklemekten çok riskleri yönetmektir.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve ortam gereksinimleri

1

Web geliştirme deneyimi

JavaScript, HTML/CSS ve bir backend dilinde proje deneyimi.

2

React temeli

React bileşen ve state kavramları.

3

SQL

Temel SQL ve ilişkisel model.

4

Docker

Docker ve Git temel kullanımı.

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'li bir SPA kurar ve REST ile GraphQL API tasarımı yapar.

Modül 1

TypeScript ve React

Strict TypeScript, generics, union tipleri
Bileşen mimarisi ve hook'lar
Context ve reducer ile durum
React Router ile veri yükleyiciler
Suspense ve error boundary
Form yönetimi ve Zod doğrulama

Modül 2

Sunucu Durumu

TanStack Query: cache, stale-while-revalidate
Mutation ve optimistic update
Sonsuz kaydırma ve sayfalama
Hata ve yeniden deneme
Prefetch ve hydration
Gerçek zamanlı: WebSocket / SSE

Modül 3

REST API Tasarımı

Kaynak modelleme ve URL tasarımı
Durum kodları, hata biçimi (RFC 7807)
Sayfalama, filtreleme, sıralama
İdempotency ve sürümleme
OpenAPI belgesi
Rate limiting

Modül 4

GraphQL

Şema ve çözümleyici (resolver)
N+1 ve DataLoader
Query/Mutation/Subscription
Persisted query ve kısıtlar
Apollo Client ve cache
REST ile seçim kriterleri

Günün hedefiKatılımcı kimlik doğrulama ve yetkilendirmeyi uygular, veri katmanını tasarlar ve OWASP risklerini giderir.

Modül 1

Kimlik Doğrulama

JWT yapısı, imza ve süre yönetimi
Access/Refresh token döngüsü
OAuth2 Authorization Code + PKCE
OpenID Connect ve SSO
Oturum çerezleri: HttpOnly, SameSite
MFA ve parola politikası

Modül 2

Yetkilendirme

RBAC ve ABAC
Kaynak seviyesinde yetki kontrolü
BOLA/IDOR önleme
Admin uçlarını koruma
Denetim kaydı (audit log)
Multi-tenant veri ayrımı

Modül 3

Veri Katmanı

PostgreSQL şema ve indeks tasarımı
ORM (Prisma/TypeORM) ve ham SQL dengesi
Transaction ve izolasyon seviyeleri
Migration yönetimi
Bağlantı havuzu
Redis ile önbellek ve oturum

Modül 4

OWASP ve Güvenli Kodlama

XSS, CSRF ve CSP
SQL injection ve parametreli sorgu
SSRF ve dosya yükleme riskleri
Bağımlılık taraması
Güvenlik başlıkları (helmet)
Gizli yönetimi ve .env

Günün hedefiKatılımcı performansı ölçüp iyileştirir, otomatik test paketi kurar ve uygulamayı CI/CD ile konteynerde yayınlar.

Modül 1

Performans

Core Web Vitals: LCP, INP, CLS
Lighthouse ve Chrome Performance paneli
Code splitting ve lazy loading
Görsel ve font optimizasyonu
HTTP önbellekleme, ETag, CDN
Sunucu tarafı render ve streaming

Modül 2

Test Stratejisi

Birim test: Vitest/Jest
Bileşen testi: Testing Library
API entegrasyon testi: Supertest
E2E: Playwright
Test verisi ve izolasyon
Kapsam ve karma testler

Modül 3

Konteyner ve CI/CD

Çok aşamalı Dockerfile
docker compose ile yerel ortam
GitHub Actions: lint, test, build
Ortam ayrımı ve gizli yönetimi
Blue-green / rolling dağıtım
Sağlık kontrolü ve geri alma

Modül 4

Gözlemlenebilirlik

Yapılandırılmış log ve korelasyon kimliği
Metrikler: Prometheus / OpenTelemetry
Dağıtık izleme
Hata izleme: Sentry
Alarm ve SLO
Kapanış projesi: uçtan uca inceleme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

SPA mimarisi

TypeScript ve React ile ölçeklenebilir istemci kurabilirsiniz.

✅

API tasarımı

REST ve GraphQL API'lerini ilkelere uygun tasarlayabilirsiniz.

✅

Kimlik doğrulama

JWT, OAuth2 PKCE ve oturum çerezlerini güvenle uygulayabilirsiniz.

✅

Yetkilendirme

RBAC ile kaynak seviyesinde erişim denetleyebilirsiniz.

✅

Veri katmanı

PostgreSQL ve Redis ile verimli veri katmanı kurabilirsiniz.

✅

Güvenlik

OWASP Top 10 risklerini bulup giderebilirsiniz.

✅

Performans

Core Web Vitals'ı ölçüp iyileştirebilirsiniz.

✅

Dağıtım

Test ve CI/CD ile konteynerde yayın hattı kurabilirsiniz.

Kimler İçin Uygundur?

En az bir web uygulaması geliştirmiş; mimari
güvenlik
performans konusunda derinleşmek isteyen geliştiriciler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Web projesi deneyimi olan ve mimari, güvenlik ve performansta derinleşmek isteyen geliştiriciler için uygundur.

Hangi teknolojiler kullanılıyor?

React, TypeScript, Node.js, PostgreSQL, Redis, Docker ve GitHub Actions kullanılır.

Güvenlik uygulamalı mı?

Evet, açıklar bilinçli olarak tespit edilir ve kapatılır.

Backend dili zorunlu mu?

Örnekler Node.js ile verilir; kavramlar diğer dillere taşınabilir.

Sertifika verilir mi?

Katılımcılara Digital Vizyon Akademi Katılım ve Başarı Sertifikası verilir.

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

WEB UYGULAMA GELİŞTİRME (GELİŞMİŞ SEVİYE) EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

TypeScript ve React

Sunucu Durumu

REST API Tasarımı

GraphQL

Kimlik Doğrulama

Yetkilendirme

Veri Katmanı

OWASP ve Güvenli Kodlama

Performans

Test Stratejisi

Konteyner ve CI/CD

Gözlemlenebilirlik

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Hybrid Deployments Eğitimi

IBM App Connect Enterprise Application Development I (WM686G) Eğitimi

IBM App Connect Enterprise Application Development I Eğitimi

IBM App Connect Enterprise Application Development II (WM687G) Eğitimi

IBM App Connect Enterprise Application Development II Eğitimi