Vue

Vue (Vue.js / Vue JS), kullanıcı arayüzü (UI) ve tek sayfalı uygulamalar oluşturmayı sağlayan, açık kaynaklı popüler bir Javascript kütüphanesi. Vue.js ile modern, küçük, orta ve büyük ölçekli mobil ve masaüstü uygulamalar oluşturmak mümkün.

DOM yani Document Object Model üzerinde değişiklik yapmak maliyetli olduğu için Vue.js virtual DOM kullanır. Model-görünüm-görünüm modeli yani kısaca MVVM mimari deseni kullanır ve bu mimari modelin GUI (Grafik Kullanıcı Arayüzü) ve görünümden ayırt edilmesini sağlar. Bu ayrım, Frontend ve Backend geliştiricilerin birlikte çalışmasını sağlar.

Görünüm yani view katmanına odaklanan bir çekirdek kütüphanesi bulunur. Bu sayede Vue.js kullanılarak hızlı ve kolay bir şekilde single-page uygulamalar geliştirilir. Ayrıca Vue.js, yapısı içinde direktifler bulundurur. Bu direktifler, geliştiricilerin HTML’yi genişletmesine izin vermeyi sağlar.

 

Vue.js Geliştiriciler Tarafından Neden Tercih Ediliyor?

Stack Overflow 2022 anketine göre Node.js, React.js, JQuery ve Angular gibi rakiplerinden sonra en çok kullanılan web kütüphanelerinde 6. sırada yer alır.

Günümüzde en çok kullanılan Javascript kütüphanelerinden birisi olan Vue.js’yi kullanan çok sayıda geliştirici bulunmaktadır. Ayrıca geliştiricilerin sürümler, güncellemeler ve sorunlar hakkında konuşabilecekleri çok sayıda forum siteleri bulunur. Vue.js’nin popüler bir kütüphane olmasının nedenleri:

 

• Kolay ve hızlı öğrenilebilen bir yapı,
• Sade ve anlaşılır dokümantasyonlar, 
• İhtiyaçlara göre şekil alabilmesi,
• Projelere kolay entegre edilmesi,
• Rakiplerine göre hızlı olması,
• Rakiplerine göre projelere çok daha kolay adapte olması.

 

Vue.js’nin Avantajları

Vue.js, geliştiriciler tarafından seviliyor ve kullanımı gün geçtikçe artıyor. Peki, Vue.js’nin avantajları tam olarak nedir?

 

1- Düşük Boyut

Vue.js’in en büyük avantajlarından birisi düşük boyutta olması. Geliştiriciler için bir kütüphane ne kadar düşük boyutta olursa o kadar iyi olur. Vue.js boyutu 18–21KB arasındadır. Ayrıca boyuta bağlı hızı da rakiplerine oranla daha iyidir. Bu düşük boyut hem kurulumu hızlandırır hem de SEO ve UX çalışmalarını olumlu etkiler.

2 - Öğrenim Kolaylığı

Vue.js’nin bu kadar popüler olmasının nedenlerinden biri kolay dokümantasyon ve basit syntax (sözdizimi) ile öğrenim kolaylığı sunmasıdır. Yazılıma yeni başlayanlar Vue.js’yi kolayca öğrenebilir. Vue.js’ye başlamak için temel düzeyde HTML, CSS ve JavaScript bilgisi yeterlidir. Vue.js ile ilk aşamada uygulama geliştirmek için ES2015, TypeScript, JSX veya araç zincirleri hakkında önceden bilgi sahibi olunması gerekmez. 

3 - Büyük Topluluk

Vue.js büyük bir topluluğa da sahip. Bu büyük topluluk sayesinde geliştiricilerin karşılaştıkları her türlü sorun kolaylıkla çözülür. Şu anda Vue.js kullanan 150.000’den fazla Github üyesi var ve bu sayı her geçen gün artıyor. 

4 - Basit Entegrasyon

Projelere Vue.js dosyası kolayca eklenebilir ve geliştirmeye devam edilir. Böylece Vue kullanarak zaman kaybetmeden uygulama geliştirme işlemi gerçekleşir.

5 - Virtual Dom Yapısı

Vue.js, sanal DOM kullanır. Vue.js, component (bileşen) yapısını destekler. Dom üzerinde ihtiyaca bağlı etiketler oluşturur.

 

Vue.js Kullanan Şirketler

Vue.js birçok teknoloji şirketi tarafından tercih ediliyor. Vue.js kullanan şirketler listesi şöyledir: 

 

• İletişim kurmayı ve bilgi alışverişi yapmayı sağlayan bir sosyal ağ olan Facebook,
• Dünya genelinde 193 milyon kullanıcısı olan, teknoloji ve medya hizmetleri sağlayıcısı Netflix,
• Yazılımcıların en çok kullandığı platformlardan biri olan Gitlab,
• Tasarımcıların projelerini sergiledikleri Behance,
• Adobe uygulamaları Vue.js kullanan şirketlerden sadece birkaçıdır. 

Vue.js ile Neler Yapılabilir? - Kullanım Alanları

Vue.js, yazılımla ilgilenen herkes tarafından öğrenilmesi gereken popüler ve talep gören bir kütüphane. Peki Vue.js ne için kullanılır?

 

Mobil Uygulamalar

Vue.js kullanarak her türlü mobil uygulama programlanabilir. İOS ve Android uygulamaları oluşturmak ve daha fazlası için kullanılabilir. Nativescript-Vue eklentisi kullanılarak güçlü mobil uygulamalar oluşturmak mümkündür. 

 

Prototipler

Prototip, bir ürünü temsil eden, görselleştirmek ve test etmek için üretilmiş bir modeldir. Web geliştirmede Prototip, ürünün nihai sürümü değil kabataslak halini, web sitenin nasıl duracağını görmek için kullanılır. Vue.js, web uygulamalarını prototiplemede kullanılır. 

 

Kullanıcı Arayüzü Projeleri

Vue.js’de User Interface yani UI, kullanıcı arayüzü projeleri kolayca oluşturulabilir. Kullanıcıların tıkladığı butonlardan, menü ve ekran düzenine hatta geçişlere kadar birçok işlemi yapmayı sağlar. 

Tek Sayfa Uygulamaları (SPA)

Tek sayfa uygulamaları kullanıcıyla etkileşimde bulunurken sayfayı tamamen yenilemek yerine bulunulan sayfayı dinamik olarak güncelleyerek çalışan web siteleri ya da web tabanlı uygulamalardır. Vue.js kullanarak tek sayfa uygulamaları oluşturulabilir.