לפני מספר ימים הודיעה AWS באמצעות פרסום באתר הרשמי שלה על השקת מערכת עיצוב Cloudscape, פתרון קוד פתוח לבניית יישומי אינטרנט אינטואיטיביים.
מערכת העיצוב של Cloudscape מורכבת מסט מקיף של הנחיות לבניית יישומי אינטרנט, כמו גם משאבי עיצוב ורכיבים חזיתיים כדי להאיץ את הפריסה.
"היום, אנו שמחים להכריז על מערכת העיצוב של Cloudscape, פתרון קוד פתוח ליצירת חוויות משתמש מרתקות ומכילות בקנה מידה. נוף עננים
"יצרנו אותו ב-2016 כדי לשפר את חוויית המשתמש עבור יישומי אינטרנט של AWS וגם כדי לעזור לצוותים לפרוס את היישומים האלה מהר יותר. מאז, שיפרנו אותו ללא הרף על סמך משוב ומחקר של לקוחות", אומר AWS.
על מערכת העיצוב של Cloudscape
קלאודסקייפ היא מערכת עיצוב בקוד פתוח לבניית יישומי אינטרנט על מנת לשפר את חווית המשתמש ביישומי אינטרנט השייכים לשירותי AWS וגם לעזור לצוותים לפרוס את היישומים הללו מהר יותר.
לכל רכיב יש סביבת עבודה שבו מעצבים ומפתחים יכולים לראות כיצד הרכיב מתנהג, כמו גם קוד לדוגמה. כדי לחסוך לך זמן ומאמץ בעת היצירה, AWS מספקת הדרכה שלב אחר שלב לגבי אפשרויות נגישות ופתרונות עיצוב.
כאשר אתה יוצר בדיקות אוטומטיות עבור יישום, אתה מקיים אינטראקציה עם רכיבי Cloudscape. לדוגמה, אתה יכול לבחור כפתור Cloudscape ולטעון שהאפליקציה מתעדכנת כדי לשקף את הפעולה ששייכת ללחצן זה. מבנה ה-HTML הפנימי של רכיבי Cloudscape, כולל שמות מחלקות CSS, עשוי להשתנות בכל עת.
בגלל זה AWS יצרה כלי עזר לבדיקה עבור כל רכיב. לכלי השירות לבדיקה יש ממשקי API יציבים כך שתוכל לגשת לחלקים הרלוונטיים של רכיבים אלה מבלי לדאוג באיזה בורר להשתמש. כלי הבדיקה של Cloudscape הם עצמאיים במסגרת וניתן להשתמש בהם עם כל מחסנית בדיקה (מ-Jest ו-jsdom ועד WebdriverIO), כמו גם עם הדברים הבאים:
- בדיקות יחידה, שבו בדרך כלל יש לך גישה ישירה למודל אובייקט המסמך (DOM)
- בדיקת אינטגרציה, שם אופייני להסתמך על בוררי מחרוזת. כלי השירות לבדיקה הם חלק מחבילת הרכיבים העיקריים.
- מסנן בחירה: המאפשר למשתמשים למצוא פריטים ספציפיים באוסף של משאבים על ידי בחירה בנכס אחד או שניים.
- מְכוֹלָה: עם המיכל, אתה יכול להציג קבוצה של רכיבי תוכן, המעידים על קשר בין האלמנטים. לדוגמה, מערך הוא סוג של מיכל.
- קטע הניתן להרחבה: בעזרתו משתמשים יכולים להרחיב או לכווץ קטע. מומלץ להשתמש בקטעים הניתנים להרחבה כאשר יש לך מספר קטעים בדף וברצונך לאפשר למשתמשים להציג קטע אחד או יותר בכל פעם. מקטעים הניתנים להרחבה מכווצים כברירת מחדל.
- נקודת גישה: במדריכים המעשית, נקודות חמות הן מיכלים בלתי נראים המסמנים היכן יש למקם סמלי נקודה חמה. סמלי נקודה חמה מיוצגים על ידי הקשר ההערות ומשמשים לפתיחה וסגירה של חלונות קופצים של הערות.
- חלונית מפוצלת: זהו לוח מתכוונן המספק גישה למידע או פקדים משניים. זהו הרכיב העיקרי ליישום תצוגה מפוצלת, תבנית להצגת אוסף משאבים עם פרטי משאב הקשריים.
- אַשָׁף: טופס מרובה עמודים המנחה את המשתמש בזרימה מורכבת או סדרה של משימות הקשורות זו בזו. אשף מורכב מחלונית ניווט, כותרת עליונה, אזור תוכן ראשי ולחצני פעולה.
בסופו של דבר אם אתה מעוניין לדעת יותר על כך, עליך לדעת שמערכת העיצוב של Cloudscape נוצרה עבור מוצרים ושירותים של AWS ומשמשת אותה. הוא שוחרר כקוד פתוח כך שכל מי שבונה מוצרים בענן יוכל ליהנות ממערכת העיצוב של AWS.
אתה יכול לבדוק את הפרטים הקישור הבא.