Özet
Hedefler:
Topics:
Diğer Eğitimler

Bu Kapsamlı Vue eğitim kursu, katılımcılara Vue'nun temellerinin yanı sıra sağlam, modern uygulamalar oluşturmak için gereken gelişmiş becerileri öğretir.

Hedefler:

  • Tek sayfalı web uygulamaları ile diğer JavaScript kullanımları arasındaki farkı,

  • Vue.js'nin ne olduğunu ve her iki senaryoda da neden yararlı olduğunu,

  • Proje düzeni ve bileşen yönetimi dahil olmak üzere Vue.js kodlama ve mimari en iyi uygulamalarını,

  • Vue.js CLI ile projeleri ayarlamayı ve yönetmeyi,

  • Vue.js CLI ile özellikleri ekleyin, kaldırmayı ve yönetmeyi,

  • Yeni, hızlı kullanıcı arayüzleri oluşturmak için Vue'nun reaktivite özelliklerini kullanmayı,

  • Vue'nun CSS işleme yetenekleri sayesinde dinamik CSS'nin gücünü,

  • Vue'nun verileri, hesaplanan ve yöntem özellikleri arasındaki farkları,

  • Bileşenlerin HTML bölümünde Vue'nun şablon dilinden ve yönergelerinden yararlanmayı,

  • Formları yönetin ve kullanıcı girdisine yanıt vermeyi,

  • Vue bileşenleri için verileri almak üzere arka uç sunucusuyla iletişim kurmayı,

  • Vue.js uygulamaları için etkili ve verimli birim ve entegrasyon testleri yazmayı,

  • Vue'nun geçişleri ve animasyonları sayesinde eğlenceli, modern kullanıcı deneyimleri oluşturmayı,

  • Vue yönlendiriciyi yapılandırmayı,

  • Dinamik rotaları yönetmeyi,

  • Verileri rota bilgilerinden çıkarmayı,

  • Durum yönetimi kitaplığı olan Vuex'i kullanmak için Vue.js'yi yapılandırmayı,

  • Durum manipülasyonunun bütünlüğünü sağlamak için Vuex'i test etmeyi,

  • Vuex'i arka uç REST sunucusuna takmayı öğrenebilirsiniz.

Topics:

Giriş ve Kurulum

  • Tanıtımlar

  • Kurulumu doğrulayın

  • Node.js ve npm

  • IDE

  • Git

  • Sınıf deposu

  • Vue.js nedir?

  • Vue benim için ne yapıyor?

 

 


Vue.js'deki temel kavramlar

  • Vue'nun bir sayfaya dahil edilmesi

  • Reaktif oluşturma

  • Vue.js örneği

  • Örnekler ve bileşenler

  • Vue CLI

  • Vue devtools

 

 


Bileşenler ve Örnekler

  • Vue örneği

  • Veri özelliği ile örnek verileri

  • Method özelliği ile eylemler

  • Olaylara yöntemler eklemek

  • Yaşam döngüsü yöntemleri

  • Vue bileşenleri

  • Vue örneğiyle farklılıklar

  • Veri özelliğindeki değişiklikler

  • Yöntemlerde değişiklikler

  • Bileşenleri ne zaman kullanmalıyım, örneği ne zaman kullanmalıyım?

  • Tek dosya bileşeni

  • Vue.js'de test etme

  • Örnekleri test etme

 


Şablonlar

  • Bir şablonda bir değişkeni işleme

  • Bağlanma özellikleri

  • Bağlayıcı olaylar

  • Test şablonları

  • Hesaplanan özelliklerle optimizasyon

  • Hesaplanan mülk ve veri ne zaman kullanılır?

  • Hesaplanan veriler ve yöntemler arasındaki etkileşimler

  • Değişiklikleri izlemek

  • Test saatleri

 


Bileşenlerle Çalışma

  • Bileşenleri kaydetme

  • Küresel ve yerel kayıt

  • Modül sistemleri

  • Ortak bileşenleri kaydetme

  • Özellikleri

  • Özellikleri bir bileşene aktarma

  • Emlak türleri

  • Özellikleri doğrulama

  • Özellikleri test etme

  • Öznitelik mirası

 


Olay işleme

  • Satır içi ve yöntem işleyiciler

  • Olay işlemeyi test etme

  • Etkinlik değiştiriciler

  • Klavye olaylarını alma

 


Özel Etkinlikler

  • Özel etkinlik kavramları

  • Özel olayları adlandırmak

  • Özel etkinlikler üzerinden yerel etkinliklere bağlanma

  • .Sync kullanma

 

Kontrol Yapıları

  • V-if ile koşul ifadeleri

  • v-başka

  • v-başka-if

  • V-show ile gizleme ve gösterme

  • v-show vs v-if

  • Koşulları test etme

  • V-for ile döngüler

  • Temel v-for

  • Durum yönetimi ve değişiklikleri izleme

  • Sıralama ve filtreleme

  • Test döngüleri

 


CSS Bağlamaları

  • CSS sınıflarını bağlama

  • Nesne sözdizimi

  • Dizi sözdizimi

  • CSS'yi testlerle kontrol etme

  • Satır içi CSS stillerini bağlama

  • Nesne sözdizimi

  • Dizi sözdizimi

 


Formlarla Çalışma

  • V modelini kullanma

  • Belirli form kontrolleri

  • Metin alanları

  • Onay kutuları ve radyo düğmeleri

  • Seçimler / Açılır Menüler

  • Çok satırlı metin alanları

  • Form kontrollerini test etme

  • V-modeli için değiştiriciler

 

Slots

  • Slot nedir ve ne işe yarar?

  • V-slot özelliği

  • Slots arasında veri paylaşımı

  • Kapsamlı yuvalar

  • Yuvalarla içerik yönetimi

  • Adlandırılmış yuvalar

  • Dinamik isimler

  • Slot davranışını test etme

 

 


Geçişler

  • Vue.js'deki değişiklikleri canlandırma

  • Geçişleri listeleyin

  • Giriş ve çıkış

  • Liste öğeleri taşındığında (örneğin, sıralamada)

  • Geçişlerin yeniden kullanılması

  • Geçişlerin dinamik hale getirilmesi

  • Durum geçişleri

  • Ne dinlemeli

  • İzleyicileri izlemek

  • Dinamik durum geçişleri

  • Geçişlerin bileşenlere dönüştürülmesi

 

 


Yönlendirmeye Giriş

  • Yönlendirme nedir ve benim için ne yapar?

  • Bir projeye yönlendirme ekleme

  • CLI aracılığıyla

  • Diğer yöntemler

  • HTML güncellemeleri

  • JS güncellemeleri

  • Eşleşen rotalar

  • Programlı gezinme

  • Rota geçişleri

 


Rota eşleştirme

  • Dinamik rotaları eşleştirme

  • Parametre değişikliklerinde güncelleme

  • Tümünü yakalama ve 404'ler

  • İç içe rotalar

  • Adlandırılmış rotalar

  • Yönlendirmeler ve takma adlar

  • Geçiş özellikleri

 


Gelişmiş Yönlendirme

  • Navigasyon korumaları

  • Veri alma ve yönlendirme

  • Geç yükleme yolları

  • Kaydırma davranışı

 


Vuex ile durum yönetimi

  • Vuex nedir ve benim için ne yapar?

  • Vuex Kurulumu

  • CLI aracılığıyla

  • Diğer yöntemler

  • Vuex ve geliştirme araçları

  • Temel kavramlar

  • Akı tarzı durum yönetimi

  • Durum

  • Getters

  • Mutasyonlar

  • Hareketler

  • Modüller

 


Vuex ile çalışmak

  • Uygulamanızı yapılandırma

  • Form verilerini ve etkileşimleri işleme

  • Vuex geçişleri

  • Vuex'i Test Etmek

 

Diğer Eğitimler

Digital Vizyon
455 Eğitim Seti
Eğitimlere Dön