fbpx
Generic filters
Search in title

Vue.JS Giriş Eğitimi

Eğitim Hakkında

Vue.js Giriş Eğitimi, front-end web geliştirme dünyasında adından sıkça söz ettiren Vue.js JavaScript framework’ünün temel özelliklerini kapsamlı bir şekilde ele alır. Eğitim, katılımcılara Vue.js’in component tabanlı yapısını, reaktif veri bağlantısını, modern web uygulamaları geliştirme tekniklerini ve daha fazlasını anlatmaktadır.

Vue.JS Giriş Eğitimi ilk kısmında, Vue.js’in tarihçesi, nasıl ortaya çıktığı ve popülerliğinin nedenleri üzerinde durulur. Vue.js’in ekosistemi, topluluk desteği ve diğer JavaScript framework’leri ile nasıl kıyaslandığına dair bilgiler verilir. Bu bölüm, katılımcılara Vue.js’in temel felsefesini ve endüstrideki yerini anlamalarına yardımcı olur.

Ardından, Vue.js’in temel yapı taşlarına odaklanıyoruz. Bileşen tabanlı yapı, Vue.js uygulamalarının nasıl organize edildiğinin temelini oluşturur. Katılımcılar, componentlerin nasıl oluşturulduğunu, birbiriyle nasıl etkileşimde bulunduğunu ve karmaşık uygulamaları nasıl basitleştirdiğini öğrenirler. Vue instance, veri, yöntemler ve yaşam döngüsü olayları gibi kavramlar da bu bölümde ele alınır.

Veri bağlantısı bölümü, Vue.js’in reaktif doğasına odaklanır. Katılımcılar, veri değişikliklerinin arayüzde nasıl otomatik olarak güncellendiğini ve computed properties, watchers gibi özelliklerle nasıl etkili bir şekilde yönetildiğini öğrenirler.

Vue CLI kısmında, bu güçlü araç sayesinde nasıl hızlı ve verimli bir şekilde proje başlatılabileceğimizi ve yapılandırılacağımızı anlatıyoruz. Ayrıca, Vue CLI’nin sunduğu ileri özelliklere de değiniyoruz.

Form doğrulama ve veri filtreleme bölümleri, uygulamaların kullanıcı girdilerini nasıl işlediğini, bununla beraber verilerin nasıl filtrelenip sıralandığını derinlemesine inceler.

Router ve state management konseptleri, Vue.js ile single-page uygulamaların (SPA) nasıl geliştirileceğine dair temel bilgiler sunar. Vue Router’ın nasıl kullanılacağı, nested routes, lazy loading gibi konular ele alınır.

Son olarak, performans optimizasyonu, uygulamaları nasıl test edebileceğimizi ve deployment süreçleri üzerine odaklanıyoruz.

Eğitimi tamamlayan katılımcılar, Vue.js ile modern, etkileşimli ve web uygulamaları geliştirme konusunda sağlam bir temele sahip olacaklar. Kariyerlerinde ilerlemek, projelerini bir üst seviyeye taşımak ve front-end geliştirme dünyasında daha rekabetçi olmak isteyen herkes için bu eğitim oldukça değerlidir.

Diğer tüm Vue.JS ve Front-End Web Uygulama Geliştirme eğitimlerimiz için buraya tıklayarak inceleyebilirsiniz.

Neler Öğreneceksiniz?

Eğitim süresince, katılımcılar şunları öğrenecekler:
  1. js’in temel kavramları: Component, template, veri bağlantısı, güncelleme işlemleri, ve Vue instance.
  2. Vue CLI: Proje kurulumu, yapılandırması ve plugin kullanımı.
  3. Component Yapısı: Component tanımlama, veri ve metodlar, component iletişimi ve lifecycle methodları.
  4. Veri Yönetimi: State ve props, veri bağlantısı, computed properties ve watch.
  5. Event Handling: Event tanımlama ve çağırma, form elemanları ile etkileşim.
  6. Direktifler: V-for, v-if, v-bind, v-on, ve custom direktifler.
  7. Filtreler: Veriyi formatlama, önceki dönem yapısının yerine geçirilmesi.
  8. Form Validation: Form elemanları ile etkileşim, validation kuralları ve hata mesajları.
  9. Routing: Vue Router kullanarak sayfa geçişleri ve parametre geçişleri.
Katılımcılar, bu konuları öğrendikten sonra Vue.js kullanarak web uygulamalarını geliştirebilecek ve Vue.js’in potansiyelini keşfedebileceklerdir.

Ön Koşullar

Vue.js Giriş Eğitimi’ne katılmak için öncelikle JavaScript programlama dilleri ve web uygulamalarının temel kavramları hakkında bilgi sahibi olmanız gerekmektedir. Ayrıca HTML, CSS ve JavaScript kodlama becerilerinin iyi seviyede olması eğitimi daha verimli bir şekilde almanıza yardımcı olacaktır. Eğitim sırasında kullanılan araçlar ve teknolojiler hakkında da temel seviyede bilgi sahibi olmanız faydalı olacaktır.

Kimler Katılmalı

Vue.js Giriş Eğitimi, web geliştirme ve JavaScript programlama dillerine ilgi duyan, web uygulamaları yapmak isteyen veya bu alanda kendilerini geliştirmek isteyen herkes tarafından katılınabilir. Ayrıca, web tasarım ve front-end geliştirme konularında tecrübesi olanlar, bu eğitimi kullanarak Vue.js ile ilgili becerilerini geliştirebilirler. Ayrıca, mevcut web uygulamalarını modern ve interaktif hale getirmek isteyen full-stack geliştiriciler, Vue.js’nin güçlü ve esnek yapısını keşfetmek isteyen front-end geliştiriciler ve JavaScript tabanlı teknolojilerle çalışan mobil uygulama geliştiricileri de bu eğitimi faydalı bulabilirler. Eğitim sırasında verilen pratik örnekler ve uygulamalar sayesinde, katılımcılar teorik konuları pratikte uygulama imkanı da bulacaklardır.

Outline

Giriş ve Kurulum

  • Tanıtımlar
  • Kurulumu doğrulayın
  • js ve npm
  • IDE
  • Git
  • Sınıf deposu
  • js nedir?
  • Vue benim için ne yapıyor?
 

Vue.js’deki temel kavramlar

  • Vue’nun bir sayfaya dahil edilmesi
  • Reaktif oluşturma
  • 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
  • js’de test etme
  • Örnekleri test etme
  • Bileşenlere karşı 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
  • Formlar ve özel etkinlikler
 

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

Eğitim Talep Formu