Introduction to Popular Frameworks Eğitimi

Eğitim Hakkında

Popüler framework'lerin mantığı ve seçim kriterleri

Eğitim, framework ve kütüphane farkından başlayarak günümüzün popüler yapılarını tanıtır. Inversion of control, MVC ve bileşen mimarisi, React JSX ve state, Angular modül ve servis yapısı, Vue reaktivitesi, Node.js üzerinde Express, Java'da Spring Boot, Python'da Django ve Flask örnekleri küçük uygulamalarla karşılaştırılır; seçim kriterleri ve öğrenme yol haritası çıkarılır.

Süre ve Format

3 Gün. Her gün dört modül; 1. gün Framework Mantığı ve Ön Yüz; 2. gün Arka Uç Framework'leri; 3. gün Seçim ve Yol Haritası.

Seviye

Başlangıç Seviye — Web ve backend framework mantığı, React, Angular, Vue, Spring, Django ve Express karşılaştırması

Öğrenme Metodu

Katılımcılar her framework ile aynı mini görev listesi uygulamasının bir sürümünü kurar ve karşılaştırma tablosu çıkarır.

Neden Bu Eğitim?

🎯Doğru Seçim

Proje ihtiyacına göre framework seçmek için net kriterler geliştirirsiniz.

🧪Ortak Kavramlar

Routing, state ve bileşen gibi her framework'te tekrar eden kavramları öğrenirsiniz.

⚙️Hızlı Başlangıç

Her ekosistemde proje oluşturup çalıştırmayı denersiniz.

Anahtar Konular

popüler framework eğitimiReact Angular VueSpring Boot başlangıçDjango eğitimiExpress.jsframework seçimiweb frameworkMVC mimarisiyazılım başlangıçfull stack giriş

“Framework öğrenmek, araç kutusunu tanımaktır; usta olmak hangisini ne zaman seçeceğini bilmektir.”

Ön Koşullar

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

1

Temel Web

HTML, CSS ve temel JavaScript tanıdık olmalıdır.

2

Programlama Mantığı

Değişken, döngü ve fonksiyon kavramları bilinmelidir.

3

Kurulum

Node.js ve Python kurulumu eğitimde yapılır.

4

Editör

VS Code kullanılır.

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ı framework kavramlarını kavrar ve üç ön yüz aracını dener.

Modül 1

Temel Kavramlar

Kütüphane ve framework farkı
Inversion of Control
MVC ve MVVM mimarileri
Paket yöneticileri: npm ve pip
Semantik sürümleme ve bağımlılık dosyaları
Dokümantasyon okuma alışkanlığı

Modül 2

React'e Giriş

Vite ile React projesi
JSX ve bileşen mantığı
Props ve useState
useEffect ile yan etkiler
Liste çizme ve key
Basit görev listesi

Modül 3

Vue'ye Giriş

Vue CLI/Vite ile proje
Şablon söz dizimi: v-if, v-for, v-model
Reactive ve ref
Composition API ile bileşen
Props ve emit
Aynı uygulamanın Vue sürümü

Modül 4

Angular'a Giriş

Angular CLI ile proje
Component, template ve servis
Veri bağlama türleri
Dependency injection
Routing ile sayfalar
React ve Vue ile mimari karşılaştırma

Günün hedefiKatılımcı üç backend ekosisteminde basit bir REST uç noktası yazar.

Modül 1

Express (Node.js)

npm init ve express kurulumu
Route ve middleware kavramı
JSON gövdesi okuma: express.json()
CRUD uç noktaları
Hata yönetimi middleware'i
Postman ile test

Modül 2

Spring Boot

start.spring.io ile proje
@RestController ve @GetMapping
Bağımlılık enjeksiyonu
Spring Data JPA ile kayıt
application.properties
Aynı API'nin Java sürümü

Modül 3

Django ve Flask

Django proje ve app yapısı
Model, view ve URL yapılandırması
Django ORM ve migration
Admin paneli
Flask ile hafif alternatif
Aynı API'nin Python sürümü

Modül 4

Veri Katmanı

ORM kavramı
SQL ve NoSQL farkı
SQLite ile hızlı başlangıç
Şema geçişi (migration)
Bağlantı yapılandırması ve gizli bilgiler
API verisinin ön yüze bağlanması

Günün hedefiKatılımcı karşılaştırma yapar ve kişisel öğrenme planı çıkarır.

Modül 1

Seçim Kriterleri

Öğrenme eğrisi ve topluluk büyüklüğü
Performans ve ölçeklenebilirlik
Takım yetkinliği ve işe alım piyasası
Uzun vadeli destek (LTS)
Kurumsal ve startup tercihleri
Karar matrisi çalışması

Modül 2

Ortak Konular

Routing ve gezinme
State yönetimi yaklaşımları
Kimlik doğrulama: JWT genel bakış
Test araçları: Jest, JUnit, pytest
Ortam değişkenleri
Hata günlüğü

Modül 3

Dağıtım

Statik site yayını (Netlify, Vercel)
Backend için Render veya benzeri bulut
Dockerfile temelleri
CI/CD fikri
Çevre ayrımı: dev, test, prod
Maliyet düşünceleri

Modül 4

Kariyer Planı

Full-stack ve uzmanlaşma yolları
Portfolyo projesi planlama
Açık kaynak katkı
Kod gözden geçirme alışkanlığı
Takip edilecek kaynaklar
Mini proje sunumu

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Kavram Ayrımı

Kütüphane ve framework farkını açıklayabilirsiniz.

🛠️

React Kullanımı

Temel React bileşenleri ve state ile ekran yapabilirsiniz.

📈

Vue ve Angular

Vue ve Angular proje yapısını tanıyıp karşılaştırabilirsiniz.

🔍

Express API

Express ile basit bir REST API yazabilirsiniz.

🧩

Spring Boot

Spring Boot ile uç nokta ve JPA kaydı kurabilirsiniz.

🚀

Django Kullanımı

Django modeli, görünümü ve admin panelini kullanabilirsiniz.

🔒

Karar Verme

Proje için framework seçim matrisi hazırlayabilirsiniz.

📊

Yol Haritası

Kendi öğrenme ve portfolyo planınızı çıkarabilirsiniz.

Kimler İçin Uygundur?

Yazılıma yeni başlayanlar
kariyer değiştirenler
hangi teknolojiyi öğreneceğine karar vermek isteyenler içindir

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Yazılıma yeni başlayanlar, kariyer değiştirenler ve hangi teknolojiyi öğreneceğine karar vermek isteyenler içindir.

Hiç kod bilmeden katılabilir miyim?

Temel HTML ve programlama mantığı bilinmesi önerilir; ilk gün kavramlar sıfırdan anlatılır.

Hangi framework'ler işlenir?

React, Vue, Angular, Express, Spring Boot, Django ve Flask tanıtılır.

Derinlemesine mi anlatılır?

Eğitim giriş seviyesindedir; her framework ile mini uygulama yapılır.

Belge verilir mi?

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

INTRODUCTION TO POPULAR FRAMEWORKS EĞİTİMİ

Eğitim Hakkında

Neden Bu Eğitim?

Anahtar Konular

Ön Koşullar

Eğitim İçeriği

Temel Kavramlar

React'e Giriş

Vue'ye Giriş

Angular'a Giriş

Express (Node.js)

Spring Boot

Django ve Flask

Veri Katmanı

Seçim Kriterleri

Ortak Konular

Dağıtım

Kariyer Planı

Eğitim Kazanımları

Kimler İçin Uygundur?

Sıkça Sorulan Sorular

Sertifikalandırma

Eğitim Bilgileri

Bu Eğitimle Birlikte Tercih Edilenler

Vibe Coding Eğitimi

WCF Essentials: Introduction to the Framework Eğitimi

Web Application Libraries Eğitimi

Web Apps with web2py: The Controller & View Eğitimi

Web Development Concepts Eğitimi