Wix'ten Velo'yu Kullanmaya Yeni Başlayanlar İçin Kılavuz

Velo, farklı yönleri olan bir Wix ürünüdür. Wix, web'deki en popüler geliştirme platformlarından biridir. Tasarımcıların (ve ortalama web sitesi sahibinin) tek bir kod satırı yazmadan harika web siteleri oluşturmasına olanak tanır.

Wix, Velo ile kullanıcı tabanını geliştiricileri de içerecek şekilde genişletiyor. Velo, kullanıcıların kod kullanarak harika web siteleri oluşturmasına olanak tanıyan eksiksiz bir geliştirme platformudur. Velo'yu kullanmak için bilmeniz gereken tek programlama dili JavaScript'tir. Platform, modern JavaScript özelliklerini destekler ve NodeJS tabanlı bir sunucu tarafı sistemi kullanır.

Bu makalede, Velo'nun benzersiz özellikleri ve bunların nasıl kullanılacağı hakkında bilgi edineceksiniz.

Velo'nun Geliştirici Özellikleri

Velo geliştirme platformu, geliştiricilerin JavaScript kodu yazmasına ve değişiklikleri gerçek zamanlı olarak görmesine olanak tanıyan yerleşik bir IDE'ye sahiptir. Velo, bir NodeJS sunucusunda çalışır; bu, bir geliştiricinin npm paketlerine ve diğer geliştirici araçlarına erişimi olduğu anlamına gelir. Bu geliştirici özellikleri şunları içerir:

• Bir web sayfasında özel düzenler ve etkileşimler oluşturma yeteneği.
• Bir veritabanında koleksiyon oluşturma yeteneği.
• Web siteniz için özel API'ler oluşturma yeteneği.

Velo Kullanarak Web Sitesi Oluşturma

Velo'yu kullanmak için ana web sitesine gitmeniz gerekir. Bir kez orada, yeni bir proje başlatmak için seçeneği seçin. Bu sizi alışılmışın içinden geçirecek Wix site oluşturma süreci, burada oluşturmak istediğiniz web sitesi türünü seçmeniz gerekecek. İster kendi başınıza isterseniz Wix ADI yardımıyla bir şablon seçebilirsiniz.

Şablonunuzu düzenleme seçeneğini belirledikten sonra aşağıdaki kullanıcı arayüzüne benzer bir şey göreceksiniz:

Yukarıdaki resmin solunda, web sitenizdeki tüm sayfalara bağlı çeşitli JavaScript dosyalarına erişmenizi sağlayan web sitesi yapısı kenar çubuğu bulunur. Şu anda seçili olan sayfa ana sayfadır ve yukarıdaki resmin altına bakarsanız HOME.js dosyasının içeriğini gösteren bir kod düzenleyici görürsünüz.

Özel Düzen Yapısı ve Etkileşimler Oluşturma

Bu makale için seçilen şablon, çevrimiçi sağlıklı yaşam mağazasıdır. Bu web sitesinin ana sayfasında, aşağıdaki resimde görebileceğiniz “en popüler” yer almaktadır:

Ancak bu bölüm için farklı bir başlık kullanmak isterseniz bunu Velo düzenleyicide HOME.js dosyasına aşağıdaki kodu ekleyerek gerçekleştirebilirsiniz.

HOME.js Dosyası

$w.onReady(işlev () {
 $w('#text20').text = 'TREND ÖĞELER'
});

Yukarıdaki kod, "en popüler" başlığını "trend olan öğeler" olarak güncelleyecektir ve bu güncellemeyi Velo arayüzünün sağ üst kısmındaki önizleme düğmesine tıklayarak görüntüleyebilirsiniz. Ana sayfada uygun bölümde aşağıdaki çıktıya benzer bir şey görmelisiniz:

Velo'nun Veritabanıyla Çalışmak

Çoğu dinamik web sitesinde, türe bağlı olarak verileri farklı şekilde depolayan bir veritabanı bulunur. Velo, verilerini merkezi veritabanındaki koleksiyonlarda saklar. Bu veritabanına erişmek için Velo'nun geliştirici arayüzünün solundaki satırlar ve sütunlar tablosuna gitmeniz gerekir.

Yukarıdaki resimden de görebileceğiniz gibi, her Wix şablonu, web sitesinin türüne bağlı olarak bazı varsayılan koleksiyonlarla birlikte gelir. Bu makale için seçilen web sitesi şablonu bir sağlıklı yaşam mağazasıdır. Bu nedenle, öğelerinizle kolayca değiştirebileceğiniz bir varsayılan ürün koleksiyonuna sahiptir.

İlişkili: Wix ile Profesyonel Bir Çevrimiçi Varlık Nasıl Oluşturulur

Ancak, koleksiyonunuzu sıfırdan oluşturmak istiyorsanız, bu seçeneğe de sahipler.

Velo veritabanınızda yeni bir koleksiyon oluşturmak için, farenizi "içerik koleksiyonları" bölümünün üzerine getirmeniz yeterlidir; metnin sağında bir artı simgesi görünecektir.

Yukarıdaki resimdeki yeni koleksiyon seçeneğine tıklamak, aşağıdaki koleksiyon oluşturma formunu oluşturacaktır:

Bir koleksiyon adı sağlamak ve oluştur düğmesine tıklamak sizi aşağıdaki içerik yöneticisi sayfasına götürecektir:

Yukarıdaki içerik yöneticisi sayfasından, ilgili artı simgelerini kullanarak ürün koleksiyonunuzu doldurmaya başlayabilirsiniz. Ancak koleksiyonunuza ürün eklemeye başlamadan önce uygun alanları oluşturmanız gerekir.

Yukarıdaki içerik yöneticisi sayfasına bakın; şu anda bir alanı vardır—başlık. Her koleksiyonun sahip olması gereken birincil alan (veya benzersiz tanımlayıcı) olduğu için bu alanı silemezsiniz. Ancak, ürün adı veya kimliği gibi daha uygun bir başlık verebilirsiniz.

Koleksiyonunuzdaki mevcut bir alanın adını değiştirmek için söz konusu alana tıklamanız yeterlidir; birkaç seçenek göreceksiniz.

Yukarıdaki resimde görebileceğiniz özellik seçeneğinin seçilmesi aşağıdaki açılır formu üretecektir:

Yukarıdaki açılır form, “alan adı” etiketli metin alanına istediğiniz başlığı girip kaydet'i tıklayarak alan adını değiştirmenizi sağlar.

Yeni Alan Ekleme

Koleksiyonunuza yeni bir alan eklemenin iki yolu vardır. İlk seçenek, koleksiyondaki mevcut başlığın sağındaki artı simgesine tıklamaktır. Bu yöntem aşağıdaki formu üretecektir:

Yeni alan formu, bir alan adı, bir alan anahtarı (kodunuza entegre edilecek) ve bir alan türü sağlamanıza olanak tanır. Alan türü aşağıdakilerden herhangi biri olabilir:

• Metin
• resim
• Boole
• Numara
• Tarih ve saat
• Zaman
• Zengin metin
• Referans
• Çoklu Referans
• URL

Koleksiyonunuza yeni bir alan eklemenin ikinci yolu, “gizli alanlar” bölümüne tıklayıp açılan alan listesinden “Alan Ekle” seçeneğini seçmektir. Aşağıdaki resim gibi bir şey görmelisiniz:

Koleksiyona Öğe Ekleme Koleksiyonunuza yeni bir öğe eklemek için içerik Yöneticisi sayfasının sağındaki “Öğe Ekle” düğmesine veya alan başlıklarının altındaki artı işaretine tıklayabilirsiniz. Koleksiyonunuza ilk öğenizi ekledikten sonra şöyle görünmelidir:

Artık yukarıdaki yöntemlerden herhangi birini kullanarak koleksiyonunuza mümkün olduğunca çok öğe ekleyebilirsiniz. Ancak web sitenizi herhangi bir koleksiyonla güncellemek için önce siteyi yayınlamanız gerekir.

Velo'yu Heyecanlı Yapan Nedir?

Artık Velo IDE'deki JavaScript kodunu kullanarak web sitenizi nasıl özelleştireceğinizi biliyorsunuz. Ayrıca Velo veritabanında istediğiniz kadar öğe içeren özel koleksiyonlar oluşturabilirsiniz. Ancak Velo ile ilgili muhtemelen en iyi şey, npm paketlerini içe aktarma ve kullanma yeteneğidir.

npm nedir? JavaScript Paket Yöneticisinin Açıklaması

Projelerinizi npm paketleri ile geliştirin.

Sonrakini Oku

Yazar hakkında