Velo הוא מוצר Wix עם טוויסט. Wix היא אחת מפלטפורמות הפיתוח היותר פופולריות ברשת. זה מאפשר למעצבים (ולבעל האתר הממוצע) לבנות אתרים מדהימים מבלי לכתוב שורת קוד אחת.
עם Velo, Wix מרחיבה את בסיס המשתמשים שלה לכלול מפתחים. Velo היא פלטפורמת פיתוח מלאה המאפשרת למשתמשים ליצור אתרים מעולים באמצעות קוד. שפת התכנות היחידה שאתה צריך לדעת כדי להשתמש ב- Velo היא JavaScript. הפלטפורמה תומכת בתכונות JavaScript מודרניות ומשתמשת במערכת צד שרת מבוססת NodeJS.
במאמר זה, תלמדו על התכונות הייחודיות של Velo וכיצד להשתמש בהן.
תכונות המפתחים של Velo
לפלטפורמת הפיתוח Velo יש IDE מובנה, המאפשר למפתחים לכתוב קוד JavaScript ולראות את השינויים בזמן אמת. Velo פועל על שרת NodeJS, מה שאומר שלמפתח יש גישה לחבילות npm ולכלי מפתח אחרים. תכונות מפתח אלה כוללות:
- היכולת ליצור פריסות ואינטראקציות מותאמות אישית בדף אינטרנט.
- היכולת ליצור אוספים במסד נתונים.
- היכולת ליצור ממשקי API מותאמים אישית עבור האתר שלך.
יצירת אתר באמצעות Velo
כדי להשתמש ב- Velo, תצטרך לנווט לאתר הראשי שלו. כששם, בחר באפשרות להתחיל פרויקט חדש. זה יעביר אותך דרך הרגיל
תהליך יצירת אתר Wix, שבו תצטרך לבחור את סוג האתר שאתה רוצה לבנות. אתה יכול לבחור תבנית בעצמך או בעזרת Wix ADI.לאחר שבחרת באפשרות לערוך את התבנית שלך, תראה משהו כמו ממשק המשתמש הבא:
משמאל לתמונה למעלה נמצא סרגל הצד של מבנה האתר, המעניק לך גישה לקבצי JavaScript השונים המחוברים לכל הדפים באתר שלך. העמוד שנבחר כעת הוא עמוד הבית, ואם תסתכלו בתחתית התמונה למעלה, תראו עורך קוד המציג את תוכן הקובץ HOME.js.
יצירת מבנה ואינטראקציות של פריסה מותאמת אישית
התבנית שנבחרה למאמר זה היא חנות הבריאות המקוונת. לדף הבית של אתר זה יש "הפופולרי ביותר", אותו תוכלו לראות בתמונה הבאה:
עם זאת, אם ברצונך להשתמש בכותרת אחרת עבור סעיף זה, תוכל להשיג זאת בעורך Velo על ידי הכנסת הקוד הבא לקובץ HOME.js.
הקובץ HOME.js
$w.onReady(פוּנקצִיָה () {
$w('#text20').text = 'פריטים פופולריים'
});
הקוד למעלה יעדכן את הכותרת "הפופולרית ביותר" ל"פריטים פופולריים, ותוכלו לצפות בעדכון זה על ידי לחיצה על כפתור התצוגה המקדימה בפינה השמאלית העליונה של ממשק Velo. בדף הבית בקטע המתאים, אתה אמור לראות משהו כמו הפלט הבא:
עבודה עם מסד הנתונים של Velo
לרוב האתרים הדינמיים יש מסד נתונים המאחסן נתונים בצורה שונה, בהתאם לסוג. Velo אוגרת את הנתונים שלה באוספים במסד הנתונים המרכזי שלה. כדי לקבל גישה למסד נתונים זה, תצטרך לנווט לטבלת השורות והעמודות משמאל לממשק המפתחים של Velo.
כפי שניתן לראות מהתמונה למעלה, כל תבנית Wix מגיעה עם כמה אוספי ברירת מחדל, בהתאם לסוג האתר. תבנית האתר שנבחרה למאמר זה היא חנות בריאות. לכן, יש לו אוסף של מוצרי ברירת מחדל שאתה יכול בקלות להחליף עם הפריטים שלך.
קָשׁוּר: כיצד לבנות נוכחות מקוונת מקצועית עם Wix
עם זאת, אם אתה רוצה ליצור את האוסף שלך מאפס, יש להם גם את האפשרות הזו.
כדי ליצור אוסף חדש במסד הנתונים של Velo, פשוט העבר את העכבר מעל לקטע "אוספי תוכן", וסמל פלוס יופיע מימין לטקסט.
לחיצה על אפשרות האוסף החדשה בתמונה למעלה תיצור את טופס יצירת האוסף הבא:
מתן שם אוסף ולחיצה על כפתור היצירה יובילו אותך לעמוד מנהל התוכן הבא:
מדף מנהל התוכן למעלה, אתה יכול להתחיל לאכלס את אוסף המוצרים שלך באמצעות סמלי הפלוס הרלוונטיים. אבל לפני שתתחיל להוסיף מוצרים לאוסף שלך, תצטרך ליצור את השדות המתאימים.
עיין בדף מנהל התוכן למעלה; כרגע יש לו שדה אחד - כותרת. לא ניתן למחוק שדה זה מכיוון שהוא השדה הראשי (או המזהה הייחודי), שכל אוסף חייב להיות בו. עם זאת, אתה יכול לתת לו כותרת מתאימה יותר, כגון שם מוצר או מזהה.
כדי לשנות את השם של שדה קיים באוסף שלך, פשוט לחץ על השדה המדובר, ותראה מספר אפשרויות.
בחירה באפשרות הנכס שתוכל לראות בתמונה למעלה תיצור את הטופס המוקפץ הבא:
הטופס המוקפץ למעלה מאפשר לך לשנות את שם השדה על ידי הזנת הכותרת הרצויה בשדה הטקסט שכותרתו "שם שדה" ולחיצה על שמור.
הוספת שדה חדש
ישנן שתי דרכים להוסיף שדה חדש לאוסף שלך. האפשרות הראשונה היא ללחוץ על סמל הפלוס מימין לכותרת הקיימת באוסף. שיטה זו תיצור את הטופס הבא:
טופס השדה החדש מאפשר לך לספק שם שדה, מפתח שדה (כדי להשתלב בקוד שלך) וסוג שדה. סוג השדה יכול להיות כל אחד מהאפשרויות הבאות:
- טֶקסט
- תמונה
- בוליאנית
- מספר
- תאריך ושעה
- זְמַן
- טקסט עשיר
- התייחסות
- ריבוי הפניות
- כתובת אתר
הדרך השנייה להוסיף שדה חדש לאוסף שלך היא על ידי לחיצה על הקטע "שדות מוסתרים" ובחירה באפשרות "הוסף שדה" מרשימת השדות המוקפצת. אתה אמור לראות משהו כמו התמונה למטה:
הוספת פריטים לאוסף כדי להוסיף פריט חדש לאוסף שלך, תוכל ללחוץ על כפתור "הוסף פריט" מימין לדף מנהל התוכן או ללחוץ על סימן הפלוס מתחת לכותרות השדות. לאחר הוספת הפריט הראשון לאוסף שלך, הוא אמור להיראות כך:
כעת תוכל להוסיף כמה שיותר פריטים לאוסף שלך באחת מהשיטות שלמעלה. עם זאת, כדי לעדכן את האתר שלך באוסף כלשהו, תצטרך תחילה לפרסם את האתר.
מה הופך את Velo למרגש
עכשיו אתה יודע איך להתאים אישית את האתר שלך באמצעות קוד JavaScript ב- Velo IDE. אתה יכול גם ליצור אוספים מותאמים אישית עם כמה פריטים שתרצה במסד הנתונים של Velo. אבל מה שיכול להיות הדבר הטוב ביותר ב- Velo הוא היכולת לייבא ולהשתמש בחבילות npm.
שפר את הפרויקטים שלך עם חבילות npm.
קרא הבא
- תִכנוּת
- JavaScript
- בניית אתרים
- עיצוב אתרים
קדיישה קין היא מפתחת תוכנה מלאה וכותבת טכנית/טכנולוגית. יש לה את היכולת המובהקת לפשט כמה מהמושגים הטכנולוגיים המורכבים ביותר; ייצור חומר שניתן להבין בקלות על ידי כל טירון טכנולוגיה. היא נלהבת מכתיבה, פיתוח תוכנות מעניינות ולטייל בעולם (באמצעות סרטים תיעודיים).
הירשם לניוזלטר שלנו
הצטרף לניוזלטר שלנו לקבלת טיפים טכניים, ביקורות, ספרים אלקטרוניים בחינם ומבצעים בלעדיים!
לחץ כאן כדי להירשם