Neler yapabileceksin
- Cursor AI kod editörünü kurun ve ayarlayın, ardından bir proje klasörü açın
- Cursor'da Agent, Ask ve model seçeneklerini kullanarak yapay zekadan sade bir dille kod isteyin
- AI tarafından üretilen değişiklikleri kabul edin veya reddedin ve index.html dosyasından basit bir tarayıcı oyunu çalıştırın
- Tarayıcı konsolunu okuyarak, hata mesajlarını paylaşarak ve bağlam olarak dokümantasyon ekleyerek hataları ayıklayın
- Git ile proje kayıt noktaları (checkpoint) kaydedin, böylece istenmeyen AI değişikliklerini geri alabilirsiniz
- Proje kuralları ve işe yarar eklentilerle yapay zekanın davranışını yönlendirin
Önce bilmen iyi olur
- Bilgisayarınıza masaüstü yazılımı indirip kurabilme yeteneği
- Klasör ve dosya oluşturma konusunda temel bilgi
- ChatGPT gibi ücretsiz bir yapay zeka sohbet asistanına erişim
Müfredat
8 ders ve bir final projesi
- 1
Vibe coding nedir ve neden bir yapay zeka kod editörü yardımcı olur Ücretsiz
Bu ders, "vibe coding"in ne anlama geldiğini açıklar: kodun her satırını kendin yazmak yerine, bir yapay zeka modeline ne istediğini sade İngilizce ile anlatarak yazılım geliştirmek. Ayrıca, iyi sonuçlar almak istiyorsan neden bir kod editörünün ve temel bilgilerin hâlâ önemli olduğunu gösterir.
2 alıştırma3 soru - 2
Cursor'ı Kurmak ve Proje Klasörünü Hazırlamak Beyond Pass
Bu derste AI kod editörünün ne olduğunu ve Cursor'ın neden iyi bir ücretsiz başlangıç noktası olduğunu öğreneceksin. Ayrıca Cursor'ı kuracak ve Cursor'ın çalışma alanı olarak açacağı bir proje klasörü oluşturacaksın.
5 adım2 alıştırma3 soru - 3
Cursor'a Turu: Agent ve Ask modu ve model seçimi Beyond Pass
Cursor'ın Ask ve Agent modlarının ne yaptığını ve proje üzerinde ne kadar değişiklik yapabildiklerinin nasıl farklılaştığını öğreneceksin. Ayrıca sohbet panelinde bir AI modelinin nasıl seçileceğini ve Max modu ile Auto modunu ne zaman kullanacağını da öğreneceksin.
4 adım2 alıştırma4 soru - 4
Planning the game with a consultant AI and choosing a framework Beyond Pass
Before touching the code editor, you plan what you want to build by asking a consultant AI for a clear description, a tech stack, and a learning plan. You also learn the difference between a programming language and a framework, and why a beginner-friendly framework such as Kaboom.js is a good pick for a browser game.
5 adım2 alıştırma4 soru - 5
[48] Kod üretmek, değişiklikleri kabul etmek ve ilk kez çalıştırmak Beyond Pass
[49] Cursor'da bir yapay zeka kodlama ajanının dosyaları nasıl oluşturduğunu, değişiklikleri nasıl inceleyip kabul edeceğini ya da reddedeceğini ve sonucu bir tarayıcıda nasıl açıp çalıştıracağını öğreneceksin. Ayrıca ilk çalıştırmada genellikle hataların çıktığını, bu hataları nasıl okuyacağını ve ajana nasıl bildireceğini de öğreneceksin.
5 adım2 alıştırma3 soru - 6
Debugging with the Console, Manual Edits, and Documentation Context Beyond Pass
When the AI keeps failing, you learn to debug in layers: read the browser console for the real error, make small manual edits, and give the model official documentation as context. This lesson follows the video's step-by-step rescue of a broken platformer game.
1 kod5 adım2 alıştırma3 soru - 7
Git ile kontrol noktaları kaydetmek: commit, diff ve discard Beyond Pass
Git'in projenin kontrol noktalarını (commit'leri) nasıl kaydettiğini öğreneceksin; böylece neyin değiştiğini görebilir ve çalışan bir sürüme geri dönebilirsin. Bir depo başlatmayı, dosyaları stage edip commit etmeyi, bir diff görmeyi ve bir hatayı discard ile geri almayı öğreneceksin.
1 kod8 adım2 alıştırma3 soru - 8
Proje kuralları, uzantılar, arama ve daha iyi istemler Beyond Pass
Cursor'a her yanıtı şekillendiren kalıcı kurallar vermeyi, Prettier gibi editör uzantıları eklemeyi ve kodu kendin bulup değiştirmek için aramayı kullanmayı öğreneceksin. Ayrıca neden küçük ve hedefli istemlerin tek bir dev istemden daha iyi olduğunu da göreceksin.
1 kod6 adım2 alıştırma4 soru
Final projesi
[50] Vibe-code yap, hata ayıkla ve küçük bir tarayıcı oyununu yayınla
[51] Yalnızca Cursor'un yapay zekâsını, bir danışman yapay zekânın planını ve Git kontrol noktalarını kullanarak sıfırdan küçük bir tarayıcı oyunu yap. Tüm iş akışını çalışacaksın: planla, üret, çalıştır, hata ayıkla, kaydet ve kurallarla yapay zekâyı yönlendir. Hedef, çalışan bir oyun ile bunun nasıl ortaya çıktığını gösteren bir commit geçmişi.
8 görev Beyond Pass ile açılır.
Ücretsiz önizleme · 1. dersin tamamı
Vibe coding nedir ve neden bir yapay zeka kod editörü yardımcı olur
Bu ders, "vibe coding"in ne anlama geldiğini açıklar: kodun her satırını kendin yazmak yerine, bir yapay zeka modeline ne istediğini sade İngilizce ile anlatarak yazılım geliştirmek. Ayrıca, iyi sonuçlar almak istiyorsan neden bir kod editörünün ve temel bilgilerin hâlâ önemli olduğunu gösterir.
Videonun yanında çiz ve yaz.
Fikir
Vibe coding, GPT veya Claude gibi büyük dil modellerine (LLM) dayanarak yazılım üretme yöntemine verilen addır. Her satırı yazmak ve bir programlama dilinin söz dizimini ezberlemek yerine, ne istediğini gündelik İngilizce ile anlatırsın; yapay zeka kodu senin için yazar.
Bunun önemi, şeyleri inşa etmenin engelini düşürmesidir. Yeni başlayan biri, önce her komutu ve kuralı öğrenmeden çalışan bir uygulama isteyebilir. Videonun tamamen yeni başlayanlara odağı, yapay zekanın yazdığı kod satırları değil, araçlardır: kod editörünü nasıl kullanacağın, yapay zeka modelini nasıl kullanacağın ve bunların hepsini gerçekten çalışan bir uygulamaya nasıl dönüştüreceğin.
Video ayrıca dürüst bir noktaya değiniyor: vibe coding'i başarıyla yapan insanların genellikle biraz deneyimi vardır; en azından bir editörün içinde çalışma deneyimi. Farklı yapay zeka modellerinin ne olduğunu, hangisini ne zaman kullanacaklarını, önerilen tamamlamaları nasıl kabul edeceklerini ve çeşitli araçların ne işe yaradığını bilirler. Profesyonel olmak zorunda değilsin, ama bu temel bilgileri öğrenmek seni çoğu insanın önüne geçirir.
Bu kursun planı basit: Bir yapay zeka kod editöründe çalışmayı öğren, yapay zeka modeliyle net bir şekilde konuşmayı öğren ve her şeyi kolaylaştıran küçük bilgi parçalarını öğren. Yapay zekanın ürettiği her satırı anlamak zorunda değilsin; nerede neyin durduğunu ve ne istediğini nasıl soracağını bilmen yeterli.
Ana noktalar
- Vibe coding, düz İngilizce açıklamalardan kod yazmak için yapay zeka modellerine (GPT veya Claude gibi) büyük ölçüde güvenmek anlamına gelir. 1:01
- Bir dilin söz dizimini ezberlemen gerekmez; odak noktası araçlardır: kod editörü ve yapay zeka modeli. 1:24
- Vibe coding'i başarıyla yapan kişilerin genellikle bir editörde çalışma konusunda biraz deneyimi olur ve hangi yapay zeka modelini ne zaman kullanacaklarını bilirler. 0:40
- Amaç profesyonel bir mühendis olmak değil, hayatını kolaylaştıran bilgi parçalarını öğrenmek. 0:16
Bilmen gereken kelimeler
- Vibe coding
- Yapay zeka modelinden yararlanarak, ne istediğini sade İngilizce ile anlatıp yazılımın çoğunu modele yazdırmak.
- Büyük dil modeli (LLM)
- GPT veya Claude gibi, metni ve bilgisayar kodunu okuyup üretebilen bir yapay zeka modeli.
- Kod editörü
- Kod dosyalarını görüntülediğin, yazdığın ve değiştirdiğin program.
- Söz dizimi (syntax)
- Bir programlama dilinin gerektirdiği tam kelimeler, semboller ve kurallar.
- Tamamlama (completion)
- Yapay zeka veya editörün bir sonraki kod parçası için yaptığı öneri; bunu kabul edebilir ya da reddedebilirsin.
Dikkat
- Vibe coding her şeyi göz ardı edebileceğin anlamına gelmez. Editörün ve yapay zeka modelinin nasıl çalıştığını bilmek sonuçlarını çok daha iyi yapar. 0:40
- Bu aşamada yapay zekanın yazdığı her satırı anlamasını beklemeyin; araçlara ve net soru sormaya odaklanın. 1:48
- Yapay zekayla bir şey inşa edebilmek seni profesyonel bir mühendis yapmaz; amaç pratik beceri edinmek, bir unvan değil. 0:16
Alıştırma
Kendi cümlelerinle açıkla: vibe coding nedir ve bir yeni başlayanın bunu iyi yapmak için hâlâ öğrenmesi gereken bir şeyi söyle.
Çözüm
- Vibe coding, ne istediğini sade İngilizce ile bir yapay zeka modeline anlatmak ve modelin kodu senin için yazmasıdır.
- Yeni başlayan biri hâlâ bir kod editöründe temel deneyim kazanmalı ve hangi yapay zeka modelini kullanacağını, önerileri nasıl kabul edeceğini anlamalıdır.
Örnek cevap: Vibe coding, sade bir İngilizce ile bir yapay zeka modelinden kodu yazmasını isteyerek yazılım geliştirmektir. Yeni başlayan biri hâlâ bir kod editörünü kullanmayı ve yapay zeka araçlarıyla, örneğin önerilerini kabul ederek, nasıl çalışacağını öğrenmelidir.
Bu kurs sonunda yanıtlanmasını istediğin üç soruyu yaz; örneğin kod editörü nedir, hangi yapay zeka modelini seçmeliyim veya bir tamamlamayı nasıl kabul ederim gibi.
Çözüm
- Şu an bildiklerini ve bilmediklerini düşün.
- Her soruyu karalama defterine tam bir cümle olarak yaz.
- Kurs sonunda her birine cevap verebilip veremediğini kontrol et.
Üç yazılı soru, örneğin: Kod editörü nedir? Hangi görev için hangi yapay zeka modelini kullanmalıyım? Bir tamamlamayı nasıl kabul ederim?
Karalama defterinde
Karalama defterinde üç kutu çiz ve bunları Sen, Yapay zeka modeli ve Kod editörü olarak etiketle; sade dilde yaptığın isteğin yapay zekaya nasıl gittiğini ve kodun editöre nasıl geri döndüğünü gösteren oklar çiz.
Test
Videoya göre, 'vibe coding' temelde ne anlama gelir?
- Her satırı düz metin dosyasında elle yazmak
- Sade İngilizce isteklerden kod yazması için yapay zeka modellerine büyük ölçüde güvenmek
- Kod yazarken müzik dinlemek
- Hiç bilgisayar kullanmadan web siteleri yapmak
Cevabı göster
B. Sade İngilizce isteklerden kod yazması için yapay zeka modellerine büyük ölçüde güvenmek · 1:01'de konuşmacı, vibe coding'in GPT veya Claude gibi yapay zeka modellerine büyük ölçüde güvenmek anlamına geldiğini söylüyor; bunlar normal İngilizce istendiğinde kod üretir.
1:01 o anı izleVideoya göre vibe coding'i başarıyla yapan insanların genellikle neyi vardır?
- Profesyonel bir yazılım mühendisliği işi
- Bir kod editöründe biraz deneyim ve yapay zeka modelleri ile araçları hakkında bilgi
- Her programlama anahtar kelimesinin ezberlenmiş listesi
- Tüm yapay zeka araçlarına ödenmiş bir abonelik
Cevabı göster
B. Bir kod editöründe biraz deneyim ve yapay zeka modelleri ile araçları hakkında bilgi · 0:31'de konuşmacı, başarılı vibe coder'ların en azından bir editörde çalışma konusunda biraz deneyimi olduğunu ve modelleri ile araçları anladıklarını söylüyor.
0:31 o anı izleBu kursun tamamen yeni başlayanlar için ana odağı nedir?
- Yapay zekanın ürettiği her satırı açıklamak
- Araçlar: kod editörü, yapay zeka modeli ve kullanılabilir bir uygulamanın nasıl elde edileceği
- Önce Python'un tam söz dizimini öğrenmek
- Oyun bilgisayarlarının donanımlarını karşılaştırmak
Cevabı göster
B. Araçlar: kod editörü, yapay zeka modeli ve kullanılabilir bir uygulamanın nasıl elde edileceği · 1:48'de konuşmacı, odağın araçlar olduğunu söylüyor: kod editörünü, yapay zeka modelini ve kullanılabilir bir uygulamayı nasıl elde edeceğini.
1:48 o anı izle
2–8. dersler ve final projesi
Beyond Pass ile açılırlar: her kursun her dersi, eksiksiz. Tek ödeme: 90 gün için $14.99 ya da bir yıl için $29. Abonelik yok.
Beyond, Tech With Tim kanalının “Cursor Vibe Coding Tutorial - For COMPLETE Beginners (No Experience Needed)” videosundan yaptı. Video YouTube’un kendi oynatıcısında oynar. YouTube’da izle · Bütün dersler