הוספת לוגיקה לעיצוב המודרני
ברוכים הבאים לפרק 4. כאן נהפוך ממעצבים למפתחים.
VARIABLE
מכולה בזיכרון המאחסנת נתונים שניתן לעשות בהם שימוש חוזר.
FUNCTION
בלוק של קוד שנועד לבצע משימה ספציפית וניתן להפעלה בכל עת.
CONDITIONALS
מבנה בקוד המאפשר לקבל החלטות (אם תנאי מתקיים, בצע פעולה X).
מקרה בוחן: מהנפשה סטטית לאינטראקציה חיה
גל היא מפתחת FRONT-END שבנתה גלריית תמונות מרשימה המבוססת על CSS GRID. הלקוח ביקש להוסיף כפתור 'מצב לילה' ופילטר לסינון תמונות לפי קטגוריות. גל הבינה שעיצוב מודרני לבדו אינו מספיק; היא זקוקה ל-PROGRAMMING FUNDAMENTALS כדי להוסיף אינטראקטיביות. היא הגדירה משתנים (VARIABLES) לשמירת מצב התצוגה וכתבה פונקציות (FUNCTIONS) המעדכנות את ה-CLASSES של האלמנטים בזמן אמת.
שאלה 1
מהו VARIABLE ב-JAVASCRIPT?
שאלה 2
לשם מה נשתמש ב-CONDITIONALS בקוד שלנו?
ניתוח לוגיקת ממשק
בצעו ניתוח מעמיק של המעבר מעיצוב סטטי בעזרת CSS GRID ו-FLEXBOX לממשק דינמי מבוסס לוגיקה. כיצד שימוש במשתנים ופונקציות מייעל את חוויית המשתמש?
🏆
כל הכבוד!
סיימתם את פרק 4 בהצלחה.