#9400 Vibe Coding I - Hayallerini Kodla Eğitimi | Vebende Akademi Müfredata Doğrudan Geç
🏷️ KOD: #9400 KURUMSAL UZMANLIK EĞİTİMİ

Vibe Coding I - Hayallerini Kodla

Vibe Coding I - Hayallerini Kodla alanındaki temel ve ileri düzey yetkinlikleri kapsayan, 5 modül ve yoğun uygulamalı laboratuvarlarla desteklenmiş kurumsal uzmanlık eğitimi.

💡 Öğren → ⚙️ Uygula → 💻 Üret → 🔍 Code Review → 🏆 Proje → 📜 Kanıtla → 💎 Yetkinlik
#9400 Vibe Coding I - Hayallerini Kodla Nedir ve Kurumunuza Ne Kazandırır? #9400, modern kurumsal yazılım ve bilişim süreçlerinde problem çözme mantığını ve güçlü bir mühendislik refleksini inşa eden 20 Saat (1 Ay / 4 Hafta) süreli uygulamalı bir yetkinlik geliştirme programıdır. Katılımcıların yalnızca araçları tanımasını değil; kurumsal standartlarda temiz, test edilebilir ve sürdürülebilir sistemler üretebilmesini hedefler. Teknik Derinlik: Eğitim süresince Vibe Coding I - Hayallerini Kodla mimarisi, veri yapıları ve optimizasyon pratikleri, test güdümlü geliştirme, kurumsal tasarım kalıpları ve kurumsal standartlar gerçek kullanım senaryolarıyla işlenir. Kurumsal Değer & Kanıt: Ekiplerin yüzeysel ezberin ötesine geçerek endüstri standardı ve üretime hazır (production-ready) kod tabanları oluşturmasını sağlar. 8 laboratuvar ödevi, birebir inceleme (Code/Architecture Review) ve 3 gerçek dünya bitirme projesiyle yetkinlik somut olarak kanıtlanır ve görünür hale gelir.
⏱️
Süre
20 Saat (1 Ay / 4 Hafta)
🪙
VBK
1 VBK
📈
Seviye
Giriş Seviyesi
📝
Ödevler & 2. Seviye Bröve
8 Ödev (Haftada 2 uygulamalı laboratuvar). Tamamlanması ve eğitmen onayı alması halinde 2. Seviye Bröve kazanılır.
🎯
Projeler & 3. Seviye Bröve
Eğitim sonunda 3 Kapsamlı Bitirme Projesi yer alır. 3. Seviye Uzmanlık Brövesi için onaylatılması zorunludur.
🤝
Kariyer & Yetkinlik Oturumu
Katılımcı, kıdemli eğitmenimizle kişiye özel 1 saatlik kapsamlı teknik kariyer ve mimarlık oturumu gerçekleştirir.

Eğitim Yol Haritası (5 Temel Aşama)

01
Mimari Temeller & Tasarım
→
02
Çekirdek Bilişim Pratikleri
→
03
İleri Düzey Yetkinlikler
→
04
Sorun Giderme & Optimizasyon
→
05
Kurumsal Entegrasyon
📖 1) Eğitim Tanıtımı

Bir fikriniz var ama onu nasıl çalışan bir uygulamaya dönüştüreceğinizi bilmiyor musunuz?

🎯 2) Kariyer & Uzmanlık Hedefleri
  • •Vibe Coding I - Hayallerini Kodla alanında yetkinleşerek teknik becerilerini kurumsal projelerde en üst seviyeye taşımak isteyenler
  • •Modern bilişim teknolojileri ve modern altyapı pratiklerini iş süreçlerine başarıyla uygulayanlar
  • •Sistem entegrasyonu, veri analitiği veya süreç modellemesi konularında pratik ve teorik uzmanlık kazananlar
  • •Teknik problem çözme süreçlerinde metodolojik yaklaşımlarla operasyonel verimliliği artıran liderler
  • •Kariyerinde global standartlarda teknik yetkinlik ve güçlü bir mesleki özgüven edinmek isteyen profesyoneller
👥 3) Katılımcı Rol & Altyapısı
  • •Vibe coding için sıfır deneyim
🏛️ Eğitimin 6 Stratejik Yetkinlik ve Odak Alanı

Programımız; kurumsal yetkinlik ve mühendislik kalitesinin tüm kritik katmanlarını kapsayan 6 stratejik yetkinlik sütunu üzerine inşa edilmiştir.

01

Çekirdek Mimari & Protokol Derinliği

Yüzeysel araç kullanımının ötesine geçerek sistemin iç mekanizmasını, protokollerini ve bellek düzeyindeki çalışma mantığını kavrama.

Mimariİç MekanizmaStandartlar
02

Gelişmiş Mühendislik Pratikleri

Endüstri standartlarında temiz, test edilebilir ve modüler yapılar inşa ederek teknik borcu minimize eden tasarım kalıpları.

Clean CodeModülerlikEn İyi Uygulamalar
03

Sorun Giderme & Teşhis

Kritik üretim ortamlarında karşılaşılan karmaşık arızaları, darboğazları ve kilitlenmeleri metodolojik kök neden analiziyle çözme.

TroubleshootingRoot CauseTanılama
04

Performans & Kaynak Tuning

Sistem kaynaklarını (CPU, RAM, I/O, Ağ) en verimli şekilde kullanarak gecikmeyi düşüren ve işlem kapasitesini artıran optimizasyon.

OptimizasyonTuningYüksek Verim
05

Kurumsal Güvenlik & Savunma

Sıfır Güven (Zero Trust) felsefesi, zafiyet yönetimi ve sıkılaştırma (Hardening) ilkeleriyle kurumsal altyapıyı koruma altına alma.

SıkılaştırmaZero TrustSavunma
06

Üretim Ortamına Hazır Operasyon

Kurumsal ekosistemlere sıfır sürtünmeyle entegre olabilen, izlenebilir ve felaket kurtarma senaryolarına tam dayanıklı sistemler.

GözlemlenebilirlikDayanıklılıkSüreklilik
🏆 3 Kapsamlı Bitirme Projesi (3. Seviye Bröve Kazanımı)

Katılımcılar, eğitim sonunda portföylerine ekleyebilecekleri ve kurumlarında doğrudan şablon olarak kullanabilecekleri 3 gerçek dünya projesi geliştirirler.

BİTİRME PROJESİ 1

Bitirme Projesi 1: FinTrack - Kurumsal Gider ve Bütçe Yönetim Sistemi

FinTrack, kurumsal departmanların bütçe limitlerini, harcama taleplerini ve onay mekanizmalarını tek bir merkezden yönetmelerini sağlayan, tarayıcı tabanlı ve yapay zekâ destekli bir finansal takip uygulamasıdır. Bu proje, katılımcıların portföylerinde teknik olmayan birimler ile finans ekipleri arasındaki köprüyü kuran, kurumsal standartlarda bir "Finansal Takip Sistemi" olarak yer alacaktır. Proje, tamamen statik mimariyle tasarlanmış olup, verileri yerel depolama üzerinde güvenli ve modüler bir şekilde yönetir.

Kurumsal AltyapıCanlı Senaryo
BİTİRME PROJESİ 2

Bitirme Projesi 2: LegalFlow - Hukuk Bürosu Dava ve Görev Takip Sistemi

LegalFlow, hukuk bürolarının müvekkil portföylerini, aktif davalarını, duruşma takvimlerini ve dava ile ilişkili görevleri tek bir ekrandan yönetmelerini sağlayan kurumsal düzeyde bir dava yönetim sistemidir. Bu proje, katılımcıların portföylerine veri tutarlılığı, karmaşık ilişkisel veri modelleri ve yüksek erişilebilirlik standartları içeren, sektörel bir iş çözümü olarak eklenecektir.

OptimizasyonMimari Güvenlik
BİTİRME PROJESİ 3

Bitirme Projesi 3: EduSpark - Eğitim Kurumları Kurs ve Öğrenci Kayıt Sistemi

EduSpark, özel eğitim kurumları, kurslar veya dil okulları için tasarlanmış; kurs programlarını, öğrenci kayıtlarını, ödeme taksitlerini ve sınıf doluluk oranlarını yöneten kapsamlı bir yönetim panelidir. Bu proje, katılımcıların portföylerine veri analitiği, kapasite planlama ve finansal taksitlendirme algoritmaları içeren ileri düzey bir iş uygulaması olarak eklenecektir.

Production-Ready3. Seviye Bröve
Kurumsal Satın Alma & L&D Çözüm Paneli SINIF BAZLI SABİT BÜTÇE AVANTAJI

Kurumlar ve Satın Alma Departmanları İçin Neden Bu Eğitim Vazgeçilmezdir?

Geleneksel bireysel eğitimlerin aksine Vebende Akademi, kurumların operasyonel sürekliliğini, yazılım mimarisi güvenliğini ve bütçe verimliliğini esas alır. Tuncer KARAARSLAN'ın 35 yılı aşan bilgisayar mühendisliği ve 25 yılı aşkın uluslararası teknoloji eğitmenliği birikimiyle sunulan bu program; teorik anlatım yerine kurumunuzun gerçek iş süreçlerine doğrudan etki eden ölçülebilir çıktılar üretir.

🏢 Sınıf Başı Sabit Fiyat

Fiyatlandırma kişi başı değil, sınıf fiyatıdır. Ekibinizden 5 veya 15 kişi katılsın, bütçeniz değişmez; kişi başına düşen maliyet sektördeki en avantajlı kurumsal seviyeye iner.

⚡ %60 Daha Hızlı Onboarding

Yeni işe başlayan veya farklı teknolojilerden geçiş yapan mühendislerin kurumsal kod ve mimari standartlarına hızla uyum sağlamasını ve üretime katkı verme süresini kısaltır.

🛡️ Sıfır Teknik Borç & Kalite

Spagetti kod ve kontrolsüz altyapı yerine endüstri standardı mimari yaklaşımlar öğretilir. Güvenlik açıkları ve teknik borç birikimi ilk günden engellenir.

📊 Yönetici Takip Raporu

Eğitim süresince her katılımcının laboratuvar ödevleri, GitHub pratikleri ve bitirme projeleri şeffaf bir yetkinlik karnesi olarak yönetiminize raporlanır.

🎯 Format Seçenekleri: Şirket İçi Kapalı Sınıf (Online Zoom/Teams, Müşteri Lokasyonunda On-Site veya Hibrit) | 20 Saat (1 Ay / 4 Hafta)
5 Modüllük Kapsamlı Kurumsal Mühendislik Müfredatı (20 Saat (1 Ay / 4 Hafta))

Dünya çapında önde gelen 24+ platform (Coursera, edX, O'Reilly, Pluralsight, MIT vb.) ve 17+ kariyer portalının son 3 yıllık iş ilanı verileri konsolide edilerek yapılandırılmış, sıfırdan kurumsal mimariye uzanan 5 uygulamalı modül.

Toplam 20 Saat (1 Ay / 4 Hafta) (5 Modül) Giriş Seviyesi (5 Modül) Orta Seviye (0 Modül) İleri Seviye (0 Modül) 15 Hands-on Lab & 3 Bitirme Projesi

• Vibe Coding Nedir?

Vibe Coding yaklaşımının tanımı, geleneksel kodlama süreçlerinden farkları ve yapay zekâ ile uygulama geliştirmenin temel prensipleri açıklanır. Yapay zekânın süreçteki rolü, katılımcının sorumlulukları ve üretilen her sonucun neden kontrol edilmesi gerektiği vurgulanır. Küçük adımlarla geliştirme, çalışan sürümü koruma ve tek seferde büyük uygulama istemenin sorunları ele alınır. Katılımcılara temel çalışma döngüsü (ihtiyacı tanımla, işi böl, Gemini'ye görev ver, değişikliği incele, çalıştır, test et, düzelt, koru, sonraki özelliğe geç) kazandırılır.

• Antigravity IDE'nin Tanıtılması

Google Antigravity IDE'nin açılması, Google hesabıyla oturum açma ve çalışma alanının (proje klasörü, dosya gezgini, editör, terminal, Gemini sohbet, Agent ve görev alanları) tanıtımı yapılır. Dosya değişikliklerini inceleme, önerilen değişiklikleri kabul etme/reddetme, dosyalar arasında geçiş yapma, projeyi yeniden açma ve çalışan sürüme geri dönme işlemleri uygulamalı olarak gösterilir.

• İlk Proje Klasörünün Oluşturulması

Katılımcılar, hayalini-kodla/ ana klasörü altında index.html, assets/css/styles.css, assets/css/variants.css, assets/js/app.js, assets/js/storage.js, assets/js/ui.js, specs/project-spec.md, specs/screens.md, specs/data-model.md, specs/tasks.md, live.ps1 ve README.md gibi temel dosya yapısını oluşturur. Her dosyanın temel görevi sade bir dille açıklanır.

• Gemini 3.5 Flash Modelinin Seçilmesi

Model seçme ekranının tanıtımı, Gemini 3.5 Flash modelinin seçimi ve hız, çıktı kalitesi, görev kapsamı arasındaki ilişki açıklanır. Basit ve kapsamlı görevlerin ayrımı, tek ve çok dosyalı değişiklikler, Gemini'ye proje bağlamı verme ve istenmeyen dosya değişikliklerini sınırlama konuları ele alınır.

• Gemini Çalışma Ayarları

Katılımcılara, Gemini'den doğrudan kod yazması yerine önce planlama yapmasını isteyen "Planlama yaklaşımı", yalnızca ilgili dosyalarda değişiklik yapmasını sağlayan "Değişiklik kapsamı", belirli teknolojileri kullanmasını ve kolay okunabilir kod üretmesini sağlayan "Kodlama kuralları" ve teknik geçmişi olmayan bir kişiye anlatır gibi açıklama yapmasını isteyen "Açıklama seviyesi" gibi çalışma ayarları öğretilir.

Kurumsal ve Mühendislik Kazanımı:

Bu modül sonunda katılımcılar, yapay zekâ destekli uygulama geliştirmenin temel felsefesi olan Vibe Coding yaklaşımını derinlemesine kavrayacaklardır. Google Antigravity IDE gibi modern bir geliştirme ortamını etkin bir şekilde kullanma becerisi kazanacak, Gemini 3.5 Flash gibi güçlü bir yapay zekâ modelini projelerine entegre etmeyi öğreneceklerdir. Bu yetkinlikler, katılımcıların kariyerlerinde teknolojiye adaptasyon hızlarını artıracak, karmaşık kodlama bilgisi olmadan dahi fikirlerini somut projelere dönüştürebilme özgüvenini kazandıracaktır. Kurumsal düzeyde ise, bu eğitim, teknik olmayan ekiplerin dahi inovasyon süreçlerine doğrudan katkı sağlamasına olanak tanıyarak, şirket içi sinerjiyi ve dijital dönüşüm hızını artıracaktır. Katılımcılar, yapay zekâyı sadece bir araç olarak değil, aynı zamanda bir iş ortağı olarak görmeyi ve onunla verimli bir şekilde çalışmayı öğrenerek, geleceğin iş dünyasında aranan yetkinliklere sahip olacaklardır.

İşlenen Anahtarlar: Vibe Coding Yaklaşımı Google Antigravity IDE Gemini 3.5 Flash Modeli Uygulama Mimarisi ve Dosya Yapısı Gerçek Zamanlı Geliştirme Döngüsü Prompt Mühendisliği (AI Yönlendirme)

• Spec Nedir?

Spec'in tanımı, geliştirilecek uygulamanın ne yapacağını, kim tarafından kullanılacağını, hangi ekranlardan oluşacağını ve hangi kurallara göre çalışacağını açıklayan bir belge olduğu anlatılır. İyi hazırlanmış bir spec'in Gemini'nin uygulamayı doğru anlamasını, gereksiz özelliklerin önlenmesini, kodlama sırasında yön kaybını azaltmasını, hataları ve yanlış anlaşılmaları azaltmasını ve uygulamanın adım adım geliştirilmesini kolaylaştırmasını sağladığı vurgulanır.

• Proje Spec Belgesinin Hazırlanması

Katılımcılar, specs/project-spec.md dosyasını oluşturur ve "Proje Adı", "Projenin Amacı", "Çözülen Problem", "Hedef Kullanıcılar", "Temel Kullanım Senaryosu", "Uygulamanın Temel Özellikleri", "İlk Sürümde Olacak Özellikler", "İlk Sürümde Olmayacak Özellikler", "Kullanılacak Teknolojiler", "Tasarım Beklentileri", "Veri Saklama Yöntemi", "Güvenlik ve Gizlilik Kuralları", "Başarı Ölçütleri" gibi başlıkları kullanarak projelerini tanımlar.

• Uygulama Fikrinin Sadeleştirilmesi

Katılımcıdan uygulamasını tek cümlede açıklaması istenir ve ardından fikir "Kullanıcı kimdir?", "Hangi problemi yaşamaktadır?", "Uygulamada hangi bilgileri girecektir?", "Hangi sonuçları görmek istemektedir?", "En sık yapacağı işlem nedir?", "Uygulamanın ilk sürümünde hangi özellikler gereklidir?", "Hangi özellikler daha sonraya bırakılmalıdır?" gibi bölümlere ayrılarak detaylandırılır.

• Kapsam Dışı Özelliklerin Belirlenmesi

Katılımcılar, Gemini'nin projeyi gereksiz yere büyütmesini önlemek amacıyla "Kullanıcı üyelik sistemi", "Çok kullanıcılı çalışma", "Sunucu tabanlı veri tabanı", "Online ödeme" gibi kapsam dışı özellikleri açıkça project-spec.md belgesine yazar.

• Teknoloji Sınırlarının Spec'e Yazılması

Katılımcılar, projede kullanılacak ve kullanılmayacak teknolojileri (HTML5, Bootstrap 5, Saf CSS, Saf JavaScript, Tarayıcı LocalStorage gibi kullanılacaklar; React, Vue, Angular, TypeScript, Node.js, npm paketleri, jQuery, Backend servisi, Veri tabanı sunucusu gibi kullanılmayacaklar) project-spec.md belgesinde açıkça belirtir.

• Ekran Spec'lerinin Hazırlanması

Katılımcılar, specs/screens.md dosyasını oluşturur ve her ekran için "Ekranın Amacı", "Ekranda Bulunacak Alanlar", "Ekranda Bulunacak İşlemler" ve "Kullanıcı Mesajları" gibi başlıkları kullanarak detaylı ekran tanımları yapar.

• Veri Modelinin Hazırlanması

Katılımcılar, specs/data-model.md dosyasını oluşturur ve uygulamada tutulacak bilgilerin yapısını (örneğin, Müşteri Kaydı için id, name, company, phone, email, status, lastContactDate, nextAction, notes, createdAt, updatedAt gibi alanlar) tanımlar.

• Görev Listesinin Hazırlanması

Katılımcılar, specs/tasks.md dosyasını oluşturur ve "Proje dosya yapısını oluştur", "Ana sayfayı hazırla", "Navigasyon menüsünü oluştur", "Müşteri ekleme formunu hazırla", "Form doğrulamalarını ekle", "LocalStorage kayıt işlemini oluştur" gibi geliştirme görevlerini adım adım listeler.

Kurumsal ve Mühendislik Kazanımı:

Bu modül sonunda katılımcılar, bir uygulama fikrini somut ve anlaşılır "spec" belgelerine dönüştürme yeteneği kazanacaklardır. Bu, sadece yapay zekâ ile etkili iletişim kurmalarını sağlamakla kalmayacak, aynı zamanda kendi projelerinin kapsamını, hedeflerini ve teknik sınırlarını net bir şekilde belirlemelerine yardımcı olacaktır. Proje tanımı, ekran tasarımları, veri modelleri ve görev listelerinin yazılı olarak hazırlanması, katılımcıların analitik düşünme ve problem çözme becerilerini geliştirecek, gelecekteki projelerinde daha planlı ve kontrollü ilerlemelerini sağlayacaktır. Kurumsal açıdan bakıldığında, bu yetkinlik, teknik geçmişi olmayan çalışanların dahi iş süreçlerini dijitalleştirmek için somut adımlar atmasına, iş birimlerinin teknoloji ekipleriyle daha verimli iletişim kurmasına ve inovasyon süreçlerinin hızlanmasına katkıda bulunacaktır. Katılımcılar, bir fikri hayata geçirmeden önce onu detaylıca tanımlamanın ve planlamanın değerini anlayarak, daha başarılı ve sürdürülebilir projeler geliştireceklerdir.

İşlenen Anahtarlar: Uygulama Spec'leri (Specification) Veri Modeli Tasarımı Kapsam Yönetimi ve Sınırlandırma Yapay Zekâ Destekli Proje Yönetimi Proje Dokümantasyonu ve Sürdürülebilirlik

• PowerShell'in Temel Kullanımı

Katılımcılar, terminal açma, proje klasörüne geçme, klasör içeriğini görüntüleme, dosya yollarını anlama, PowerShell betiği çalıştırma, betik çalıştırma politikası hakkında temel bilgi edinme, hata mesajlarını okuma ve çalışan işlemi durdurma gibi temel PowerShell komutlarını öğrenir.

• `live.ps1` Dosyasının Yazdırılması

Gemini'ye, proje klasöründe basit bir yerel HTTP sunucusu başlatacak, uygulamayı varsayılan tarayıcıda açacak, port kullanımını kontrol edecek ve kullanıcıya anlaşılır durum mesajları gösterecek bir live.ps1 PowerShell betiği oluşturma görevi verilir. Python komutunun kullanılabilirliği kontrol edilerek uygun sunucu komutu seçilir.

• Örnek `live.ps1`

Örnek bir live.ps1 betiği incelenir. Bu betik, hata yönetimi içerir, kullanıcıya Türkçe mesajlar gösterir, proje klasöründen çalışır ve tarayıcıda http://localhost:5500 adresini açar.

• Betiğin Çalıştırılması

.\live.ps1 komutu ile betiğin nasıl çalıştırılacağı gösterilir. Çalıştırma politikası engeli oluştuğunda, yalnızca mevcut oturum için Set-ExecutionPolicy Scope Process ExecutionPolicy Bypass .\live.ps1 komutlarının nasıl kullanılacağı açıklanır.

• Gerçek Zamanlı Geliştirme Döngüsü

Katılımcılar, live.ps1'i çalıştırma, uygulamayı tarayıcıda açma, Antigravity IDE içerisinde görev verme, Gemini'nin dosyaları değiştirmesi, dosyaları kaydetme, tarayıcıyı yenileme, değişikliği kontrol etme, hata varsa ekran görüntüsü veya hata mesajı ile Gemini'ye bildirme, düzeltme yaptırma ve çalışan sürümü koruma adımlarını içeren gerçek zamanlı geliştirme döngüsünü uygular.

• İlk Web Sayfasının Oluşturulması

Katılımcılar, Gemini'ye specs klasöründeki belgeleri inceleyerek index.html dosyasında uygulamanın ilk ekranını oluşturma görevi verir. Bu görevde HTML5, Bootstrap 5 CDN, assets/css/styles.css dosyasına ek CSS kodları, JavaScript kullanmama, mobil uyumlu tasarım, üst menü, başlık alanı ve üç özet kartı ekleme gibi kurallar belirtilir.

Kurumsal ve Mühendislik Kazanımı:

Bu modül sonunda katılımcılar, kendi web uygulamalarını yerel bilgisayarlarında canlı olarak geliştirme ve test etme yeteneği kazanacaklardır. PowerShell'i temel düzeyde kullanarak geliştirme sunucusunu başlatma ve yönetme becerisi, onlara bağımsız bir çalışma ortamı kurma imkanı sunacaktır. Gerçek zamanlı geliştirme döngüsünü deneyimleyerek, yaptıkları değişikliklerin anında sonuçlarını görme ve hataları hızla tespit edip düzeltme konusunda pratik kazanacaklardır. Bu yetkinlik, katılımcıların teknik özgüvenlerini artıracak ve yapay zekâ ile işbirliği içinde nasıl verimli çalışılacağını gösterecektir. Kurumsal düzeyde ise, bu eğitim, çalışanların hızlı prototipleme yapabilmesini, fikirlerini hızla test edip geri bildirim alabilmesini sağlayarak, ürün geliştirme süreçlerini hızlandıracak ve inovasyon döngüsünü kısaltacaktır.

İşlenen Anahtarlar: PowerShell ile Yerel Geliştirme Ortamı HTML5 Temelleri Bootstrap 5 Kullanımı Saf CSS ile Stil Tanımlama Gerçek Zamanlı Geliştirme Döngüsü

• HTML5 ile Sayfa Yapısı

Katılımcılar, başlıklar, paragraflar, bölümler, formlar, etiketler, metin/sayı/tarih alanları, seçim kutuları, butonlar, tablolar gibi temel HTML5 elementlerini kullanarak sayfa yapısı oluşturmayı öğrenir. Semantik HTML5 elementleri, erişilebilir form etiketleri, Türkçe karakter desteği ve mobil görünüm ayarları konularına değinilir.

• Bootstrap 5 ile Arayüz Geliştirme

Bootstrap 5 CDN bağlantısı, container yapısı, grid sistemi, responsive sütunlar, Navbar, Card, Table, Form control, Button, Alert, Badge, Modal, Offcanvas, Spacing sınıfları gibi Bootstrap bileşenleri kullanılarak mobil uyumlu arayüz geliştirme pratikleri öğretilir. Bootstrap bileşenlerini gereksiz kullanmama prensibi vurgulanır.

• Saf CSS ile Özel Tasarım

styles.css dosyası içerisinde genel sayfa görünümü, renk değişkenleri, yazı tipi boyutları, başlık düzenleri, kart gölgeleri, kenar yuvarlama, buton görünümleri, tablo düzenlemeleri, mobil ekran düzeltmeleri, hover davranışları ve odaklanma görünümleri gibi özel tasarım ihtiyaçları için saf CSS kullanımı öğretilir.

• CSS Varyantları

variants.css dosyasında farklı görünüm seçenekleri (örneğin, profesyonel, hukuk, finans, eğitim temaları) hazırlanır. Katılımcılar, uygulamalarında mesleklerine veya markalarına göre tema varyantları seçmeyi ve oluşturmayı öğrenir.

• Saf JavaScript ile Veri Yönetimi

Değişkenlerin temel kullanımı, form olaylarını yakalama, form verilerini okuma, JavaScript nesnesi oluşturma, kayıt listesi oluşturma, DOM üzerinde içerik gösterme, kayıtları tabloya yazdırma, arama, filtreleme, sıralama, düzenleme, silme, kullanıcı onayı alma ve başarı/hata mesajları gösterme gibi temel JavaScript veri yönetimi işlemleri öğretilir.

• LocalStorage ile Veri Saklama

Sunucu ve veri tabanı kullanılmayan ilk seviye projelerde, kayıtların tarayıcıdaki LocalStorage alanında nasıl saklanacağı öğretilir. Veriyi JSON formatına dönüştürme, LocalStorage'a kaydetme/okuma, sayfa açıldığında kayıtları yükleme, kayıt güncelleme, kayıt silme ve tüm kayıtları temizleme işlemleri gerçekleştirilir.

• Kodların Dosyalara Ayrılması

Gemini'den tüm kodu tek dosyaya yazması istenmez; kodların app.js (uygulamanın başlatılması, olayların bağlanması, temel iş akışı), storage.js (verilerin kaydedilmesi, okunması, güncellenmesi, silinmesi) ve ui.js (tablo oluşturma, mesaj gösterme, modal yönetimi, form temizleme, ekran güncelleme) gibi dosyalara ayrılması prensibi öğretilir.

• Adım Adım Kodlama Yaklaşımı

Özelliklerin tek seferde değil, statik HTML ekranından başlayarak form görünümü, form verilerinin okunması, JavaScript nesnesi oluşturulması, kaydın LocalStorage'a yazılması, kayıtların listelenmesi, arama, filtreleme, düzenleme, silme, kullanıcı mesajları ve mobil görünüm gibi adımlarla sırayla geliştirilmesi yaklaşımı benimsenir.

Kurumsal ve Mühendislik Kazanımı:

Bu modül sonunda katılımcılar, modern bir web uygulamasının temel yapı taşlarını oluşturan HTML5, Bootstrap 5, Saf CSS ve Saf JavaScript teknolojilerini etkin bir şekilde kullanma becerisi kazanacaklardır. Kendi projelerinde veri giriş formları, kayıt listeleri, arama, filtreleme, düzenleme ve silme gibi temel işlevleri geliştirebilecek, LocalStorage ile veri saklama mekanizmalarını anlayacaklardır. Ayrıca, CSS tema varyantları oluşturarak uygulamalarına özgün ve profesyonel bir görünüm kazandırabileceklerdir. Bu yetkinlikler, katılımcıların teknik beceri setini genişleterek, kendi iş veya kişisel ihtiyaçlarına yönelik interaktif web çözümleri üretmelerini sağlayacaktır. Kurumsal düzeyde ise, bu eğitim, çalışanların hızlı ve maliyet etkin bir şekilde dahili araçlar veya prototipler geliştirmesine olanak tanıyarak, operasyonel verimliliği artıracak ve dijitalleşme süreçlerine doğrudan katkı sağlayacaktır.

İşlenen Anahtarlar: HTML5 Temelleri Bootstrap 5 Kullanımı Saf CSS ile Stil Tanımlama Saf JavaScript ile DOM Manipülasyonu LocalStorage ile Veri Saklama Modüler JavaScript Tasarımı CSS Değişkenleri ve Tema Yönetimi Erişilebilirlik (Accessibility) Standartları

• Gemini ile Hata Çözme

Katılımcılara, yalnızca "çalışmıyor" yazmanın yeterli olmadığı, hata bildirme şablonu (yapmak istenen işlem, uygulanan adımlar, beklenen sonuç, gerçekleşen sonuç, tarayıcı konsolundaki hata, son yapılan değişiklik) kullanılarak Gemini'ye doğru ve detaylı hata bildiriminde bulunma öğretilir. Gemini'den hatanın nedenini açıklamasını, hangi dosyada değişiklik yapacağını belirtmesini ve test adımlarını yazmasını isteme pratikleri yapılır.

• Değişiklikleri Kontrol Etme

Katılımcılar, her değişiklikten sonra hangi dosyaların değiştiğini, istenmeyen değişiklik olup olmadığını, bir özelliğin kaldırılıp kaldırılmadığını, yeni bir bağımlılık eklenip eklenmediğini, teknoloji sınırlarının aşılıp aşılmadığını ve uygulamanın çalışmaya devam edip etmediğini kontrol etmeyi öğrenir.

• Gemini'nin Yanlış Yöne Gitmesini Durdurma

React, Node.js, npm paketleri eklenmesi gibi durumlarda görevin nasıl durdurulacağı ve Gemini'ye projenin teknoloji sınırları dışına çıkmaması için nasıl düzeltme talimatı verileceği öğretilir. Mevcut HTML5, Bootstrap 5, saf CSS ve saf JavaScript yapısını koruma prensibi vurgulanır.

• Test Senaryolarının Yazılması

Her katılımcı, zorunlu alanlar boşken kayıt oluşturma, geçerli bilgilerle kayıt oluşturma, LocalStorage'a kayıt yazma, sayfa yenilendiğinde kayıtların korunması, arama, filtreleme, düzenleme, silme, mobil görünüm ve hata mesajları gibi en az 15 test senaryosu hazırlamayı öğrenir.

• Kullanıcı Deneyiminin İyileştirilmesi

Form alanlarının sadeleştirilmesi, zorunlu alanların açıkça gösterilmesi, başarı/hata mesajlarının düzenlenmesi, boş liste mesajlarının hazırlanması, silme işlemlerine onay eklenmesi, mobil kullanımın kontrol edilmesi, buton isimlerinin netleştirilmesi, gereksiz metinlerin kaldırılması ve renk kontrastlarının kontrol edilmesi gibi kullanıcı deneyimi (UX) iyileştirmeleri yapılır.

• Proje Belgelerinin Tamamlanması

Katılımcılar, README.md dosyasını "Uygulama Adı", "Uygulamanın Amacı", "Çözülen Problem", "Hedef Kullanıcılar", "Temel Özellikler", "Kullanılan Teknolojiler", "Uygulamayı Çalıştırma", "Kullanım Adımları", "Veri Saklama Yöntemi", "Bilinen Sınırlamalar" ve "Sonraki Sürüm Planı" gibi başlıklarla hazırlayarak projelerini belgelemeyi öğrenir.

• Yayınlama

Yayınlama öncesi son kontroller (deneme verilerinin temizlenmesi, gizli bilgi kontrolü, dosya yolları, CDN bağlantıları, mobil görünüm testi), uygulamanın statik web yayın ortamına aktarılması, yayın bağlantısının test edilmesi, başka bir cihazdan kontrol edilmesi ve uygulamanın paylaşılması adımları gerçekleştirilir.

Kurumsal ve Mühendislik Kazanımı:

Bu modül sonunda katılımcılar, geliştirdikleri web uygulamalarını tamamlayarak, hataları yapay zekâ (Gemini) yardımıyla etkin bir şekilde çözme, kapsamlı test senaryoları oluşturma ve uygulamalarını internette yayınlanabilir hale getirme yeteneği kazanacaklardır. Hata ayıklama süreçlerinde doğru iletişim kurma, değişiklikleri kontrol etme ve yapay zekânın yanlış yönlendirmelerini durdurma becerileri, onların daha bilinçli ve kontrollü geliştiriciler olmasını sağlayacaktır. Kullanıcı deneyimi iyileştirmeleri ve proje dokümantasyonu hazırlama, katılımcıların sadece teknik değil, aynı zamanda ürün yönetimi ve iletişim becerilerini de geliştirecektir. Kurumsal düzeyde, bu eğitim, çalışanların kendi projelerini uçtan uca yönetebilmesini, ürün kalitesini artırmasını ve hızlı bir şekilde değer yaratmasını sağlayarak, şirketlerin dijital ürün geliştirme kapasitesini önemli ölçüde güçlendirecektir. Katılımcılar, bir fikri hayata geçirmekten, onu test edip kullanıcılara sunmaya kadar tüm sürece hakim olarak, gerçek dünya projelerinde başarılı olma potansiyellerini artıracaklardır.

İşlenen Anahtarlar: Hata Ayıklama ve Sorun Giderme (AI Destekli) Kullanıcı Deneyimi (UX) İyileştirmeleri Statik Web Sitesi Yayınlama Test Senaryosu Geliştirme Sürüm Kontrolü Temelleri (Kavramsal) Kullanıcı Geri Bildirim Mekanizmaları Proje Dokümantasyonu ve Sürdürülebilirlik
Kurucu & Danışman & Baş Eğitmen & Mentör

Tuncer KARAARSLAN

35+ Yıl Mühendislik ve Teknoloji Deneyimi | 25+ Yıl Uluslararası Kurumsal Teknoloji Eğitmenliği ve Danışmanlığı

Bilgisayar mühendisliğindeki 35 yılı aşan mühendislik ve teknoloji deneyimi ile 25 yılı aşkın uluslararası kurumsal teknoloji eğitmenliği ve danışmanlık kariyeriyle Tuncer KARAARSLAN, Türkiye'nin önde gelen teknoloji ve yazılım otoritelerindendir. Kurumsal yazılım mimarileri, bulut altyapıları, DevOps, DevSecOps ve yapay zeka entegrasyonlarında derinlemesine uzmanlığa sahiptir.

Hackathon Tadında Eğitim Yaklaşımı: Teorik bilginin ötesine geçerek bol senaryolu, interaktif ve katılımcıların projelerini canlı inceleyen (Code Review & Architecture Review) bir öğrenme deneyimi sunar.

🔗 LinkedIn Profilini İncele ↗
🏆 35+ Yıl Mühendislik & Teknoloji Deneyimi
🎓 25+ Yıl Uluslararası Eğitmenlik & Danışmanlık
🛡️ Kurumsal Çözüm Mimarı
🚀 Hackathon & Workshop Lideri
🏢 Kurumsal Eğitim ve Teslimat Formatlarımız

Kurumunuzun ihtiyacına, ekibinizin kıdemine ve takvimine göre özelleştirilmiş 4 farklı çalışma formatı sunuyoruz.

🏢

Detaylı Kapalı Sınıf (3-5 Hafta)

Teknolojinin tüm detaylarının bol laboratuvar ve hands-on pratiklerle incelendiği kurumsal standart formatımızdır.

⚡

Hackathon Formatı

Teknik ekiplerin gruplar halinde projeler inşa ettiği, oyunlaştırılmış ve sinerjiyi artıran interaktif modeldir.

🔬

İleri Düzey Workshoplar

Mimarlar seviyesinde sistemlerin ve operasyonel modellerin tartışıldığı danışmanlık formatındaki oturumlardır.

🎯

Yönetim Seminerleri (1-2 Hafta)

C-Level ve mühendislik yöneticilerinin stratejik karar alma süreçlerini destekleyen farkındalık seminerleridir.

🎯 Eğitimde Kazanılan 8 Temel Teknik Yetkinlik

Bu programı tamamlayan katılımcılar aşağıdaki kritik teknik yetkinlikleri sahada uygulama becerisi kazanır.

📐 Programming (Python, C#, Go – production level)
⚙️ Debugging & Profiling
🔍 LLM Applications (RAG, Agents, Prompt Systems)
⚡ AI System Architecture
🛡️ Workflow Automation Engineering
🔄 Scripting & Infrastructure Automation
📊 Agile Delivery Systems
🏆 Product Thinking for Engineers
📈 8) Kariyer Hayatına Katkısı
  • ✓Kurumsal projelerde aranan elit mühendislik ve uzmanlık unvanına sahip olma
  • ✓Teknik liderlik, çözüm mimarlığı ve kıdemli uzmanlık pozisyonlarına geçişte belirleyici avantaj
  • ✓Büyük ölçekli kurumsal altyapılarda ve kritik sistemlerde güvenilir karar alma yetkinliği
  • ✓Sektörel standartlarda problem çözme, optimizasyon ve hata giderme refleksleri kazanma
  • ✓Global ölçekte geçerli teknik bilgi birikimi ve LinkedIn üzerinde doğrulanabilir dijital rozetler
⭐ 9) Vebende Akademi Farkı
  • ✓Sektörün duayen eğitmeni Tuncer KARAARSLAN liderliğinde 35+ yıllık tecrübeyle mentorluk
  • ✓Slayt okumak yerine; yoğun canlı kodlama, mimari analizler ve interaktif laboratuvar yaklaşımı
  • ✓Eğitim süresince 8 hands-on laboratuvar ödevi ve birebir eğitmen geri bildirimi
  • ✓3 gerçek dünya bitirme projesiyle 3. Seviye Uzmanlık Brövesi kazanımı
  • ✓Katılımcı sayısı sınırlaması olmaksızın sınıf bazlı kurumsal sabit fiyat modeli
Kurumsal Karar Verici Özeti

Liderlik ve Yönetim Kademeleri İçin Değer Matrisi

Bu eğitim; yetkinliği proje, code review ve ölçülebilir çıktılarla görünür hale getirerek teknik ve idari karar vericilerin mühendislik kalitesini güçlendirmesi için kurgulanmıştır.

⚙️ CTO & Mühendislik Lideri

Mimari Güvenilirlik & Çıktı

  • • Sıfır Teknik Borç: Endüstri standardı mimari kalıplar ve test edilebilir temiz kod pratikleri.
  • • Üretim Kararlılığı: Darboğazları erken teşhis eden ve yüksek yük altında stabil çalışan altyapılar.
  • • Hızlı Teslimat (Throughput): Standartlaştırılmış mühendislik refleksleri ile hızlanan sprint çıktıları.
  • • Modern Entegrasyon: Dağıtık sistemler, API standartları ve bulut yerel bileşenlerle tam uyum.
👥 CHRO & İK Direktörü

Yetkinlik Geliştirme & Tutundurma

  • • Mühendislik Kültürü: Ekiplerin mesleki özgüvenini artıran üst düzey teknik gelişim ekosistemi.
  • • Doğrulanabilir Bröveler: Laboratuvar ödevleri ve 3 bitirme projesiyle kanıtlanan 3. Seviye Uzmanlık Brövesi.
  • • 1-on-1 Mentörlük: Katılımcılara özel kıdemli başmühendis ile mimarlık ve kariyer seansı.
  • • Hızlı Onboarding: Yeni katılan geliştiricilerin üretime doğrudan katkı verme süresini %60 kısaltma.
🎯 L&D & Eğitim Direktörü

Uygulamalı Saha Verimliliği

  • • %65 Hands-on Laboratuvar: Slayt okumadan, gerçek üretim senaryolarıyla canlı interaktif eğitim modeli.
  • • Esnek Kurumsal Format: Kapalı sınıf (Online / On-site / Hibrit), hackathon ve teknik atölye seçenekleri.
  • • Sınıf Başı Sabit Fiyat: Katılımcı sayısı sınırı olmaksızın en yüksek kurumsal ROI avantajı.
  • • Yönetici Takip Raporu: Katılımcıların devamlılık, ödev ve proje başarı karnelerinin düzenli raporu.
🛡️ CISO & Güvenlik Lideri

Güvenlik & Uyum Kültürü

  • • Shift-Left Güvenliği: Güvenliği SDLC'nin ilk adımından itibaren bir mühendislik refleksi haline getirme.
  • • OWASP & Zafiyet Önleme: Kaynak kod ve mimari düzeyde zafiyetleri canlı laboratuvarlarda bertaraf etme.
  • • Regülasyon Uyumu: KVKK, ISO 27001 ve sektörel uyumluluk ilkelerini mimariye entegre etme.
  • • Veri Egemenliği: Hassas kurumsal verileri koruyan kapalı devre laboratuvar pratikleri.
🛡️
Kurumsal Çözüm Ortaklığı & Gizlilik CHRO • L&D • CTO • CISO

Kurumunuzun Yetkinlik Geliştirme Çözüm Ortağı Olmaya Hazırız

Vebende Akademi; teknoloji, yapay zekâ, yazılım, veri, siber güvenlik, cloud, DevOps ve mühendislik alanlarında kurumların yetkinlik geliştirme ihtiyaçlarına yönelik kurumsal çözümler sunar.

35+ Yıl Mühendislik & Teknoloji Deneyimi
25+ Yıl Uluslararası Eğitmenlik & Danışmanlık
Hands-on Yoğun Laboratuvar & Vaka Modeli
3. Seviye Bröve Kanıtlanabilir Yetkinlik
🗺️ Bu Eğitim Hangi Kariyer Yollarının Temelini Oluşturur?

#9400 Vibe Coding I - Hayallerini Kodla; Vebende Akademi'nin kurumsal mühendislik kariyer yollarının çekirdek modüllerindendir.

🚀 Bu Eğitimden Sonraki Önerilen Yetkinlik & Uzmanlık Modülleri

#9400 eğitimini tamamladıktan sonra kariyer ve uzmanlık hedefinize göre doğrudan geçiş yapabileceğiniz ilişkili ileri düzey eğitimler.

❓ Sıkça Sorulan Sorular (#9400 Vibe Coding I - Hayallerini Kodla)

Eğitim içeriği, katılım koşulları, laboratuvar modeli ve kurumsal uyarlama hakkında en çok merak edilen sorular.

Evet. Vebende Akademi bünyesindeki #9400 eğitimi, kurumunuzun mevcut teknoloji yığınına (Tech-Stack), ekibinizin seviyesine ve şirketinizin takvimine özel olarak kapalı sınıf (Online, On-Site veya Hibrit) formatında sunulmaktadır. Kuruma özel vaka analizleri ve yönetici takip raporlaması sağlanır.

#9400 Vibe Coding I - Hayallerini Kodla eğitimi; kurumsal IT ekipleri, mühendisler ve bu alanda yetkinleşmek isteyen profesyoneller için tasarlanmıştır. Temel teknoloji okuryazarlığı yeterli olup, ileri düzey mimari konular adım adım uygulamalı laboratuvarlarla aktarılır.

Program toplam 20 Saat (1 Ay / 4 Hafta) ve 1 VBK değerindedir. Canlı interaktif seanslar, 8 hands-on laboratuvar ödevi, birebir kod/mimari incelemesi (Code Review) ve 3 kapsamlı bitirme projesi içerir.

Katılımcılar 8 ödevi başarıyla tamamladığında 2. Seviye Bröve, portföyde sergilenebilir 3 gerçek dünya bitirme projesini eğitmen onayına sunduklarında 3. Seviye Uzmanlık Brövesi ve doğrulanabilir dijital sertifika kazanırlar.

Bu program; AI Application Engineer ↗, Full Stack Enterprise Developer ↗ kariyer yollarının çekirdek modülüdür. Eğitim sonrasında katılımcılar #undefined undefined ↗, #2000 Linux Foundation Engineer ↗, #9010 Networking Fundamentals ↗ geçiş yapabilirler.

Yöneticilere düzenli olarak sunulan "Yönetici Takip Raporu" ile ekibin devamlılığı, ödev teslim oranları, GitHub ve laboratuvar pratiklerindeki kod kalitesi ile bitirme projelerinin teknik yetkinlik karnesi şeffaf şekilde raporlanır.
Kurumsal Çözümler

Bu Eğitimi Kurumunuza ve Ekibinize Özel Olarak Alın

Şirketinizin teknoloji yığınına uygun özelleştirilmiş müfredat, kapalı sınıf imkanı ve teknik ekip performans raporlaması ile kurumsal dönüşümünüzü hızlandırın.

Vebende Akademi, Eğitim Değil, Yetkinlik Geliştirir.
Kurumsal Teklif & İletişim Talebi