React ile modern web geliştirme dünyasına adım at!
Gerçek projelerle öğren, profesyonel web geliştirici olma yolunda ilk adımını at!
Foundations of Web Development Certification Course, tamamen ücretsiz, online ve proje odaklı bir eğitim programıdır. Bu kursta yalnızca teoriyi değil, gerçek dünya projelerini adım adım inşa ederek öğrenirsin.
Eğitim boyunca:
- 🌐 HTML, CSS ve JavaScript ile web'in temel yapı taşlarını kavrayacak,
- ⚛️ React ile etkileşimli ve dinamik kullanıcı arayüzleri geliştirecek,
- 🎨 UI/UX prensipleri ile kullanıcı deneyimi odaklı düşünmeyi öğrenecek,
- 🤖 Web geliştirmede yapay zekâ entegrasyonlarını keşfedeceksin.
Her modül, sonunda seni bir tamamlanmış proje ile buluşturacak. Programı başarıyla tamamlayan katılımcılar, resmî sertifika almaya hak kazanacak.
📅 Tamamen online, kendi hızında ilerleyebileceğin bir öğrenme deneyimi.
💡 Topluluk desteği, mentor rehberliği ve proje tabanlı öğrenme yaklaşımı seni bekliyor.
Kendi web yolculuğunu başlatmaya hazır mısın?
🌟 Şimdi kayıt ol ve geleceğini kodlamaya başla!
| Hafta | Konular | Ders Türü | Eğitmen(ler) | Proje |
|---|---|---|---|---|
| 1 | Keynote Açılış, HTML/CSS Temelleri, Modern JavaScript Fundamentals | Keynote, Lesson | Serkan Alc, Furkan Ünsalan, Esra Kelleci | — |
| 2 | İnternet Nasıl Çalışır, Advanced JS & Async Programming, JS Workshop | Webinar, Lesson | Fatih Kadir Akın, Esra Kelleci, Mutlu Özkurt | Browser Extension |
| 3 | UI/UX Nedir?, TypeScript Giriş, Advanced TypeScript | Webinar, Lesson | Melis Dinçol, İsmail Şimşek | — |
| 4 | Frameworkler Nedir?, React Component Mimarisi, State & Events, Side Effects & Persistence | Webinar, Lesson | Zafer Ayan | Expense Tracker |
| 5 | Context API & State Management, HTTP Requests & Async | Lesson | Hüseyin Gülcü | Food Order App (1-2/3) |
| 6 | React Routing & Deployment, Next.js App Router, Server Components & Data Fetching | Lesson | Hüseyin Gülcü, Tekin Ağgül | Food Order App (3/3), Blog Platform (1-2/3) |
| 7 | Next.js Client Components & Interactivity, Server Actions & Mutations | Webinar, Lesson | Tekin Ağgül, Furkan Portakal | Blog Platform (3/3), Task Manager (1/3) |
| 8 | Study Together, Next.js Auth & Database, Route Handlers & Deployment | Office Hours, Lesson | Furkan Portakal | Task Manager (2-3/3) |
| # | Proje | Hafta | Teknolojiler |
|---|---|---|---|
| 1 | Browser Extension | 2 | HTML, CSS, JavaScript, Chrome APIs |
| 2 | Expense Tracker (Harcama Takip) | 4 | React, useState, useEffect, LocalStorage |
| 3 | Food Order App (Yemek Sipariş) | 5–6 | React, Context API, useReducer, Firebase, React Router |
| 4 | Blog Platform | 6–7 | Next.js, App Router, Server/Client Components, Tailwind CSS, Shadcn UI |
| 5 | Task Manager | 7–8 | Next.js, Server Actions, NextAuth.js, SQLite, Route Handlers |
| Eğitmen | Konular |
|---|---|
| Serkan Alc | HTML/CSS Temelleri |
| Esra Kelleci | Modern JavaScript, Advanced JS & Async Programming |
| Mutlu Özkurt | JavaScript Workshop |
| İsmail Şimşek | TypeScript Giriş, Advanced TypeScript |
| Zafer Ayan | React Component Mimarisi, State & Events, Side Effects |
| Hüseyin Gülcü | React Context API, HTTP Requests, Routing & Performance |
| Tekin Ağgül | Next.js App Router, Server/Client Components |
| Furkan Portakal | Next.js Server Actions, Auth & Database, Deployment |
| Konuşmacı | Konu |
|---|---|
| Fatih Kadir Akın | İnternet Nasıl Çalışır |
| Melis Dinçol | UI/UX Nedir? |
- MDN Web Docs
- React Dokümantasyonu
- Next.js Dokümantasyonu
- TypeScript Handbook
- JavaScript.info
- CSS-Tricks
lectures/
├── TEMPLATE.md Yeni hafta eklerken kullanılacak README şablonu
├── week-01/ HTML/CSS, JS Fundamentals, Advanced JS
├── week-02/ İnternet Nasıl Çalışır, Advanced JS, UX Foundations
├── week-03/ TypeScript (Giriş + İleri Seviye)
├── week-04/ React Fundamentals (1., 2., 3. gün)
└── week-05/ Context API, State Management, Food Order App
├── slides/ Sunum dosyaları (.key)
└── project/
└── food-order-app/ Haftanın projesi
Her hafta klasörü kendi README.md dosyasını içerir ve o haftanın içeriklerini, eğitmenlerini, örnek projelerini özetler. Yeni hafta eklerken lectures/TEMPLATE.md dosyasını başlangıç olarak kullanabilirsin.
Haftalık projeler, ilgili haftanın project/ alt klasöründe bulunur. Kurs ilerledikçe week-06, week-07 ve week-08 klasörleri içerikle birlikte eklenecektir.