Vue.js nedir? Genel Bakış

[Replicant]

HERAKLES Otomatik Avlı kalıcı sunucu. 19 Haziran'da açılıyor. Atius & Wizard güvencesiyle hemen kayıt ol, ön kayıt ödülleri aktif. HEMEN TIKLA!

​

Vue, herkesin bir web sitesi veya web uygulaması oluşturmasına yardımcı olabilecek modern bir ön uç çerçevedir. Hafiftir, esnektir ve başlaması kolaydır. Ancak aynı zamanda, en gelişmiş web uygulaması oluşturucunun ihtiyaçlarını karşılamak için büyüyebilen tam ve zengin bir çerçeve.

Vue.js'ye ve onu kullanmaya başlamak için bilmeniz gerekenlere bakalım.

Vue'yu Tanıyalım​

Vue, şu anda JavaScript için mevcut olan en çok yönlü çerçevedir. Aynı zamanda hem programcılar hem de programcı olmayanlar için anlaşılması en kolay olanıdır.

Vue, web sitesi geliştirmede yeni olan kişiler için öğrenmesi kolaydır. HTML ile çalışan hemen hemen herkes, HTML'nin yapamayacağı bir şeyi yapmak istediği bir duvara çarptı.

Örneğin, web sitesi temanızı açık moddan koyu moda değiştirmek için bir anahtar eklemek isterseniz ne olur? Bir hamburger düğmesinin arkasına gizlenmiş basit bir menü eklemeye ne dersiniz? İşte o zaman biraz Javascript öğrenmeniz gerekebilir.

Vue bir Çerçeve mi Değil mi?​

Diğer çerçevelere aşina iseniz, genellikle teknolojilerini kullanarak sıfırdan bir uygulama oluşturmanıza ihtiyaç duyduklarının farkında olabilirsiniz. Bu genellikle komut satırından bir uygulama oluşturmayı ve bir sunucuyu başlatmayı içerir. Ancak önceki örnekte, Vue'yu tüm bu karmaşıklık olmadan statik bir web sitesine ekledik.

Yine de Vue bir çerçevedir. Giriş sayfasında şöyle diyor: "Diğer monolitik çerçevelerden farklı olarak, Vue sıfırdan aşamalı olarak benimsenebilecek şekilde tasarlandı." Bu, uygulamalarınızda Vue'nun gücünü istediğiniz kadar az veya çok kullanabileceğiniz anlamına gelir.

Bir resim slayt gösterisini yönetmek için Vue'yu kullanabilir veya tüm zil ve ıslıklarla tam tek sayfalık bir uygulama oluşturabilirsiniz. Buna test, yönlendirme, durum yönetimi, güvenlik ve çok daha fazlası dahildir.

Vue Kimler İçin?​

Vue, gücü ve çok yönlülüğü nedeniyle geniş bir kitleye hitap ediyor.

Vue, HTML / CSS / JS Purists içindir​

JavaScript, çok sayıda karmaşayla hızla değişen bir ekosistemdir. Kendinizi bir araç koleksiyonuna adamak ve iki yıl sonra bunların modasının geçtiğini görmek mümkündür. JavaScript ayrıca web sitelerine kendi başına karmaşıklık katar. Bir çerçeve ve büyük bir titrek Node paketi yığını kurmak, durumu daha da kötüleştirir.

Bazı insanlar bu nedenle temellere bağlı kalmayı tercih ediyor. HTML iyi çalışıyor, CSS'nin tuhaflıkları var ve JavaScript biraz korkak. Ama hepsi kaya gibi sağlam! Değişmeye ve gelişmeye devam ediyorlar, ancak yavaş ve istikrarlı bir şekilde. Çoğu çerçeve, kodunuzu bozacak değişiklikler eklemeye başlar.

Ancak jQuery ve Handlebars gibi ön uç programlayıcı olarak hayatınızı kolaylaştıran birkaç komut dosyası vardır. jQuery harika başlar, ancak kod tabanınız çok karmaşık hale geldiğinde spagettiye dönüşür. Gidonlar da güzel, ancak JS'nin kullanımını kolaylaştırmak için fazla bir şey yapmıyor.

Vue, bu iki aracı da değiştirebilir ve sorunlarını çözebilir. Ve bunu web sitenizi tamamen ele geçirmeden yapar. Modern JavaScript baş ağrıları olmadan modern JavaScript uygulamaları sunar.

Vue, Hızlı Prototipleme İçin​

Vue, çok daha ağır çerçevelerin işlevselliğine sahip hafif bir çerçevedir. Ön uç web geliştirme konusunda deneyiminiz varsa, birkaç gün içinde Vue'yu öğrenebilirsiniz. Eğer yapmazsan, sadece ihtiyacın olduğu kadar başlayabilirsin.

Bir çerçeve kullanmanın ana nedenlerinden biri, geliştirmeyi daha hızlı ve daha kolay hale getirmek için size verdikleri araçların olmasıdır. Örneğin, progresif bir web uygulaması, programlı navigasyona, özel düzene ve anında değişen yapıya dayanır. Ön uç çerçeveler bu zorluğu neredeyse önemsiz hale getiriyor. Ve Vue bir istisna değildir.

Eskiden haftalarca süren projeleri artık modern çerçeveler sayesinde bitirebilirsiniz. Ve Vue çok hafif ve kullanımı kolay olduğu için prototipleri saatler veya günler içinde bitirebilirsiniz.

Vue, Web Uygulaması Geliştirme içindir​

Geliştiriciler, modern ön uç çerçevelerden belirli faydalar beklemeye başladılar. HTML için dize değişimi, bileşen tabanlı mimari ve araçlar iyi örneklerdir. Vue, yukarıdaki çerçeve bölümünde belirtilenlerin yanı sıra tüm bu faydalara sahiptir.

Vue, Yerel Mobil Uygulama Geliştirme içindir​

Web uygulaması geliştiricileri genellikle ürünlerini bir mobil uygulama olarak kullanıma sunmak isterler. Geleneksel olarak bunu, iOS ve Android için geliştirme yapmak üzere fazladan geliştiriciler işe alarak yaptılar. O zaman üç platform arasında koordine etmenin bir yolunu bulmaları gerekecek. Ama bugün başka seçenekler de var.

Bir seçenek, geliştiricilerin aynı JavaScript koduyla Android ve iOS için derlemelerine olanak tanıyan mobil uygulamalar oluşturmak için NativeScript kullanmaktır. Nativescript geliştiricileri, yeni geliştiricileri işe almak zorunda kalmadan web kodlarını mobil ortama bile taşıyabilir. Ve Vue için büyük desteği var.

Vue Diğer Çerçevelerle Nasıl Karşılaştırılır?​

Vue, Angular ve React, 2019 State of JS anketine göre en popüler üç çerçevedir . İşte onlar hakkında göz önünde bulundurmanız gereken bazı noktalar:

Üç Büyük Çerçeve​

• Angular, ilk büyük isim ön uç web çerçevesiydi. Google tarafından yayınlandı ve 2010'dan beri var. Yönergeler ve sayfadaki kodu bir yenileme olmadan sihirli bir şekilde güncelleyen üç yollu veri bağlama yoluyla dünyaya dinamik HTML'yi tanıttı.
• React ilk olarak 2013 yılında Facebook tarafından yayınlandı ve Angular'a daha ulaşılabilir bir alternatif. React, en çok JSX ve bileşenlerini kullanmasıyla bilinir.
• Vue, 2014 yılında eski bir Google çalışanı olan Evan You tarafından piyasaya sürüldü. Vue, çığır açan bir şey sunmadı. Ancak çok daha iyi ve daha temiz bir çalışma yöntemi ortaya koydu.

Üç Büyük'ün Faydaları​

• Angular, kurumsal düzeyde bir çerçevenin canavarıdır. En uzun süredir var ve Google tarafından oluşturulmuş ve sürdürülmüştür.
• 2019 State of JavaScript'e göre React, büyük üç çerçeveden en yaygın olarak benimsenen oldu . Çalışması kolay ve esnek olarak bilinir.
• Vue, öznel olarak öğrenmesi ve uygulaması en kolay çerçevedir. Ve zengin ve güçlü bir özellik setinden ödün vermeden olduğu kadar kolay kalır.

Üç Büyük Eleştiriler​

Açısal​

Angular'ı öğrenmek geçmişte herkesin bildiği gibi zor olmuştur. Sürüm 1 (AngularJS) belgelerinde çok sayıda üniversite düzeyinde bilgisayar bilimleri jargonu kullandı. Versiyon 2 (Açısal) yine de oldukça basitleştirildi ve akıcı hale getirildi.

• Google, Angular'ı yayınladığında, üst düzey kavramları AngularJS'den sakladı. Ancak şirket detayları o kadar değiştirdi ki birçok geliştirici hala kafa karıştırıcı buldu.
• Angular'ın ilk günlerinde, neredeyse her sürümde kod kıran değişikliklerle birlikte çok sayıda yayın kaybı yaşandı. Angular şimdi daha iyi, ancak yine de çok resmi, katı ve bazı geliştiriciler için öğrenmesi zor.

Tepki​

React'in en iyi ve en zorlu yönlerinden biri JSX'tir. HTML, CSS ve JS'yi tek bir dilde yoğunlaştırır. Bu, geliştiriciler için her şeyi daha basit ama tasarımcılar için daha zor hale getirir.

• JSX ayrıca mevcut kitaplıklarla çalışmayı daha da zorlaştırır. Ayrıca, tasarımı, düzeni ve kodu aynı yere koymak bir anti-model olarak kabul edilir. Bunu yapmak dağınık, okunamayan kodlar oluşturabilir.
• React, kodu ayırmak için bileşenleri kullanarak bunu incelikle halleder. Ancak bileşenleri doğru şekilde kullanmak bireysel geliştiricilere bağlıdır.
• React teknik olarak bir çerçevedir. Ancak navigasyon ve uygulama genelinde durum yönetimi gibi bazı önemli özelliklerden yoksundur.

Vue​

Vue, diğer ikisi hakkında bahsedilen tüm sorunları çözer. Angular'ın aksine, öğrenmesi kolaydır. Ve JSX'in aksine, Vue bileşenleri HTML, CSS ve JS'yi ayırır.

• Tasarımcıların bir Vue bileşeninde çalışması çok daha kolay. Ve her şeyi temiz tutmak tamamen geliştiriciye bağlı değildir.
• Vue'nun karşılaştığı en büyük zorluklar, göreceli olarak düşük benimsenme oranı ve "katil uygulamaların" eksikliğidir. Oldukça az sayıda şirket Vue kullanıyor, ancak tartışmalı bir şekilde hiçbirinin isim-marka tanınırlığı yok.

Vue Başka Bir Heves mi?​

Vue birkaç yıldır ortalıkta olmasına rağmen, hala bloktaki yeni çocuk. Ayrıca diğer ikisinin kurumsal desteğine sahip değil. Ve daha önce de belirtildiği gibi, neler yapabileceğini gösteren hiçbir katil uygulama yok.

Vue'nun kurumsal düzeyde destekten yoksun olduğu şeyi, tutku ve taban desteği ile telafi ediyor. Evan Kendini ve bir diğer geliştiriciyi desteklemek için bir Patreon kampanyası yürütüyor. Bir anlamda, Vue demokratik olarak yönetiliyor. Şirketlerin desteklemeye istekli olduğu Vue'ye yeterince ilgi olduğu sürece, Vue ortalıkta kalacaktır.

Vue'nun En İyi Parçaları​

Vue, diğer ön uç çerçevelerin en iyi parçalarını ve ayrıca Vue'ye özgü daha birçok özelliği sunar. İşte sadece kısmi bir liste:

• Vue, yapı ve yeniden kullanılabilirlik için bileşen tabanlı mimari kullanır.
• HTML, CSS ve JS'yi bileşenlerinde ayrı tutar.
• Vue, hem geliştiricilere hem de tasarımcılara tanıdık gelecektir.
• Projelere hizmet vermek, oluşturmak ve oluşturmak için eksiksiz bir GUI sunar.
• Vue, bir uygulama olarak çalıştırıldığında çalışırken yeniden yüklemeyi kullanır. Sıcak yeniden yükleme, yalnızca bir sayfada yenilemeden değişenleri günceller.

Vue, kurumsal ek yükü ve politikaları olmayan özel mülkiyete ait bir projedir. Bu, onu kurumsal girişimler için daha az cazip hale getirebilir. Ancak öğrenmesi kolay ve eğlencelidir, bu da sinirli girişimler için harikadır.

Belki de en iyi özelliği, komite tarafından değil, pragmatizm tarafından tasarlanmış olmasıdır, bu da açık kaynak yazılımın tümüyle ilgilidir .

 

[bLastX]

Paylaşım için teşekkürler.

 

[Replicant]

Paylaşım için teşekkürler.

Rica ederim