TypeScript Full-Stack Geliştirme Eğitimi

Eğitim Hakkında

TypeScript tip sisteminden Express REST API'ye ve React arayüzüne kadar modern full-stack geliştirme

JavaScript ile TypeScript ve Full-Stack Geliştirme Eğitimi, modern bir web uygulamasını ön yüzden arka uca TypeScript ile kurmayı öğretir. Katılımcılar önce TypeScript'in tip sistemini, interface, generic ve tsconfig ayarlarını uygular; ardından Node.js ve Express ile REST API, veritabanı erişimi ve JWT kimlik doğrulama geliştirir. Son olarak React ile tip güvenli bir arayüz kurup API'ye bağlar. Program, uçtan uca çalışan tam yığın bir uygulamayla tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; TypeScript tip sisteminden Express API'ye ve React arayüzüne kadar her katman kodlanarak uçtan uca bir uygulama kurulur.

Seviye

Orta Seviye — TypeScript ile tip güvenli kod, Node.js/Express backend ve React frontend ile uçtan uca uygulama

Öğrenme Metodu

Her konu canlı kodlamayla işlenir; üç gün boyunca tek bir full-stack uygulama TypeScript ile backend'den frontend'e adım adım geliştirilir.

Neden Bu Eğitim?

🛡️Tip güvenliği

TypeScript ile hataları çalışma anından önce yakalar, büyük kod tabanlarında daha güvenli ve bakımı kolay uygulamalar yazarsınız.

🔗Tek dille full-stack

Backend ve frontend tarafını aynı dille yazarak tip tanımlarını paylaşır, geliştirme hızınızı ve tutarlılığınızı artırırsınız.

🚀Aranan bir profil

TypeScript ve full-stack yetkinliği iş ilanlarında en çok aranan beceriler arasındadır; kariyerinizde güçlü bir fark yaratır.

Anahtar Konular

typescript eğitimifull-stack geliştirme eğitimitypescript full stack kursunode.js express eğitimireact typescript eğitimirest api geliştirmejavascript typescript geçişweb geliştirme eğitimijwt kimlik doğrulamabackend frontend eğitimi

“Tipler yalnızca hataları önlemez; kodun niyetini belgeler. TypeScript bilen bir full-stack geliştirici hem hızlı hem güvenle ilerler.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve hazırlık

1

JavaScript bilgisi

Fonksiyon, nesne, dizi, promise ve ES6 söz dizimi gibi temel JavaScript kavramlarına aşinalık bu eğitim için gereklidir.

2

Web temelleri

HTTP istek/yanıt mantığı, JSON ve temel REST kavramları hakkında fikir sahibi olmak örnekleri kolaylaştırır.

3

Komut satırı

npm ile paket kurma, script çalıştırma ve terminalde temel komutları kullanma deneyimi beklenir.

4

Geliştirme ortamı

VS Code, güncel Node.js ve modern bir tarayıcının kurulu olduğu bir geliştirme ortamının hazır olması önerilir.

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 tip sistemini kavrar, interface ve type ile veri modelleri kurar, generic ile yeniden kullanılabilir kod yazar ve tsconfig ile projeyi yapılandırır.

Modül 1

TypeScript'e Giriş ve Temel Tipler

TypeScript'in JavaScript'e kattığı tip katmanı
string, number, boolean ve literal tipler
array, tuple ve enum veri yapıları
any, unknown, never ve void farkları
Tip çıkarımı (inference) ve açık tip atama
Birleşim (union) ve kesişim (intersection) tipleri

Modül 2

Interface, Type ve Nesne Modelleme

interface ile nesne şekli tanımlama
type alias ile tip takma adı oluşturma
Opsiyonel ve readonly özellik tanımları
Interface genişletme (extends) ve birleştirme
Fonksiyon tipleri ve index signature kullanımı
interface ile type arasında seçim yapma

Modül 3

Generic ve İleri Tipler

Generic fonksiyon ve sınıflarla yeniden kullanım
Generic kısıtları (extends) ile sınırlama
Utility tipler: Partial, Pick, Omit, Record
Koşullu (conditional) tipler ve infer
keyof ve mapped type ile tip türetme
Tip daraltma (narrowing) ve type guard

Modül 4

Proje Yapılandırma ve Derleme

tsconfig.json ile derleyici seçeneklerini ayarlama
strict mod ve katı tip kontrolleri
Modül sistemi ve path alias tanımlama
tsc ile derleme ve ts-node ile çalıştırma
ESLint ve Prettier ile kod kalitesi
Kaynak haritası (source map) ile hata ayıklama

Günün hedefiKatılımcı Node.js ve Express ile tip güvenli bir REST API kurar, veritabanı ile CRUD işlemleri yapar, JWT ile kimlik doğrulama ekler ve hata yönetimini uygular.

Modül 1

Node.js ve Express Temelleri

Node.js çalışma zamanı ve olay döngüsü
Express ile sunucu ve route tanımlama
Middleware zinciri ve istek/yanıt akışı
Request ve Response tiplerini belirleme
Router ile modüler endpoint yapısı
Ortam değişkenleri ve dotenv kullanımı

Modül 2

REST API Tasarımı

RESTful kaynak ve endpoint tasarımı
GET, POST, PUT, DELETE ile CRUD akışı
İstek gövdesi doğrulama (validation)
DTO ve tip güvenli veri aktarımı
Durum kodları ve tutarlı yanıt biçimi
API katmanlı mimari (controller/service)

Modül 3

Veritabanı Katmanı

PostgreSQL veya MongoDB ile bağlantı
Prisma veya Mongoose ile veri modelleme
Tip güvenli sorgular ve şema tanımı
İlişkiler ve referanslı veri yapıları
Migration ve seed ile veri yönetimi
Repository deseni ile veri erişimi

Modül 4

Kimlik Doğrulama ve Hata Yönetimi

bcrypt ile parola saklama (hash)
JWT ile oturum ve token üretimi
Yetkilendirme middleware'i ile koruma
Merkezi hata yakalama (error handler)
Özel hata sınıfları ve anlamlı mesajlar
CORS ve temel güvenlik başlıkları

Günün hedefiKatılımcı React ile tip güvenli bileşenler kurar, API'den veri çeker, form ve durum yönetimini uygular ve backend ile frontend'i birleştirerek uygulamayı tamamlar.

Modül 1

React ve TypeScript Temelleri

TSX ile tip güvenli bileşen yazımı
Props ve state tiplerini belirleme
useState ve useEffect hook kullanımı
Bileşen kompozisyonu ve yeniden kullanım
Koşullu render ve liste render mantığı
Event handler'ları tip güvenli yazma

Modül 2

API Entegrasyonu ve Veri Çekme

fetch ve axios ile API isteği atma
Paylaşılan tip tanımlarıyla yanıt tipleme
Yükleniyor ve hata durumlarını yönetme
React Query ile veri önbellekleme
Token'ı isteklere ekleme ve yenileme
Ortam değişkenleriyle API adresi yönetimi

Modül 3

Form, Durum ve Yönlendirme

Kontrollü form ve girdi yönetimi
Form doğrulama ve hata gösterimi
React Router ile sayfa yönlendirme
Context API ile global durum paylaşımı
Korumalı rota (protected route) kurma
Oturum durumunu arayüze yansıtma

Modül 4

Full-Stack Birleştirme ve Yayın

Frontend ve backend'i uçtan uca bağlama
Paylaşılan tipleri monorepo ile yönetme
Üretim derlemesi (build) alma ve optimizasyon
Ortam bazlı yapılandırma ayrımı
Vercel/Render gibi platformlara yayın
Uçtan uca uygulamayı test etme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

TypeScript tip sistemi

Temel tipler, interface, type ve generic yapıları kullanarak tip güvenli ve bakımı kolay JavaScript kodu yazarsınız.

✅

İleri tip teknikleri

Utility tipler, koşullu tipler ve type guard ile karmaşık veri yapılarını güvenle modeller ve daraltırsınız.

✅

Proje yapılandırma

tsconfig, strict mod, ESLint ve Prettier ile profesyonel bir TypeScript projesini doğru biçimde kurup yönetirsiniz.

✅

Express REST API

Node.js ve Express ile katmanlı, tip güvenli bir REST API tasarlar, CRUD işlemlerini ve doğrulamayı uygularsınız.

✅

Veritabanı erişimi

Prisma veya Mongoose ile veri modelleyip tip güvenli sorgular yazar, ilişkileri ve migration'ları yönetirsiniz.

✅

Kimlik doğrulama

JWT ve bcrypt ile güvenli oturum yönetimi kurar, yetkilendirme middleware'i ve merkezi hata yönetimi yazarsınız.

✅

React arayüz

TypeScript ile tip güvenli React bileşenleri kurar, hook, form, yönlendirme ve durum yönetimini uygularsınız.

✅

Full-stack entegrasyon

Frontend ve backend'i uçtan uca bağlar, paylaşılan tiplerle çalışan tam yığın bir uygulamayı yayına alırsınız.

Kimler İçin Uygundur?

JavaScript temeli olan
projelerinde TypeScript'e geçmek
hem backend hem frontend tarafını tek dille yazarak full-stack geliştirici olmak isteyen yazılımcılar için uygundur

Sıkça Sorulan Sorular

Bu eğitim için hangi ön bilgi gerekir?

JavaScript'te fonksiyon, nesne, dizi, promise ve ES6 söz dizimine aşinalık ile HTTP ve JSON hakkında temel fikir beklenir. npm ve terminal kullanımı faydalıdır. Eğitim orta seviyedir; sıfırdan programlamaya başlayanlar yerine JavaScript temeli olan geliştiricilere yöneliktir.

TypeScript bilmiyorum, yine de katılabilir miyim?

Evet. Eğitimin ilk günü tamamen TypeScript'e ayrılmıştır; temel tipler, interface, generic ve proje yapılandırması sıfırdan işlenir. JavaScript temeliniz olduğu sürece TypeScript'i bu eğitimde öğrenir ve hemen full-stack projede uygularsınız.

Hangi teknolojiler ve araçlar kullanılıyor?

Backend tarafında Node.js, Express ve Prisma veya Mongoose ile PostgreSQL/MongoDB; frontend tarafında React ve React Router kullanılır. Kimlik doğrulama için JWT ve bcrypt işlenir. Tüm katmanlar TypeScript ile yazılır; VS Code, ESLint ve Prettier ile profesyonel bir geliştirme akışı kurulur.

Eğitimin süresi ve formatı nedir?

Eğitim üç gün sürer ve her gün dört modülden oluşur. İlk gün TypeScript, ikinci gün Express backend, üçüncü gün React frontend ve uçtan uca birleştirme işlenir. Yüz yüze veya online yapılabilir; içerik ekibin kullandığı teknoloji yığınına ve projelere göre uyarlanabilir.

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 geliştirilen full-stack uygulamayı belgeler; kurumsal gruplar için içerik, kullanılan teknoloji yığınına ve mimariye göre özelleştirilebilir.

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

JAVASCRIPT İLE TYPESCRIPT VE FULL-STACK GELİŞTİRME EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

TypeScript'e Giriş ve Temel Tipler

Interface, Type ve Nesne Modelleme

Generic ve İleri Tipler

Proje Yapılandırma ve Derleme

Node.js ve Express Temelleri

REST API Tasarımı

Veritabanı Katmanı

Kimlik Doğrulama ve Hata Yönetimi

React ve TypeScript Temelleri

API Entegrasyonu ve Veri Çekme

Form, Durum ve Yönlendirme

Full-Stack Birleştirme ve Yayın

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Node.js, Lists, & Form Views Eğitimi

Programming with TypeScript Eğitimi

Running Node.js Applications in IIS Eğitimi

Selecting in jQuery and Basic Animation Eğitimi

Smart Contracts & Hyperledger Fabric: Working with Fabric Chaincode in Node.js Eğitimi

Svelte JS Eğitimi