Yapay Zeka ile Web Geliştirme

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!

4 Gün
6 Saat Toplam
12+ Yaş
Tüm Seviyeler
Sertifika
Proje + Sunum
AI Web Geliştirme Atölyesi - TeknoLikya

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

AI Web Atölyesi Çalışma Ortamı
AI Web Atölyesi Öğrenciler

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

Şimdi Kayıt Ol

Çocuğunuzu Geleceğe Hazırlayın

21. yüzyılın en önemli becerisi: Yapay zeka ile üretim yapabilmek