למדו CSS בפעם הראשונה או צברו את כישורי ה- CSS וצללו לעומק עוד יותר. כל מפתח באינטרנט צריך להכיר את CSS.

מה תלמדו

• בנה אתרים יפים שלא רק מכילים תוכן נהדר אלא גם נראים טוב
• השתמש בתכונות בסיסיות כמו גם מתקדמות של CSS
• הבן את המושגים והתיאוריה שמאחורי CSS ותכונות CSS מסוימות

דרישות

• עליכם לדעת את היסודות של HTML ופיתוח אתרים באופן כללי
• אין צורך בידע מתקדם ב- HTML או בפיתוח אתרים
• אין צורך בידע של CSS בכלל! תלמד הכל בקורס זה!

תיאור

CSS – קיצור לגיליונות סגנון מדורגים – היא “שפת תכנות” בה אתה משתמש כדי להפוך את דפי ה- HTML הגולמיים שלך לאתרי אינטרנט אמיתיים ויפים.

קורס זה מכסה את הכל – אנו מתחילים בעצם היסודות (מה זה CSS? איך זה עובד? איך אתה משתמש בזה)? וצוללים בהדרגה עמוק יותר ויותר ואנחנו עושים זאת על ידי הצגת שתי דוגמאות מעשיות כמו גם התיאוריה שמאחוריה.

תחילת העבודה עם CSS אולי נראית קלה אבל למעשה יש הרבה עומק ל- CSS – מכאן שהקורס הזה מספק “מסלולים” או “נקודות כניסה” שונות כדי לעמוד בדיוק בדרישות שלך ולשקף את רמת הידע הנוכחית שלך:

• מסלול היסודות: התחל מאפס, למד CSS מהיסוד. אתה מתחיל בהרצאה 1 ופשוט עובר עד הסוף.
• המסלול המתקדם: אתה כבר מכיר את היסודות של CSS, אתה יודע מה הם הבוררים ואיך זה עובד, אבל אתה רוצה לצלול לעומק וללמוד כמה תכונות ושימושים מתקדמים.
• מסלול המומחים: גם לך הידע המתקדם, אבל אתה רוצה לצלול לדברים כמו Flexbox, CSS Grid, CSS Variables או Sass. מסלול זה בשבילך.

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

מדברים על פרויקט הקורס – נבנה את החזית (ללא backend) של חברת אירוח בדיונית. יהיה לנו מסך התחלה שיש בו קטעים שונים, קיבלנו עיצוב מגיב עם מגירה צדדית מונפשת, יש לנו מודלים וטפסים ובכלל קיבלנו הרבה אנימציות CSS, סגנונות גופן ועוד!

להלן פירוט בפנים בקורס – כל זה מיושם גם בפרויקט הקורס שהוזכר:

• היסודות לגבי בוררים, קומבינטורים ואופן הגדרת כללי הסטיילינג באופן כללי
• מאפיינים, ערכים ודקלרציות
• כיצד פועלת הספציפיות והירושה ומדוע זה נקרא גיליונות סגנון “מדורגים”
• מושגים תיאורטיים חשובים כמו “דגם התיבה”
• כיצד ניתן לשנות את מיקום ברירת המחדל של אלמנטים
• רקעים לעיצוב (למשל מעבר צבע) ותמונות
• אילו יחידות וממדים משתמשים בדרך כלל ב- CSS px, rem,% ועוד
• כיצד JavaScript ו- CSS מתקשרים
• עיצוב רספונסיבי ומה המשמעות של “Mobile First”
• צורות סטיילינג וכניסות טופס
• עבודה עם טקסט, גופנים וסגנונות טקסט
• Flexbox! איך זה עובד ואיך להשתמש בו
• שימוש ב- CSS Grid ואיך הוא שונה מ- Flexbox
• טרנספורמציה והנפשת רכיבי HTML בעזרת CSS
• כתיבת CSS מוגן עתידי עם תכונות כמו משתני CSS או שמות כיתות מומלצות
• השימוש ב- Sass ובמה בעצם מדובר

האם הקורס הזה בשבילך?

 זה בשבילך אם …

• התחלת לימוד פיתוח אתרים ואתה רוצה לבנות אתרים יפים יותר
• אתה כבר יודע CSS אבל רוצה לצלול לעומק
• אתה משתמש ב- CSS בצורה של ניסוי ושגיאה ורוצה לשנות את זה (אתה חייב!)

אולי תחזור אחר כך אם …

• אתה מקצוען CSS מוחלט ואתה מכיר את טיוטות קבוצת העבודה של CSS בעל פה
• אתה מפתח לאחור בלבד (צומת, PHP, NO HTML או JavaScript של frontend)
• אתה חדש לחלוטין בפיתוח אתרים ואינך יודע את היסודות לגבי HTML
• אם זה נשמע לכם טוב, נשמח לקבל אתכם בקורס זה!

למי מיועד הקורס הזה:

• מי שרוצה ללמוד CSS בפעם הראשונה או רוצה לחדד את כישורי ה- CSS שלו
• כל מי שמתלהב ללמוד על התכונות האחרונות של CSSכמו Flexbox, CSS Grid או משתני CSS
• כל מי שמכיר CSS אבל רוצה לצלול לעומק