קורס ה- CSS המתקדם והמודרני ביותר באינטרנט: flexbox מאסטר, רשת CSS, עיצוב רספונסיבי, ועוד.

מה תלמדו

  • המון טכניקות CSS מודרניות ליצירת עיצובים ואפקטים מדהימים
  • אנימציות CSS מתקדמות עם @keyframes, אנימציה ומעבר
  • כיצד עובד CSS מאחורי הקלעים: cascade, specificity, inheritance וכד"
  • ארכיטקטורת CSS: תכנון מבוסס רכיבים, BEM, כתיבת קוד לשימוש חוזר וכד"
  • פריסות Flexbox: בנה פרויקט ענק עם Flexbox
  • פריסות רשת CSS: בנה פרויקט ענק באמצעות CSS Grid
  • שימוש ב- Sass בפרויקטים בעולם האמיתי: משתנים גלובליים, ארכיטקטורת CSS, ניהול שאילתות מדיה וכו '.
  • תכנון רספונסיבי ומתקדם: שאילתות מדיה, ניידים מול שולחן עבודה, em vs rem וכו '.
  • תמונות רספונסיביות ב- HTML וב- CSS לקבלת טעינות עמודים מהירות יותר
  • תמונות וסרטוני SVG ב- HTML ו- CSS: בנה אפקט וידיאו רקע
  • המערכת האקולוגית של NPM: זרימות עבודה ותהליכי בנייה
  • קבל תמיכה ידידותית ומהירה בקורס עם שאלות ותשובות
  • הרצאות, קוד ונכסי עיצוב הניתנים להורדה לכל הפרויקטים

דרישות

  • זה לא קורס למתחילים – עליכם להיות עם ניסיון בקידוד HTML ו- CSS לפני הקורס
  • כל מחשב ומערכת הפעלה יעבדו – Windows, macOS או Linux
  • אין צורך בתוכנה בתשלום – עורך הטקסט שכבר יש לכם עובד בסדר גמור

תיאור

האם אתה כבר מקודד CSS אבל רוצה לקחת את הידעשלך לשלב הבא? האם אתה מרגיש מבולבל עם ז'רגון CSS כמו inheritance, specificity ,cascade?

מה אם היה משאב אחד, מקום אחד, שבו תוכלו ללמוד את כל הטכניקות והמאפיינים של CSS המתקדמים והמודרניים עליהם קראתם?

חדשות טובות: יש כזה דבר!

ברוך הבא ל- "CSS ו- Sass למתקדמים", קורס ה- CSS המתקדם, המודרני ביותר והשלם ביותר באינטרנט. זה כל מה שאתה צריך בקורס CSS מתקדם, ועוד.

תלמדו אנימציות מורכבות של CSS, טכניקות עיצוב מתקדמות עם היענות, פריסות פלקסבוקס, Sass, ארכיטקטורת CSS, מושגי CSS בסיסיים, ועוד ועוד.

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

לאחר שתסיים קורס זה, אתה:

1) תהיה מעודכן עם תכונות וטכניקות CSS המודרניות והמתקדמות ביותר

2) תשלוט בטכנולוגיות הפריסה החדישה Flexbox ו- CSS Grid

3) תהיה מוכן לבנות פריסות מגיבות לכל מיני מכשירים ומצבים שונים

4) להבין באמת כיצד CSS עובד מאחורי הקלעים

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

שימו לב כי קורס זה אינו מיועד למתחילים, לכן עליכם כבר להיות ברמה ביניים ב- HTML ו- CSS.

הקורס הזה הוא מאסיבי, מגיע בעוד 28 שעות. הנה בדיוק מה שתלמדו:

  • טונות של טכניקות CSS חדישות חדשניות ליצירת עיצובים ואפקטים מדהימים: קליפ-מסלול, קליפ רקע, תמונת מסכה, מצב מיזוג רקע, צורה-חוץ, פילטר, פילטר רקע, התאמת עצמים, טרנספורמציה, ספירת עמודות, מקפים, פרספקטיבה, calc () ותכונות CSS מותאמות אישית;
  • אנימציות CSS מתקדמות עם @keyframes, אנימציה ומעבר;
  • בוחרי CSS מתקדמים, שיעורי פסאודו ואלמנטים פסאודו הנדרשים לפיתוח CSS מודרני;
  • כיצד עובד CSS מאחורי הקלעים: המפל, הספציפיות, הירושה, עיבוד הערכים, מודל העיצוב החזותי, דגם התיבה, סוגי התיבות, תוכניות המיקום וההקשר של הערימה;
  • ארכיטקטורת CSS: כלל 7-1, תכנון מבוסס רכיבים, מתודולוגיית BEM, כתיבת קוד לשימוש חוזר, בר-קיימא וניתן להרחבה;
  • מבוא ל- Sass: משתנים, קינון, חלקים, יבוא, תערובות, פונקציות, הרחבות ועוד;
  • שימוש ב- Sass בפרויקטים בעולם האמיתי: קביעת משתנים גלובליים, בנייה לשימוש חוזר, ארכיטקטורת CSS וניהול שאילתות מדיה;
  • המערכת האקולוגית של NPM: הגדרת תהליך פיתוח לקומפילציה של Sass וטעינת דפדפן אוטומטית, ויצירת תהליך בנייה לשילוב, קידומת ודחיסת קבצי CSS;
  • עיצוב מגיב ומודרני: רשתות נוזלים, סוגי פריסה, תמונות גמישות, באמצעות שאילתות מדיה לבדיקת רוחבי מסך שונים, צפיפות פיקסלים ויכולות מגע;
  • זרימות עבודה מתקדמות עם יכולות התגובה: אסטרטגיות ניידים תחילה לעומת שולחן עבודה, בחירת נקודות עצירה, יחידות מול יחידות remושאלות תכונות לבדיקת תמיכה בדפדפנים;
  • תמונות רספונסיביות ב- HTML ו- CSS לטעינת עמודים מהירים יותר: החלפת רזולוציה, מיתוג צפיפות, כיוון אומנות;
  • תמונות SVG ב- HTML ו- CSS: כיצד ומדוע להשתמש ב- SVG, יצירת ספרייטים של SVG, שינוי צבעי SVG ב- CSS ושיטות עבודה מומלצות;
  • סרטונים ב- HTML ו- CSS: בניית אפקט וידאו ברקע;
  • פריסות Flexbox: מושגים עיקריים, היכרות עם מיכל flex וגם תכונות ספציפיות של flex flex, טכניקות מיקום מתקדמות המיושמות בפרויקט ענק אמיתי בעולם;
  • פריסות רשת CSS: מושגים עיקריים, רשת CSS לעומת flexbox וטכניקות פריסה המיושמות על פרויקט בעולם האמיתי. החלק הזה לבדו יכול להיות קורס שלם!

מדוע כדאי לך לקחת קורס זה?

אז ראית שהקורס מלא בתוכן. אבל אולי אתה עדיין לא בטוח אם אתה באמת צריך ללמוד CSS מתקדם?

זה כנראה בגלל שקל מאוד להתחיל עם CSS. למעשה, רוב המפתחים מעריכים מאוד את החשיבות והכוח של CSS אבל שום דבר לא יכול להיות רחוק יותר מהאמת!

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

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

והקורס הזה יעזור לכם בכל זה!

אז האם כדאי לכם לקחת קורס זה? התשובה היא ככל הנראה כן גדול!

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

וזה מה שאתה מקבל על ידי ההרשמה היום:

  • גישה לכל החיים ל 20+ שעות של קטעי וידאו באיכות HD. אין מנוי חודשי. למדו בקצב שלכם, מתי שתרצו.
  • ניתן להוריד את כל הסרטונים, למד איפה שאתה רוצה, אפילו בלי חיבור לאינטרנט!
  • תמיכה ידידותית ומהירה בקורס שאלות ותשובות בכל פעם שיש לך שאלות או נתקעת,
  • כותרות סגורות באנגלית (לא אלה שנוצרו אוטומטית המסופקות על ידי Udemy).
  • שקופיות קורס בפורמט PDF,
  • נכסים הניתנים להורדה, קוד מתחיל וקוד סופי לכל פרויקט.
  • הרבה אתגרים קטנים כלולים בסרטונים כך שתוכלו לעקוב אחר ההתקדמות שלכם.

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

  • מפתחי CSS שרוצים לעדכן את כישורי ה- CSS שלהם לרמה המודרנית ביותר.
  • מפתחי CSS שרוצים להרחיב את מערך הכלים שלהם לאנימציות, flexbox, Sass, NPM, SVG, ועוד.
  • מפתחים שרוצים להבין סוף סוף איך CSS עובד מאחורי הקלעים.
  • באופן כללי: כל מי שרוצה לשלוט באמת ב- CSS!

תכנית הלימודים של הקורס

לא נמצאה רשימת תוכן

חוות דעת

אין

פידבקים
  • 5 כוכבים0
  • 4 כוכבים0
  • 3 כוכבים0
  • 2 כוכבים0
  • 1 כוכבים0

לא נמצאו חוות דעת לקורס

התחילו את הקורס
0 תלמידים רשומים 

    © Meitav Self Learning. All rights reserved.