AI Web Geliştirme
Atölyesi
12+ yaş öğrenciler için yapay zeka destekli web geliştirme eğitimi. Kod yazmadan GitHub, Vercel ve Next.js ile gerçek projeler oluşturun!
Eğitim Sonunda Kazanımlar
Bu eğitim, öğrenciyi 21. yüzyıl dijital okuryazarlık seviyesinin üzerine çıkarır
AI'ya doğru prompt vererek web sayfası oluşturma
Kod yazmadan Next.js proje üretme
GitHub hesabı açma, repo oluşturma, kod push etme
Vercel ile gerçek site yayınlama
Sitenin linkini paylaşabilme
Yazılım dünyasının temel iş akışını kavrama
Üretken yapay zekanın yazılım geliştirmede kullanımı
Profesyonel Araçlar
Gerçek yazılım dünyasında kullanılan güncel teknolojiler
Google AntiGravity
Gemini AI ile kod üretimi
GitHub
Kod versiyon kontrolü
Vercel
Web hosting platformu
Next.js
React framework
VS Code
Kod editörü (opsiyonel)
Eğitim Müfredatı
4 günde 7 modül ile profesyonel web geliştirme yolculuğu
Modül 1 - Dijital Geliştirme Dünyası
Modern Yazılım Geliştirme Nedir?
- No-code, low-code ve AI-assisted development
- GitHub – coder'ların sosyal ağı
- Vercel – Profesyonel hosting
- Next.js – Popüler React framework
Modül 2 - Hesap Kurulumu
GitHub & Vercel Setup
- Gmail, GitHub, Vercel hesapları
- Repo, README, Branch kavramları
- GitHub - Vercel entegrasyonu
- İlk boş repo oluşturma
Modül 3 - AI Kod Üretimi
AntiGravity ile Next.js Template
- Prompt nasıl yazılır?
- Yapay zekaya proje tarifi
- Google AntiGravity (Gemini) kullanımı
- İlk web sayfasını AI'dan alma
Modül 4 - GitHub'a Kod Yükleme
Kodları Versiyon Kontrolüne Alma
- GitHub → Add File → Upload Files
- VS Code kullanımı (opsiyonel)
- Commit - Push - Açıklama yazma
- Ana repo düzeni
Modül 5 - Vercel Deploy
Yayına Alma Süreci
- Vercel → New Project
- GitHub reposunu seçme
- Framework otomatik tanıma
- Gerçek site linki alma (vercel.app)
Modül 6 - Tasarım Geliştirme
AI ile Kişiselleştirme
- Buton ve renk değişiklikleri
- Görsel ekleme
- Renk teması değiştirme
- İçerik zenginleştirme
Modül 7 - Final Projesi
Kişisel Portfolyo Websitesi
- Hakkımda - Yeteneklerim - Projelerim
- İletişim formu ekleme
- GitHub reposu + Vercel deploy
- Sunum dosyası hazırlama
Atölye Ortamımız
Modern ve yaratıcı çalışma alanında öğrenin
Final Çıktısı
GitHub Reposu
Kodların versiyon kontrolü
Canlı Web Sitesi
Vercel'de yayınlanmış
Sunum Dosyası
AI ile hazırlanmış
Öğrenciler gerçek bir internet sitesini dünyayla paylaşabilir!
https://ogrenci-adi.vercel.app
Çocuğunuzu Geleceğe Hazırlayın
21. yüzyılın en önemli becerisi: Yapay zeka ile üretim yapabilmek