دوره آموزشی CSS: فریمورک‌ها و شبکه ها

دوره آموزشی CSS: فریمورک‌ها و شبکه ها

1 ساعت 34 دقیقهمتوسط2016-09-07

مدرسین

Carrie Dils

Carrie Dils

Development, WordPress

جزئیات دوره

تا حالا به این فکر کردی که استفاده از یه فریمورک CSS می‌تونه سرعت توسعه وب‌سایتت رو بالا ببره؟ 🚀✨

فریمورک‌های CSS بهت یه سری فایل‌ها و ابزارهای آماده میدن که روند طراحی و کدنویسی رو خیلی راحت‌تر می‌کنن. با این کار، نه‌تنها توی کدنویسی جلو میفتی، بلکه کدت هم مرتب‌تر و استانداردتر میشه. اما همه‌ی پروژه‌ها به فریمورک نیاز ندارن! 🤔

کری دیلز تو این دوره انواع فریمورک‌های CSS رو معرفی می‌کنه، از جمله محبوب‌ترین گزینه‌های متن‌باز مثل Bootstrap و Foundation. اون مزایا و معایب هر کدوم رو بررسی می‌کنه و کمک می‌کنه بفهمی که فریمورک‌ها برای پروژه‌ات مناسب هستن یا نه.

💡 تو این آموزش یاد می‌گیری:
✔️ چطور یه فریمورک مناسب انتخاب کنی
✔️ از صفر تا صد دانلود، نصب و شخصی‌سازی فریمورک رو یاد بگیری
✔️ یه وب‌سایت کامل با استفاده از فریمورک طراحی کنی
✔️ با سیستم‌های گرید CSS مثل Flexbox و Grid Layout کار کنی و صفحات رو توی ستون‌ها و ردیف‌ها به‌درستی بچینی

🎯 اهداف یادگیری
🎨 آشنایی با فریمورک‌ها، گریدها و قالب‌های آماده
🔍 چطور فریمورک مناسب پروژه‌ات رو انتخاب کنی
🛠️ ساخت و توسعه فریمورک اختصاصی خودت
📂 نحوه دانلود، تنظیم و سفارشی‌سازی فریمورک‌ها
🌍 طراحی یه وب‌سایت جدید با فریمورک‌های CSS
📐 کار با سیستم گرید (Flexbox و CSS Grid)

مهارت ها

CSSWeb StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentOpen SourceDeep Dive (X:Y)

سرفصل ها

مقدمه

  • خوش آمدید
  • دانش توصیه شده
  • استفاده از فایل‌های تمرین

معرفی چارچوب ها

  • چارچوب ‌ها , توری‌ها و دیگ‌های بخار
  • انواع فریم ورک
  • بررسی یک چارچوب حداقلی
  • بررسی یک چارچوب جامع

یک چارچوب را انتخاب کنید

  • آیا فریمورک‌ها برای شما مناسب هستند؟
  • فریمورک‌های محبوب
  • در یک چارچوب به دنبال چه چیزی باشم
  • چارچوب خود را بسازید

یک چارچوب تنظیم کنید

  • دانلود یک فریمورک
  • استفاده از چارچوب
  • ساختار دایرکتوری را سفارشی کنید
  • اصلاح فایل ها
  • بررسی عملکرد چارچوب

یک سایت مبتنی بر چارچوب بسازید

  • شروع پروژه نمونه
  • راه‌اندازی صفحه شروع
  • استفاده از قابلیت‌های چارچوب
  • یک هدر سفارشی اضافه کنید
  • یک پاورقی سفارشی اضافه کنید
  • تست و آماده سازی کد
  • پاک کردن فایل‌های استفاده نشده

با Grids کار کنید

  • شبکه‌های CSS چیست؟
  • سیستم‌های شبکه محبوب CSS
  • بررسی نحو مبتنی بر شبکه

نتیجه

  • مراحل بعدی
۴۰,۰۰۰ تومان