CodeShot

مسیر یادگیری CSS

زبانی برای استایل‌دهی به عناصر HTML — رنگ، فاصله، چیدمان و واکنش‌گرایی صفحه.

5 مرحله

  1. 1.

    CSS چیست؟

    زبانی برای استایل‌دهی به عناصر HTML — رنگ، فاصله، چیدمان و واکنش‌گرایی صفحه.

    ~3 ساعت
  2. 2.

    مدل جعبه‌ای و اصول چیدمان

    نحوه محاسبه margin، border، padding و content در مدل جعبه‌ای و تاثیر box-sizing بر چیدمان عناصر را شرح می‌دهد.

    ~3 ساعت
  3. 3.

    چیدمان مدرن با Flexbox و Grid

    ساخت چیدمان‌های یک‌بعدی با Flexbox و چیدمان‌های دوبعدی مبتنی بر ردیف و ستون با CSS Grid را آموزش می‌دهد.

    ~5 ساعت
  4. 4.

    طراحی واکنش‌گرا برای دستگاه‌های مختلف

    استفاده از Media Query، واحدهای نسبی و رویکرد mobile-first برای سازگاری صفحه با اندازه‌های مختلف نمایشگر را توضیح می‌دهد.

    ~4 ساعت
  5. 5.

    متحرک‌سازی رابط کاربری با Animation و Transition

    ساخت جلوه‌های حرکتی نرم با transition و ساخت انیمیشن‌های پیچیده‌تر با keyframes و خاصیت animation را آموزش می‌دهد.

    ~4 ساعت