Velo منتج Wix مع لمسة. يعد Wix أحد أكثر منصات التطوير شيوعًا على الويب. يسمح للمصممين (ومالك موقع الويب العادي) بإنشاء مواقع ويب مذهلة دون كتابة سطر واحد من التعليمات البرمجية.
مع Velo ، تعمل Wix على توسيع قاعدة مستخدميها لتشمل المطورين. Velo عبارة عن منصة تطوير متكاملة تتيح للمستخدمين إنشاء مواقع ويب رائعة باستخدام التعليمات البرمجية. لغة البرمجة الوحيدة التي تحتاج إلى معرفتها لاستخدام Velo هي JavaScript. يدعم النظام الأساسي ميزات JavaScript الحديثة ويستخدم نظامًا من جانب الخادم يعتمد على NodeJS.
في هذه المقالة ، ستتعرف على ميزات Velo الفريدة وكيفية استخدامها.
ميزات المطور Velo
تحتوي منصة التطوير Velo على IDE مدمج ، مما يسمح للمطورين بكتابة كود JavaScript ورؤية التغييرات في الوقت الفعلي. يعمل Velo على خادم NodeJS ، مما يعني أن المطور لديه حق الوصول إلى حزم npm وأدوات المطور الأخرى. تشمل ميزات المطور هذه:
- القدرة على إنشاء تخطيطات وتفاعلات مخصصة على صفحة ويب.
- القدرة على إنشاء مجموعات في قاعدة بيانات.
- القدرة على إنشاء واجهات برمجة تطبيقات مخصصة لموقعك على الويب.
إنشاء موقع باستخدام Velo
لاستخدام Velo ، ستحتاج إلى الانتقال إلى موقع الويب الرئيسي. بمجرد الوصول إلى هناك ، حدد الخيار لبدء مشروع جديد. هذا سوف يأخذك خلال العادة
عملية إنشاء موقع Wix، حيث سيتعين عليك اختيار نوع موقع الويب الذي تريد إنشاءه. يمكنك إما تحديد قالب بنفسك أو بمساعدة Wix ADI.بعد تحديد خيار تعديل النموذج ، سترى شيئًا مثل واجهة المستخدم التالية:
يوجد على يسار الصورة أعلاه الشريط الجانبي لهيكل موقع الويب ، والذي يتيح لك الوصول إلى ملفات JavaScript المتنوعة المتصلة بجميع الصفحات على موقع الويب الخاص بك. الصفحة المحددة حاليًا هي الصفحة الرئيسية ، وإذا نظرت إلى أسفل الصورة أعلاه ، فسترى محرر رمز يعرض محتوى ملف HOME.js.
تكوين هيكل التخطيط المخصص والتفاعلات
النموذج المحدد لهذه المقالة هو متجر الصحة عبر الإنترنت. الصفحة الرئيسية لهذا الموقع لها "الأكثر شهرة" ، والتي يمكنك رؤيتها في الصورة التالية:
ومع ذلك ، إذا كنت تريد استخدام عنوان مختلف لهذا القسم ، فيمكنك تحقيق ذلك في محرر Velo عن طريق إدخال الكود التالي في ملف HOME.js.
ملف HOME.js
$ w.onReady (وظيفة () {
$ w ('# text20'). text = 'TRENDING ITEMS'
});
سيقوم الكود أعلاه بتحديث العنوان "الأكثر شيوعًا" إلى "العناصر الشائعة ، ويمكنك عرض هذا التحديث بالنقر فوق زر المعاينة في أعلى يمين واجهة Velo. في الصفحة الرئيسية في القسم المناسب ، يجب أن ترى شيئًا مثل الإخراج التالي:
العمل مع قاعدة بيانات Velo
تحتوي معظم مواقع الويب الديناميكية على قاعدة بيانات تخزن البيانات بشكل مختلف ، اعتمادًا على النوع. يخزن Velo بياناته في مجموعات في قاعدة البيانات المركزية الخاصة به. للوصول إلى قاعدة البيانات هذه ، ستحتاج إلى الانتقال إلى جدول الصفوف والأعمدة على يسار واجهة مطور Velo.
كما ترى من الصورة أعلاه ، يأتي كل قالب Wix مع بعض المجموعات الافتراضية ، اعتمادًا على نوع موقع الويب. قالب موقع الويب المحدد لهذه المقالة هو متجر صحي. لذلك ، يحتوي على مجموعة من المنتجات الافتراضية التي يمكنك استبدالها بسهولة بالعناصر الخاصة بك.
متعلق ب: كيفية بناء تواجد احترافي عبر الإنترنت باستخدام Wix
ومع ذلك ، إذا كنت ترغب في إنشاء مجموعتك من البداية ، فلديهم هذا الخيار أيضًا.
لإنشاء مجموعة جديدة في قاعدة بيانات Velo الخاصة بك ، ما عليك سوى تحريك مؤشر الماوس فوق قسم "مجموعات المحتوى" ، وسيظهر رمز زائد على يمين النص.
سيؤدي النقر فوق خيار المجموعة الجديد في الصورة أعلاه إلى إنشاء نموذج إنشاء المجموعة التالي:
سينقلك توفير اسم المجموعة والنقر فوق الزر "إنشاء" إلى صفحة إدارة المحتوى التالية:
من صفحة مدير المحتوى أعلاه ، يمكنك البدء في ملء مجموعة المنتجات الخاصة بك باستخدام رموز plus ذات الصلة. ولكن قبل أن تبدأ في إضافة منتجات إلى مجموعتك ، ستحتاج إلى إنشاء الحقول المناسبة.
انظر إلى صفحة مدير المحتوى أعلاه ؛ لديها حاليا حقل واحد - العنوان. لا يمكنك حذف هذا الحقل لأنه الحقل الأساسي (أو المعرف الفريد) ، الذي يجب أن تحتوي عليه كل مجموعة. ومع ذلك ، يمكنك منحه عنوانًا أكثر ملاءمة ، مثل اسم المنتج أو المعرف.
لتغيير اسم حقل موجود في مجموعتك ، ما عليك سوى النقر على الحقل المعني ، وسترى عدة خيارات.
سيؤدي تحديد خيار الخاصية الذي يمكنك رؤيته في الصورة أعلاه إلى إنتاج النموذج المنبثق التالي:
يتيح لك النموذج المنبثق أعلاه تغيير اسم الحقل عن طريق إدخال العنوان الذي تريده في حقل النص المسمى "اسم الحقل" والنقر فوق حفظ.
إضافة حقل جديد
هناك طريقتان لإضافة حقل جديد إلى مجموعتك. الخيار الأول هو النقر فوق رمز علامة الجمع على يمين العنوان الموجود في المجموعة. ستنشئ هذه الطريقة النموذج التالي:
يتيح لك نموذج الحقل الجديد توفير اسم حقل ومفتاح حقل (للتكامل في التعليمات البرمجية الخاصة بك) ونوع الحقل. يمكن أن يكون نوع الحقل أيًا مما يلي:
- نص
- صورة
- قيمة منطقية
- عدد
- التاريخ و الوقت
- زمن
- النص الغني
- المرجعي
- متعدد المراجع
- URL
الطريقة الثانية لإضافة حقل جديد إلى مجموعتك هي النقر على قسم "الحقول المخفية" واختيار خيار "إضافة حقل" من قائمة الحقول المنبثقة. يجب أن ترى شيئًا مثل الصورة أدناه:
إضافة عناصر إلى المجموعة لإضافة عنصر جديد إلى مجموعتك ، يمكنك النقر فوق الزر "إضافة عنصر" على يمين صفحة مدير المحتوى أو النقر فوق علامة الجمع الموجودة أسفل عناوين الحقول. بعد إضافة العنصر الأول إلى مجموعتك ، يجب أن يبدو كالتالي:
يمكنك الآن إضافة أكبر عدد ممكن من العناصر إلى مجموعتك باستخدام أي من الطرق المذكورة أعلاه. ومع ذلك ، لتحديث موقع الويب الخاص بك بأي مجموعة ، ستحتاج أولاً إلى نشر الموقع.
ما الذي يجعل Velo مثيرة
أنت الآن تعرف كيفية تخصيص موقع الويب الخاص بك باستخدام كود JavaScript في Velo IDE. يمكنك أيضًا إنشاء مجموعات مخصصة مع العديد من العناصر كما تريد في قاعدة بيانات Velo. ولكن من المحتمل جدًا أن يكون أفضل شيء في Velo هو القدرة على استيراد حزم npm واستخدامها.
تحسين مشاريعك مع حزم npm.
اقرأ التالي
- برمجة
- جافا سكريبت
- تطوير الشبكة
- تصميم المواقع
قاديشا كين مطور برامج متكامل وكاتب تقني / تقني. لديها قدرة مميزة على تبسيط بعض المفاهيم التكنولوجية الأكثر تعقيدًا ؛ إنتاج مادة يمكن لأي مبتدئ في مجال التكنولوجيا فهمها بسهولة. إنها شغوفة بالكتابة وتطوير البرامج الشيقة والسفر حول العالم (من خلال الأفلام الوثائقية).
اشترك في نشرتنا الإخبارية
انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!
انقر هنا للاشتراك