Başlangıç
  • Kurs Tanıtımı
  • Vue.js Nedir? Neden Vue.js Kullanmalıyız?
  • Vue, React, Angular Kıyaslaması
  • İlk Vue.js Uygulamamızı oluşturalım
  • Vue.js Uygulamamıza devam edelim
  • Kurs Yapısı
  • Kurs Kaynakları hakkında
  • Vue.js’ i lokal olarak kullanmak
  • Telegram Grubu ve Canlı Yayın!
  • Bölüm Kaynakları ve Yararlı Linkler
Vue.js ile DOM Etkileşimleri
  • Bölüm Tanıtımı
  • VueJS Template yapısını kavrayalım
  • VueJS Template Syntax ve Vue instance birlikte nasıl çalışır?
  • Vue instance içerisindeki data property bilgilerine ulaşmak
  • Attribute Bind İşlemi
  • Directive Kullanımı
  • v-once ile re-render işlemini engellemek
  • HTML kodlarını Vue.js üzerinden ekrana basmak
  • Ödevler ile ilgili Hatırlatma
  • Pratik Zamanı - Template' e Veri Yazdırmak
  • VueJS ile Event Dinlemek
  • Event Objesinden Event verisini almak
  • Event içerisinde argüman göndermek
  • Event Modifier
  • Klavye Event'leri
  • Pratik Zamanı - Events
  • Template içerisinde JavaScript Kodu yazmak
  • Two-way Data Binding (İki Yönlü Veri İletişimi)
  • Computed Properties ile Değişikliklere Karşılık Vermek!
  • Computed Properties ‘ e alternatif Watch!
  • Kısaltmalarla zaman kazanalım
  • Pratik Zamanı - Reactive Properties
  • CSS Classlarıyla Dinamik Stil İşlemleri | Temelleri
  • CSS Classlarıyla Dinamik Stil İşlemleri | Object Kullanımı
  • CSS Classlarıyla Dinamik Stil İşlemleri | Name Kullanımı
  • CSS Classları olmadan dinamik olarak Stil işlemleri
  • Elementleri Array Syntax ile Stillendirme İşlemi
  • Pratik Zamanı - Style İşlemleri
  • Bölüm Sonu
  • Bölüm Kaynakları ve Yararlı Linkler
Koşul Kullanımı ve Listeleri Render Etmek
  • Bölüm Tanıtımı
  • v-if ile koşul eklemek (Template)
  • v-show kullanımı (v-if alternatifi)
  • v-if ile v-show arasındaki fark
  • v-for ile listeleri render etmek
  • Aktif index numarasını almak
  • v-for ile aynı seviyedeki elementleri Template ile döndürmek
  • v-for ile object verilerini döndürmek
  • v-for ile belirli sayıda döngü kurmak
  • v-for kullanırken elementlerin izini sürmek (v-bind:key)
  • Pratik Zamanı - Koşullar ve Listeler
  • Bölüm Sonu
  • Bölüm Kaynakları ve Yararlı Linkler
İlk Proje | Canavar Avı Oyunu
  • Bölüm Tanıtımı
  • Ortamın Hazırlanması ve instance tanımlamaları
  • Butonların kodlanması
  • Health bilgilerinin gösterilmesi
  • Progressbar dinamikleştirme | Style Binding
  • Watch ile Health İzleme
  • Oyunu tekrardan başlatalım
  • Log mantığının yapımı
  • Logların Stillendirilmesi | Class Binding
  • Yeni oyunla beraber eski logların silinmesi
  • Kod Optimizasyonu (Opsiyonel)
  • Bölüm Sonu
  • Bölüm Kaynakları ve Açıklamalar
VueJS Instance Nedir? Kavrayalım
  • Bölüm Tanıtımı
  • VueJS Instance ile ilgili bazı temel bilgiler
  • Birden fazla Vue Instance ile çalışmak
  • Vue Instance ‘ a dışarıdan ulaşmak
  • VueJS Data ve Method Verilerini Nasıl Yönetir?
  • $el ve $data objelerine daha yakından bakalım
  • Template içinde $refs kullanımı
  • Vue API Hakkında
  • Template Mount Etme İşlemi
  • Component Kullanımı
  • String Template’ın kullanımındaki Limitler
  • VueJS DOM’u nasıl Günceller? VueJS ile DOM Etkileşimi
  • VueJS Instance için Yaşam Döngüsü (LifeCycle)
  • Pratikte LifeCycle
  • Bölüm Sonu
  • Bölüm Kaynakları ve Yararlı Linkler
Webpack ve Vue CLI ile Gerçek Geliştirme Ortamına Geçiş
  • Bölüm Tanıtımı
  • Neden Development Server’a ihtiyacımız var?
  • Development Workflow Ne demek?
  • Proje Oluştururken Vue CLI Kullanımı
  • Vue CLI kurulumu ve Yeni Proje Oluşturmak
  • Webpack Template Klasör Yapısı
  • .vue dosyalarının incelemesi
  • Vue Dosyalarının içindeki Object Nedir?
  • Production için Uygulamayı Derlemek
  • Bölüm Sonu
  • Bölüm Kaynakları ve Yararlı Linkler
Component Yapısına Giriş