קורס CSS 3 - בדגש על Flex & Grid

מה לומדים בקורס CSS 3 עם Flex ו-Grid?

קורס CSS 3 של PracticU מתמקד בשתי שיטות הפריסה החשובות של עיצוב אתרים מודרני: Flex ו-Grid. הקורס בעברית, כולל 14 הרצאות וידאו (כ-125 דקות), ובכל הרצאה רואים על המסך איך כותבים את הקוד ומה קורה בדפדפן. אין כאן רשימת מאפיינים שצריך לשנן, אלא עבודה על פריסות עד שהן מובנות.

הקורס נפתח בארבעה חלקים על Flex: איך מסדרים אלמנטים בשורה או בעמודה, איך מיישרים ומחלקים רווחים וכיצד הפריסה מגיבה לשינוי גודל. אחר כך עוברים ל-Grid, ומתחילים בטבלה שנבנית עם CSS ו-Grid. מיד לאחריה באים שני חלקים על עיצוב מטרו (Metro) ושני חלקים על מבנה של אתר שלם עם Grid Layout.

החלק השני של הקורס הוא פרויקט: בונים מאפס אתר אמיתי לחנות חיות. עוברים על ה-Layout, התפריט, דף הבית, דף פנימי ודף צור קשר, ומסיימים בפרויקט גמר. כך Flex ו-Grid לא נשארים הסבר תיאורטי אלא הופכים לאתר שלם.

הדרך בקורס היא ללמוד מתוך בנייה. Flex מוצג על דוגמאות קטנות, אחר כך Grid על מבנים גדולים יותר, וכשמגיעים לאתר חנות החיות רואים איפה כל שיטה נכנסת. כך מתרגלים את ההחלטה מתי להשתמש בכל אחת מהן, ולא רק את התחביר.

בהרצאות על עיצוב מטרו תראו איך פריסת Grid יוצרת בלוקים בגדלים שונים, ובהרצאות על מבנה האתר איך מחלקים את הדף לאזורים כמו כותרת, תפריט, תוכן ותחתית. אלה רכיבים שחוזרים כמעט בכל אתר.

למי הקורס מתאים?

• מי שכבר מכיר HTML ו-CSS בסיסי ורוצה לעבור לפריסות מודרניות.
• מפתחי Front-End מתחילים שרוצים לבנות פריסות בצורה מסודרת.
• מעצבי אתרים שרוצים להבין את הקוד שמאחורי העיצוב.
• סטודנטים ומי שבונה אתר אישי או אתר לעסק ורוצה שליטה בפריסה.

מה תדעו לעשות בסוף הקורס?

• לסדר אלמנטים באמצעות Flex ולשלוט ביישור, ברווחים ובכיוון של הפריסה.
• לבנות מבנה עמוד שלם עם Grid Layout.
• ליצור טבלה עם CSS ו-Grid ולעצב אתר בסגנון מטרו.
• לבנות אתר רב-עמודי: Layout, תפריט, דף בית, דפים פנימיים ודף צור קשר.
• לשלב Flex ו-Grid באותו אתר ולבחור את הכלי המתאים לכל חלק.
• להשלים פרויקט גמר שאפשר להציג בתיק עבודות.

ידע בסיסי ב-HTML ו-CSS מומלץ לפני שמתחילים, כי הקורס מניח שאתם יודעים לכתוב דף פשוט ומתמקד בבניית הפריסה.

הקורס קצר, ולכן הוא מתאים גם לרענון: מי שכבר כתב Flex יכול לדלג ישר לחלקי ה-Grid, ומי שרוצה לראות אתר שלם נבנה יכול להתחיל מפרויקט חנות החיות.

איך לומדים?

הכי כדאי לפתוח עורך קוד לצד ההרצאה ולהקליד את הקוד בעצמכם, לעצור, לשנות ערך ולראות מה קורה. הקורס קצר ואפשר לסיים אותו בכמה ערבים. אפשר להתחיל בלי התחייבות עם יום ניסיון חינם. המשך הלימוד במנוי של 350 ₪ לחודש, שכולל את כל הקורסים באתר וליווי טלפוני של המרצה.