Vue Js Nedir? Vue Js Dersleri Tutorial

2 sene önce Okuma süresi: 3dk, 6sn

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.

Eğitim Özeti

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.

Hedef Kitle