برو به محتوا

HTML و CSS · سطح ۳ — حرفه‌ای

معماری CSS، کارایی و سئوی فنی صفحه

کد CSS که در تیم و در طول زمان سالم می‌ماند، CSS امروزی (container query، ‎:has‎، لایه‌ها)، کارایی و سئوی فنی.

درس‌های این دوره در حال نوشتن است؛ سرفصل‌ها را ببینید و برنامه‌تان را بچینید.

  • مدرس: مهدی مشعل

برای چه کسی

  • توسعه‌دهندهٔ فرانت‌اندی که روی پروژهٔ واقعی کار می‌کند

بعد از این دوره

  • CSS یک سایت بزرگ را معماری کنید
  • Core Web Vitals یک صفحه را بهبود دهید

پیش‌نیاز

  • HTML و CSS متوسط

سرفصل‌ها

  1. ۱معماری CSSبه‌زودی
    1. نام‌گذاری: BEM و مانند آنبه‌زودی
    2. لایه‌های آبشاریبه‌زودی
    3. کلاس‌های کمکی و توکن‌هابه‌زودی
  2. ۲CSS پیشرفتهبه‌زودی
    1. container queryبه‌زودی
    2. انتخابگر ‎:has‎به‌زودی
    3. ویژگی‌های منطقی برای چپ و راستبه‌زودی
  3. ۳کاراییبه‌زودی
    1. مسیر بحرانی رندربه‌زودی
    2. تصویر و فونت سبکبه‌زودی
    3. Core Web Vitalsبه‌زودی
  4. ۴سئوی فنی صفحهبه‌زودی
    1. متا و ساختاربه‌زودی
    2. داده‌های ساختاریافتهبه‌زودی
    3. سایت دوزبانه و hreflangبه‌زودی
  5. ۵پروژهٔ سطحبه‌زودی
    1. پروژه: سایت دوزبانهبه‌زودی

پروژهٔ پایان سطح

سایت دوزبانهٔ چندصفحه‌ای با امتیاز کارایی بالا

گذراندن این سطح یعنی: روی کد یک تیم کار می‌کند — مدال شعله