1. Ana Sayfa
  2. Eğitim

Vue Js Nedir? Vue Js Dersleri Tutorial

Vue Js Nedir? Vue Js Dersleri Tutorial
0

Vue Js Nedir?

Vue JS, JavaScript dilinde geliştirilmiş bir açık kaynak kodlu front-end web framework’üdür. Vue JS, bir web uygulamasının görünümünü ve davranışını yönetmek için kullanılır. Vue.js, kullanımı kolay ve anlaşılır
bir söz dizimiye sahiptir ve web uygulamalarının geliştirilmesini hızlandırmak için çeşitli özellikler sunar.

Örneğin, Vue.js ile bir web uygulamasında veri bağlantısı ve veri iletişimini kolaylaştıran bir veri
yönlendirme modeli kullanılabilir. Ayrıca, Vue.js ile bir web uygulamasının arayüzünde dinamik olarak
güncellenen veriler için bir değişim takip sistemi kullanılabilir.

Vue.js (genellikle Vue olarak kullanılır) kullanıcı arayüzleri ve tek sayfa uygulamalar (single-page applications) inşa etmek için kullanılan açık kaynak Javascript iskeleti.[2] 2013 yılında geliştirilmeye başlanan framework’ün güncel versiyonu 3.2’dir.[3].

Vue JS ile Nasıl Çalışmalı

Vue.js ile web uygulaması geliştirmeye başlamak için aşağıdaki adımları takip edebilirsiniz:

Vue.js’i indirin ve projenize dahil edin. Vue.js, CDN üzerinden de kullanılabilir, ancak
projenizde kullanacağınız sürümü indirerek projenize dahil etmeniz daha sağlıklı bir seçenek
olacaktır.

Bir HTML sayfası oluşturun ve Vue.js dosyasını sayfanızın head etiketi içine ekleyin. Bu sayede
Vue.js kütüphanesi sayfanıza dahil edilecektir.

Vue.js’i kullanmaya başlamak için bir Vue nesnesi oluşturun. Bu nesne, Vue.js tarafından
sağlanan özellikleri kullanarak web uygulamasının görünümünü ve davranışını yönetecektir.

  • Nesnenin “template” özelliğine bir HTML şablonu atayın. Bu şablon, web uygulamasının
    görünümünü tanımlayacaktır.
  • Nesnenin “data” özelliğine veri atayın. Bu veri, web uygulamasında kullanılacak olan
    verileri temsil edecektir.
  • Nesnenin “methods” özelliğine fonksiyon atayın. Bu fonksiyonlar, web uygulamasının
    davranışını tanımlayacak ve veri iletişimini sağlayacaktır.
  • Nesnenin “el” özelliğine bir HTML elementi atayın. Bu element, Vue nesnesinin
    yönetimine girecek ve Vue nesnesi tarafından yönetilecektir.
  • “new Vue({…})” komutunu kullanarak nesneyi çalıştırın. Bu komut ile birlikte, Vue nesnesi
    tarafından tanımlanan şablon, veri ve fonksiyonlar kullanılacak ve web uygulaması
    çalışmaya başlayacaktır.

VUE JS DERSLERİ (TUTORIAL) ÜCRETSİZ

Eğitim Amacı

VueJS Framework’ü hakkında başlangıçtan ileri seviyeye kadar konuları aktarmak ve eğitim bittiğinde öğrencilerin kendi VueJS uygulamalarını yapabilmelerini sağlamak.
Bir JS Framework’ü olan VueJS hakkında temel bilgiler verilerek, katılımcıların kendi Front End uygulamalarını yapacak düzeye gelmeleri sağlanacaktır. Eğitim içerisinde gerçek hayat uygulamalarına yer verilerek, gündelik frontend ihtiyaçlarına VueJS ile çözüm getirmeleri hedeflenmektedir.
  • Bilgisayar ve yazılım mühendisliğine yeni başlayanlar
  • Front End Framework kavramına hakim olmak isteyenler.
  • VueJS ile uygulama geliştirme sürecine hâkim olmak isteyenler
  • VueJS ile uygulama geliştirebilir,
  • VueJS ile ilgili iş başvuruları yapabilir,
  •  Herhangi bir kod editörü. (Eğitimdeki örneklerde VSCode kullanıyoruz. Siz istediğiniz editör ile devam edebilirsiniz.)
  • Temel Html ve CSS bilgisi,
  • Javascript(ES6 sonrası dahil) bilgisi.

https://www.btkakademi.gov.tr/portal/course/vue-js-22502

Vue Js Dersleri

https://www.w3schools.com/whatis/whatis_vue.asp

https://learn.microsoft.com/tr-tr/training/paths/vue-first-steps/

Yazar Hakkında

Yorum Yap