دوره آموزشی CSS: فریمورکها و شبکه ها
1 ساعت 35 دقیقهمتوسط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)
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - دانش توصیه شده
- 03 - استفاده از فایلهای تمرین
1. معرفی چارچوب ها
- 04 - چارچوب ها , توریها و دیگهای بخار
- 05 - انواع فریم ورک
- 06 - بررسی یک چارچوب حداقلی
- 07 - بررسی یک چارچوب جامع
2. یک چارچوب را انتخاب کنید
- 08 - آیا فریمورکها برای شما مناسب هستند؟
- 09 - فریمورکهای محبوب
- 10 - در یک چارچوب به دنبال چه چیزی باشم
- 11 - چارچوب خود را بسازید
3. یک چارچوب تنظیم کنید
- 12 - دانلود یک فریمورک
- 13 - استفاده از چارچوب
- 14 - ساختار دایرکتوری را سفارشی کنید
- 15 - اصلاح فایل ها
- 16 - بررسی عملکرد چارچوب
4. یک سایت مبتنی بر چارچوب بسازید
- 17 - شروع پروژه نمونه
- 18 - راهاندازی صفحه شروع
- 19 - استفاده از قابلیتهای چارچوب
- 20 - یک هدر سفارشی اضافه کنید
- 21 - یک پاورقی سفارشی اضافه کنید
- 22 - تست و آماده سازی کد
- 23 - پاک کردن فایلهای استفاده نشده
5. با Grids کار کنید
- 24 - شبکههای CSS چیست؟
- 25 - سیستمهای شبکه محبوب CSS
- 26 - بررسی نحو مبتنی بر شبکه
نتیجه
- 27 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی جعبه ابزار CSS: نکات و روشهای طراحی و چینش صفحه
- دوره آموزشی CSS: طرحبندیهای پیشرفته با Grid
- دوره آموزشی CSS برای توسعهدهندگان
- دوره آموزشی HTML، CSS و جاوااسکریپت: ساخت وب
- دوره آموزشی طرح بندی قابل دسترسی برای وب
- دوره آموزشی فرم های HTML: قابلیت دسترسی
- دوره آموزشی مقدمه ای بر طراحی و توسعه وب
- دوره آموزشی آن را تمرین کن: طرح بندی CSS