1. GÜN
1. Vibe Coding’e Giriş
- Vibe Coding nedir?
- Geleneksel yazılım geliştirmeden farkları
- Yapay zekâ destekli geliştirme sürecinin avantajları ve sınırları
- Hangi projeler Vibe Coding için uygundur?
- İnsan kontrolü ve yapay zekâ arasındaki görev paylaşımı
2. Ürün Ekipleri İçin Vibe Coding Kullanım Alanları
- Fikir doğrulama
- Hızlı prototipleme
- İç araç geliştirme
- Demo ve PoC hazırlama
- Tekrarlayan iş süreçlerini dijitalleştirme
- Ürün geliştirme öncesinde çözüm alternatiflerini test etme
3. Vibe Coding Üretim Akışının Kurulması
- Fikirden çalışan ürüne giden süreç
- Problemin ve kullanıcı ihtiyacının tanımlanması
- Uygulamanın temel kapsamının belirlenmesi
- MVP özelliklerinin seçilmesi
- Büyük taleplerin küçük geliştirme adımlarına bölünmesi
4. Claude ve ChatGPT ile Uygulama Brief’i Hazırlama
- Uygulama fikrinin yapay zekâya doğru aktarılması
- Kullanıcı, problem ve çözüm tanımlama
- Sayfa ve özellik listesinin hazırlanması
- Kullanıcı akışlarının belirlenmesi
- Teknik olmayan gereksinimlerin yapılandırılması
- Başlangıç promptunun oluşturulması
5. İlk Prototipin Üretilmesi
- Hazırlanan brief’in prototip aracına aktarılması
- Lovable ile ilk web uygulaması iskeletinin oluşturulması
- Sayfaların ve temel kullanıcı akışlarının kontrol edilmesi
- İlk tasarım çıktısının değerlendirilmesi
- Eksik ve hatalı alanların belirlenmesi
6. Cursor ile Projeye Müdahale Mantığı
- Proje klasör ve dosya yapısını tanıma
- Cursor içerisinde proje bağlamı oluşturma
- Kod bilmeden değişiklik talebi hazırlama
- Doğru dosyada doğru değişikliği yaptırma
- Büyük değişiklikler yerine kontrollü geliştirme adımları kullanma
- Yapay zekâ tarafından yapılan değişiklikleri kontrol etme
7. Uygulamalı Çalışma
Katılımcılar kendi uygulama fikirleri için brief hazırlar ve gün sonunda çalışan ilk web uygulaması prototipini oluşturur.
2. GÜN
1. İlk Prototipi Geliştirme Stratejisi
- İlk gün oluşturulan prototipin değerlendirilmesi
- Eksik fonksiyonların belirlenmesi
- Geliştirme önceliklerinin oluşturulması
- Prototipi bozmadan adım adım geliştirme
- Değişikliklerin küçük ve kontrol edilebilir görevlere ayrılması
2. Fonksiyonel Geliştirmeler
- Form ve buton davranışlarının geliştirilmesi
- Sayfalar arası geçişlerin düzenlenmesi
- Kullanıcı girdilerinin işlenmesi
- Veri ekleme, listeleme, düzenleme ve silme akışları
- Kullanıcıya geri bildirim veren durumların hazırlanması
- Boş, yükleniyor, başarılı ve hatalı durumların oluşturulması
3. UI/UX İyileştirme Promptları
- Tasarım problemlerinin doğru şekilde tarif edilmesi
- Hiyerarşi, boşluk ve hizalama düzenlemeleri
- Buton, form ve kart bileşenlerinin iyileştirilmesi
- Tutarlı renk, tipografi ve bileşen kullanımı
- Kullanıcı akışındaki sürtünme noktalarının azaltılması
- Web ekranlarının farklı ekran genişliklerine uyarlanması
4. Yapay Zekâ ile Debugging ve Hata Ayıklama
- Hata mesajlarının doğru okunması
- Sorunun yapay zekâya bağlamıyla birlikte aktarılması
- Konsol çıktıları ve ekran görüntüleriyle hata analizi
- Hatanın kaynağını bulmaya yönelik prompt hazırlama
- Düzeltme sonrasında regresyon kontrolü
- Aynı hatanın tekrar oluşmasını engelleme
5. Test, Edge Case ve Kalite Kontrol
- Kabul kriterlerinden test senaryosu oluşturma
- Temel fonksiyonların kontrol edilmesi
- Pozitif ve negatif test senaryoları
- Boş alan, hatalı veri ve sınır değer kontrolleri
- Kullanıcı akışlarının uçtan uca test edilmesi
- Yapay zekâ ile test kontrol listesi hazırlama
- Yapılan değişikliklerin diğer alanları bozup bozmadığını kontrol etme
6. Paylaşılabilir Hâle Getirme
- Projenin son kontrollerinin yapılması
- Demo verilerinin hazırlanması
- Yayın öncesi hata ve içerik kontrolleri
- Uygulamanın yayınlanması
- Paylaşılabilir demo bağlantısının oluşturulması
- Projenin kısa ve anlaşılır biçimde sunulması
7. Final Uygulaması
Katılımcılar ilk gün hazırladıkları prototipi geliştirir, test eder, iyileştirir ve paylaşılabilir bir web uygulaması demosuna dönüştürür.
Eğitim Kazanımları
Eğitim sonunda katılımcılar:
- Vibe Coding yaklaşımının temel çalışma mantığını öğrenir.
- Bir uygulama fikrini net ve uygulanabilir bir brief’e dönüştürür.
- Yapay zekâ araçları için etkili promptlar hazırlar.
- İlk çalışan web uygulaması prototipini oluşturur.
- Yapay zekâ tarafından üretilen kod ve proje yapısını anlamlandırır.
- Mevcut uygulamaya yeni fonksiyonlar ekler.
- Arayüz ve kullanıcı deneyimi iyileştirmeleri yapar.
- Hataları yapay zekâ desteğiyle analiz eder ve giderir.
- Test senaryoları ve edge case’ler oluşturarak uygulamayı kontrol eder.
- Projeyi paylaşılabilir bir demo hâline getirir.
Hedef Kitle
Aşağıdaki roller için uygundur:
- Ürün yöneticileri ve ürün ekipleri
- İş analistleri
- Yazılım test uzmanları
- UX/UI tasarımcıları
- Girişimciler ve proje sahipleri
- Yazılım geliştirme süreçlerinde yapay zekâdan yararlanmak isteyen profesyoneller
- Fikrini çalışan bir web uygulamasına dönüştürmek isteyen katılımcılar
Ön Koşullar
Kodlama deneyimi bulunması zorunlu değildir. Temel dijital ürün ve web uygulaması bilgisi eğitim sürecini kolaylaştırır.
Eğitim Süresi: 2 Gün
Format : Eğitim; anlatım, canlı uygulama, eğitmen yönlendirmesi ve katılımcıların kendi projeleri üzerinde gerçekleştireceği uygulamalı çalışmalar şeklinde ilerler.
Vibe Coding, yazılım geliştirme sürecinde yapay zekâ araçlarından aktif olarak yararlanılan yeni nesil bir üretim yaklaşımıdır. Bu eğitimde katılımcılar yalnızca yapay zekâya kod yazdırmayı değil; bir ürün fikrini doğru şekilde tanımlamayı, geliştirme sürecini yönetmeyi, üretilen kodu kontrol etmeyi ve çalışan bir uygulamaya dönüştürmeyi öğrenir.
İki günlük uygulamalı eğitim boyunca katılımcılar kendi web uygulamalarının ilk prototipini oluşturur, gerekli fonksiyonları geliştirir, kullanıcı deneyimini iyileştirir, hataları giderir ve projeyi paylaşılabilir bir demo hâline getirir.
Eğitim sonunda katılımcılar, bir ürün fikrini sıfırdan ele alarak yapay zekâ destekli araçlarla çalışan bir web uygulaması geliştirme deneyimi kazanır.