למדתי עיצוב אתרים בקלות
הקורס הזה שינה לי את היכולת להבין ולעצב אתרים. למדתי הרבה על CSS ועכשיו אני יודע לעצב אתרים מקצועיים בעצמי.
"הדרך לעצב אתרים בצורה מקצועית"
t h e w a y
מה נלמד בקורס
- היכרות עם CSS
- עבודה עם סוגי צבעים נלמד אילו סי=וגי צבע יש
- שימוש -Flex מאפשר לחלק את השורה לתורים בגדלים שונים בשביל מיקומים
- שימוש ב- Grid המאפשר לחלק את האתר למיקומים של תורים ושורים
- יצירת אתרים רספונסיביים
- נלמד ליצור אנימציות שנישם אותם במעבר עכבר על רכיב
- יצירת אפקטי מעבר על כפתורים ותפריט
מה נבנה
בניית דפי נחיתה: יצירת דפים המשלבים טקסט, תמונות וכפתורים, תוך שימוש בעקרונות עיצוב מודרניים והתאמה למכשירים שונים.
הקמת גלריות תמונות רספונסיביות: תכנון ועיצוב גלריות המותאמות למגוון גדלי מסכים, תוך שימוש ב-Flexbox ו-Grid.
- שדרוג ה-CSS שלך
- עבודה עם Mixing קבוצה של קודים המכילים כללים לעיצוב ב-css, כמו להגדיר מספר משתנים בפעם אחת.
- משתנים - בהם נרשום הגדרות, ואז נוכל להשתש בשם המשתנה ללא ההגדרות, כי כבר הגדרנו.
- שימוש ב-Nesting המאפשר לרשום עיצוב של כריב ובתוך העיצוב עוד עיצוב לרכיב בתוך הרכיב.
- הורשה - בין סלקטורים שונים, מה שמפחית כפילויות בקוד ומשפר את היעילות.
- נפצל את הקוד לקבצים המתואים לכל אזור.
מה נבנה
במהלך הקורס, נבנה אתר אינטרנט מודרני תוך שימוש ב-SCSS, המאפשרת כתיבת קוד CSS יעיל ומאורגן יותר.
נשתמש בתכונות מתקדמות של SCSS כמו משתנים, קינון (Nesting), ומיקסינים (Mixins) כדי לשפר את תחזוקת הקוד ולהאיץ את תהליך הפיתוח. בנוסף, נשלב אנימציות חלקות ומעברים דינמיים ליצירת חוויית משתמש עשירה ומושכת. הפרויקט יספק הבנה מעמיקה של היתרונות בשימוש ב-SCSS בפיתוח אתרים מקצועיים.
- עבודה עם מחלקות CSS מוכנות מראש - מחלקות הנרשמות בקצורים ובקוד html.
- מערכת גריד גמישה: סידור תוכן בעמודות ושורות בצורה נוחה
- רכיבי ממשק משתמש מוכנים: כפתורים, טפסים, תפריטים ועוד.
- התאמה אישית: אפשרות לערוך ולהתאים את העיצוב לצרכים ספציפיים.
- הורשה - בין סלקטורים שונים, מה שמפחית כפילויות בקוד ומשפר את היעילות.
- נלמד להגדיל את אפשרויות העיצוב עם שילוב scss
מה נבנה
Bootstrap היא מסגרת קוד פתוח לפיתוח אתרים רספונסיביים, המאפשרת למפתחים לעצב אתרים במהירות וביעילות.
היא מספקת כלים מוכנים לשימוש, המאפשרים ליצור עיצובים המתאימים לכל גודל מסך, בין אם מדובר במחשב נייד, טאבלט או טלפון חכם.
קורס מומלץ לכל מעצב מתחיל
המדריך היה מקצועי מאוד, והידע שקיבלתי הוא כלי חזק שאוכל להשתמש בו בכל פרוייקט בעתיד.
