دوره آموزشی CSS: فریمورکها و شبکه ها
1 ساعت 34 دقیقهمتوسط2016-09-07
مدرسین

Carrie Dils
Development, WordPress
جزئیات دوره
تا حالا به این فکر کردی که استفاده از یه فریمورک CSS میتونه سرعت توسعه وبسایتت رو بالا ببره؟ 🚀✨
فریمورکهای CSS بهت یه سری فایلها و ابزارهای آماده میدن که روند طراحی و کدنویسی رو خیلی راحتتر میکنن. با این کار، نهتنها توی کدنویسی جلو میفتی، بلکه کدت هم مرتبتر و استانداردتر میشه. اما همهی پروژهها به فریمورک نیاز ندارن! 🤔
کری دیلز تو این دوره انواع فریمورکهای CSS رو معرفی میکنه، از جمله محبوبترین گزینههای متنباز مثل Bootstrap و Foundation. اون مزایا و معایب هر کدوم رو بررسی میکنه و کمک میکنه بفهمی که فریمورکها برای پروژهات مناسب هستن یا نه.
💡 تو این آموزش یاد میگیری:
✔️ چطور یه فریمورک مناسب انتخاب کنی
✔️ از صفر تا صد دانلود، نصب و شخصیسازی فریمورک رو یاد بگیری
✔️ یه وبسایت کامل با استفاده از فریمورک طراحی کنی
✔️ با سیستمهای گرید CSS مثل Flexbox و Grid Layout کار کنی و صفحات رو توی ستونها و ردیفها بهدرستی بچینی
🎯 اهداف یادگیری
🎨 آشنایی با فریمورکها، گریدها و قالبهای آماده
🔍 چطور فریمورک مناسب پروژهات رو انتخاب کنی
🛠️ ساخت و توسعه فریمورک اختصاصی خودت
📂 نحوه دانلود، تنظیم و سفارشیسازی فریمورکها
🌍 طراحی یه وبسایت جدید با فریمورکهای CSS
📐 کار با سیستم گرید (Flexbox و CSS Grid)
فریمورکهای 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
- بررسی نحو مبتنی بر شبکه
نتیجه
- مراحل بعدی