İçeriğe geç
parazade
Yazılım & No-Code

Vue.js Nedir?

Yayın: · Son güncelleme:

Vue.js Nedir? Kısaca

Vue.js, kullanıcı arayüzleri ve tek sayfa uygulamaları geliştirmek için kullanılan açık kaynaklı bir JavaScript çatısıdır. Kademeli benimsenebilmesi ve öğrenmesi kolay şablon yapısıyla bilinir.

Vue.js nedir?
İçindekiler
  1. Vue.js nedir?
  2. Nasıl çalışır?
  3. React ile farkları

Vue.js nedir?

Vue.js, 2014'te ilk sürümü yayımlanan, web arayüzleri geliştirmeye yönelik açık kaynaklı bir JavaScript çatısıdır. Kendini "kademeli" (progressive) çatı olarak tanımlar. Yani mevcut bir sayfanın tek bir bölümüne eklenebilir ya da büyük bir uygulamanın tamamı onunla kurulabilir.

Vue'da kod bileşenlere ayrılır. Bir bileşenin HTML şablonu, JavaScript mantığı ve CSS stili çoğu zaman tek bir .vue dosyasında bir arada durur. Bu düzen, özellikle yeni başlayanlara anlaşılır gelir.

Nasıl çalışır?

Vue'nun temeli reaktif veridir. Bir değişkenin değeri değiştiğinde ona bağlı arayüz parçası kendiliğinden güncellenir. Örneğin bir form alanına yazdığınız isim, sayfanın üstündeki "Merhaba, Ayşe" yazısında anında görünür.

Vue Router sayfalar arası geçişi, Pinia ise uygulama genelindeki durum yönetimini üstlenir. Sunucu tarafı oluşturma için Nuxt adlı çatı kullanılır.

React ile farkları

İkisi de bileşen tabanlıdır ve benzer işleri yapar. Vue, HTML'e yakın şablon yapısıyla daha az JavaScript bilgisiyle başlamaya izin verir. React ise JSX ile her şeyi JavaScript içinde yazmayı tercih eder.

İş ilanlarında React daha yaygındır, ama Vue da özellikle orta ölçekli projelerde ve bazı bölgelerde sık tercih edilir. Hangisini seçerseniz seçin, öğrendiğiniz bileşen ve durum mantığı diğerine geçişi kolaylaştırır.

Sıkça Sorulan Sorular

Vue.js öğrenmek için ne bilmek gerekir?

HTML, CSS ve temel JavaScript bilgisi yeterlidir. Vue'nun şablon yapısı HTML'e çok benzediği için ilk adımlar genellikle hızlıdır.

Vue mu React mı öğrenilmeli?

İkisi de geçerli seçeneklerdir. Hedeflediğiniz şirketlerin ya da projelerin hangisini kullandığına bakıp karar vermek en pratik yoldur.

İlgili terimler

React.jsReact.js, Meta (eski adıyla Facebook) tarafından geliştirilen, kullanıcı arayüzlerini yeniden kullanılabilir bileşenlerle kurmayı sağlayan açık kaynaklı bir JavaScript kütüphanesidir. Tek sayfa web uygulamalarında çok yaygındır.JavaScriptJavaScript, web sayfalarına buton tıklaması, form doğrulama ve anlık güncelleme gibi etkileşimler kazandıran, tarayıcıların yanı sıra Node.js ile sunucuda da çalışabilen yaygın bir programlama dilidir.FrontendFrontend, bir web sitesinin ya da uygulamanın kullanıcının tarayıcıda veya cihazda gördüğü ve etkileşim kurduğu kısmıdır; HTML, CSS ve JavaScript gibi teknolojilerle geliştirilir ve backend ile veri alışverişi yapar.HTMLHTML (HyperText Markup Language), web sayfalarının başlık, paragraf, bağlantı, görsel ve form gibi içerik yapısını etiketlerle tanımlayan ve tarayıcıların sayfayı nasıl göstereceğini belirleyen standart işaretleme dilidir.Arayüz(Interface)Arayüz (interface), nesne yönelimli programlamada bir sınıfın hangi metotları sağlaması gerektiğini tanımlayan, ancak bu metotların nasıl çalışacağını belirtmeyen sözleşmedir. Günlük dilde arayüz, kullanıcının yazılımla etkileşim kurduğu ekranı da ifade eder.MySQLMySQL, verileri tablolarda saklayan ve SQL diliyle yönetilen açık kaynak kodlu bir ilişkisel veritabanı yönetim sistemidir. Web sitelerinde, özellikle WordPress gibi PHP tabanlı sistemlerde çok yaygın kullanılır.