🚀 Foundations of Web Development Certification Course

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!

---

📋 Müfredat

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)

---

🛠️ Projeler

#	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ğitmenler

Ders Eğitmenleri

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

Webinar Konuşmacıları

Konuşmacı	Konu
Fatih Kadir Akın	İnternet Nasıl Çalışır
Melis Dinçol	UI/UX Nedir?

---

📚 Faydalı Kaynaklar

• MDN Web Docs
• React Dokümantasyonu
• Next.js Dokümantasyonu
• TypeScript Handbook
• JavaScript.info
• CSS-Tricks

---

📁 Repo Yapısı

week-01/   Foundations & Introduction (HTML/CSS, JS)
week-02/   Advanced JavaScript & Browser Extension
week-03/   TypeScript
week-04/   React Fundamentals & Expense Tracker
week-05/   React Advanced & Food Order App
week-06/   React Routing + Next.js Intro & Blog Platform
week-07/   Next.js Advanced & Task Manager
week-08/   Next.js Auth, DB & Deployment

projects/
  01-browser-extension/
  02-expense-tracker/
  03-food-order-app/
  04-blog-platform/
  05-task-manager/

Her hafta klasöründe lectures/, project/ (varsa) ve resources/ alt klasörleri bulunur. projects/ klasörü tüm projeleri sıralı olarak içerir.