Yapay Zeka ile Kod Yazmaya Sıfırdan Başlama Rehberi

Kafanızda harika bir web sitesi veya mobil uygulama fikri var, ancak yazılım dünyasına uzaktan baktığınızda o siyah ekranlar, karmaşık matematiksel ifadeler ve İngilizce terimler gözünüzü mü korkutuyor? Yalnız değilsiniz.

Geleneksel yazılım öğrenmek; yıllar süren bir eğitim, sabır ve bitmek bilmeyen hata ayıklama (debugging) süreçleri gerektiriyordu. Ancak 2026 itibarıyla oyunun kuralları tamamen değişti. Artık İngilizce veya Türkçe konuşabilen herkes, bilgisayara kendi dilinde ne yapması gerektiğini söyleyerek tam donanımlı uygulamalar geliştirebiliyor. Bu yeni yaklaşıma Vibe Coding diyoruz.

Peki, hayatında hiç kod yazmamış biri yapay zeka ile kod yazmaya tam olarak nereden ve nasıl başlamalı? Gelin, bu süreci adım adım, en anlaşılır haliyle inceleyelim.

1. Zihniyet Değişimi: İşçi Değil, Şef Olun

İlk ve en önemli adım, yazılıma bakış açınızı değiştirmektir. Eskiden yazılımcılar birer "inşaat işçisi" gibiydi; tuğlaları (kod satırlarını) tek tek üst üste koymak zorundaydılar. Bir virgül eksik olduğunda tüm bina çökebilirdi.

Yapay zeka çağında ise siz bir orkestra şefi veya mimarsınız. Yapay zeka sizin için tuğlaları dizecek, harcı karacak ve binayı dikecektir. Sizin tek yapmanız gereken, binanın kaç katlı olacağını, odaların nereye bakacağını ve renginin ne olacağını (uygulamanın mantığını ve tasarımını) net bir şekilde tarif etmektir.

2. İlk Adım İçin Doğru Aracı Seçmek

Piyasada onlarca yapay zeka kodlama aracı var. Eğer sıfır noktasındaysanız, bilgisayarınıza karmaşık yazılım programları kurmak yerine, doğrudan internet tarayıcınız üzerinden çalışan ve ne istediğinizi söylediğiniz an size çalışan bir sistem veren araçlarla başlamalısınız.

Web tasarımı ve mobil uygulama geliştirme dünyasındaki en popüler yapay zeka araçları şunlardır:

Eğer amacınız telefonunuza yükleyip kullanabileceğiniz gerçek bir mobil uygulama yapmaksa, FlutterFlow'un yapay zeka asistanına "Bana bir mobil uygulama tasarla" diyerek başlamak en doğru yoldur. Eğer bilgisayardan girilecek bir web sitesi hayal ediyorsanız, Bolt.new veya v0 sizin için biçilmiş kaftandır.

3. Yapay Zekayla Konuşma Sanatı: Prompt Nasıl Yazılır?

Yapay zekanın ne kadar zeki olduğu, sizin ona verdiğiniz talimatın (prompt) kalitesine bağlıdır. "Bana bir e-ticaret sitesi yap" demek, çok kötü bir başlangıçtır. Çünkü yapay zeka ne satacağınızı, hangi renkleri sevdiğinizi ve sitenin nasıl çalışacağını bilemez.

İyi bir kodlama promptu yazmak için şu formülü kullanın:

Rol + Hedef + Detaylar + Sınırlar

• Kötü Örnek: "Bana bir hesap makinesi yap."
• İyi Örnek: "Sen uzman bir web geliştiricisin. Benim için sadece HTML, CSS ve JavaScript kullanarak modern tasarımlı bir hesap makinesi yap. Rengi koyu tema (dark mode) olsun. Butonlar yuvarlak köşeli olsun ve tıklandığında hafif bir gölge efekti versin. Bölme işleminde sıfıra bölünme hatası olursa kullanıcıya 'Sıfıra bölünemez' uyarısı göstersin."

4. Hata (Error) Aldığınızda Asla Paniklemeyin

Yapay zeka ile kod yazarken, özellikle projeler büyüdüğünde hatalarla karşılaşacaksınız. Ekranda kırmızı renkli, hiç anlamadığınız İngilizce hata mesajları belirecek.

Geleneksel kodlamada bu an, yeni başlayanların %90'ının pes ettiği andır. Ancak vibe coding yaparken hata almak, sürecin çok normal bir parçasıdır.

Ekranda kırmızı bir hata mı gördünüz? Yapmanız gereken tek şey şudur: Hatayı farenizle seçin, kopyalayın ve yapay zekaya yapıştırıp şu sihirli cümleyi ekleyin:

"Bu hatayı aldım. Neden kaynaklandığını açıkla ve düzeltmek için kodları nasıl değiştirmem gerektiğini bana ver."

Yapay zeka kendi yaptığı hatayı (veya sizin eksik anlattığınız detayı) anlayacak, özür dileyecek ve size doğrusunu sunacaktır.

5. İlk Proje Fikriniz Ne Olmalı?

Öğrenmenin en iyi yolu, kendi ihtiyacınızı çözen basit bir uygulama yapmaktır. İlk günden Facebook veya Trendyol gibi devasa sistemler yapmaya çalışmayın. Şu tarz küçük projelerle kaslarınızı geliştirin:

• Sadece sizin kullanacağınız, günlük su içme hedefinizi takip eden bir sayaç.
• Öğretmenseniz, rastgele öğrenci seçen basit bir çarkıfelek ekranı.
• Kendi adınıza, yeteneklerinizi sergileyen tek sayfalık bir kişisel web sitesi (Portfolyo).

Başlamak İçin En İyi Zaman

Adım Adım Canlı Örnek: Günlük Su Takip Sayacı

Vibe coding mantığının pratikte nasıl çalıştığını anlamak için gelin birlikte sıfırdan bir proje geliştirelim. Amacımız: Sadece bizim kullanacağımız, günlük 2.5 litre (2500 ml) su içme hedefimizi takip eden, her bardak içtiğimizde ekrandaki sayacı artıran basit ama şık bir uygulama yapmak olsun.

Bu projeyi Bolt.new üzerinde, tek bir satır kod bilmeden sadece 3 adımda (3 prompt ile) nasıl ayağa kaldıracağımızı görelim:

Adım 1: Temel Tasarımı ve İskeleti İstemek

Bolt.new sitesini açıyoruz ve yapay zekanın bizi karşıladığı sohbet kutusuna ilk komutumuzu (prompt) tamamen Türkçe olarak yazıyoruz:

1. Prompt: "Sen uzman bir mobil arayüz tasarımcısısın. Benim için günlük su içme hedefimi takip eden, modern ve minimalist bir web uygulaması yap. Ekran koyu tema (dark mode) olsun. Üst kısımda büyük harflerle 'Bugün Kaç Bardak Su İçtin?' yazsın. Ortada ise su bardağı şeklinde şık bir ikon ve altında '0 / 2500 ml' şeklinde bir sayaç bulunsun."

Yapay zeka bu emri aldıktan sonra arka planda saniyeler içinde HTML ve CSS kodlarını yazar. Ekranın sağ tarafında, tam da tarif ettiğimiz gibi koyu temalı, ortasında su bardağı olan harika bir tasarım beliriverir. Ancak şu an butonlara tıklasak da hiçbir şey çalışmaz, çünkü sadece "tasarımı" istedik.

Adım 2: Fonksiyon ve Mantık Eklemek (Vibe İterasyonu)

Şimdi uygulamamızı canlandırma zamanı. Yapay zekaya uygulamanın nasıl çalışması gerektiğini (vibe) anlatıyoruz:

2. Prompt: "Tasarım harika görünüyor! Şimdi altına iki adet buton ekle. İlk buton yeşil renkli olsun, üzerinde '+250 ml (1 Bardak)' yazsın ve tıklandığında ortadaki sayaca 250 ml eklesin. İkinci buton kırmızı renkli olsun, üzerinde 'Sıfırla' yazsın ve tıklandığında sayacı yeniden 0 yapsın. Eğer kullanıcı 2500 ml hedefine ulaşırsa, ekranda havai fişek efekti çıksın ve 'Tebrikler, bugünkü hedefine ulaştın!' mesajı belirsin."

Yapay zeka hemen kodu günceller. JavaScript kodlarını ekleyerek butonları çalışır hale getirir. Sağdaki canlı ekranda yeşil butona her tıkladığınızda sayacın 250, 500, 750 diye arttığını görürsünüz. 2500'e ulaştığınızda ise sistem otomatik olarak tebrik mesajını tetikler.

Adım 3: Gerçek Hayat Problemini Çözmek (Hafıza Ekleme)

Uygulamayı test ederken bir şey fark ettiniz: Sayfayı yenilediğinizde veya tarayıcıyı kapatıp açtığınızda içtiğiniz su miktarı hop diye sıfırlanıyor! İşte bu bir eksikliktir. Hemen yapay zekaya durumu bildiriyoruz:

3. Prompt: "Çok güzel çalışıyor ama sayfayı yenileyince içtiğim su miktarı kayboluyor ve sıfırlanıyor. Kodu öyle bir güncelle ki, içtiğim su miktarı tarayıcının hafızasına (LocalStorage) kaydedilsin. Sayfayı kapatıp açsam bile kaldığım yerden devam edebileyim."

Yapay zeka "Haklısınız, hemen tarayıcı hafızası entegrasyonunu ekliyorum" der ve kodları günceller. Artık sabah içtiğiniz su sisteme kaydedilir, akşam tarayıcıyı açtığınızda kaldığınız yeri görürsünüz.

Tebrikler, İlk Uygulamanızı Vibe Kodladınız!

Fark ettiyseniz süreç boyunca ne bir değişken tanımladınız, ne bir parantez hatasıyla boğuştunuz ne de veritabanı mimarisi düşündünüz. Siz sadece bir yönetici gibi davrandınız; eksikleri gördünüz, yapay zekaya söylediniz ve o da düzeltti. İşte yapay zeka ile sıfırdan kod yazmanın gücü budur!

📌 Yeni Başlayanlar İçin Terimler Sözlüğü (Dipnotlar)

• Vibe Coding: Kodu satır satır yazmak yerine, projenin hissiyatını, amacını ve mantığını yapay zekaya tarif ederek uygulama geliştirme felsefesidir.
• HTML, CSS, JavaScript: Web sitelerini oluşturan üç temel yapıdır. HTML sitenin iskeletini, CSS dış görünüşünü (renkler, tasarımlar), JavaScript ise hareketlerini (butonlara tıklanınca ne olacağını) belirler.
• Prompt (İstem): Yapay zekaya ne yapması gerektiğini anlattığınız metin veya komuttur.
• Debugging (Hata Ayıklama): Bir uygulamadaki sorunları (bug) bulma ve düzeltme sürecidir.