آموزشگاه زیکو ICCO

آموزش Sass و ساخت فریم ورک مشابه بوت استرپ + پروژه داشبورد مدیریت

مدرس: حمیدرضا فیروزی مدت زمان آموزش : 11:30 ساعت تعداد سمت ها : 40 وضعیت اموزش : تکمیل
شرح دوره

Sass مخفف کلمات Syntactically Awesome Stylesheets است. Sass در واقع یک پیش پردازنده برای css هستش که این امکان رو به شما میده خیلی سریعتر و بهینه تر کد های css خودتون رو بنویسید

چرا از sass استفاده کنیم ؟
تسلط به sass به عنوان یک توسعه دهنده برای شما لازم است . همینطور اکثر آگهی های استخدامی فرانت اند ، خواستند که شما به sass تسلط داشته باشید چون کاری تیمی و ایجاد تغییرات رو راحت میکنه .

پروژه های دوره :
داخل این دوره به صورت کامل یک فریمورک مثل بوت استرپ میسازیم و در انتها به کمک همون فریمورک و sass یک پروژه داشبورد بسیار عالی رو با هم میسازیم . البته بیشرت تمرکز ما روی sass هستش و شما هر پروژه ای که دوست داشتید میتونید با اون فریمورک بسازید . علاوه بر این مینی پروژه های جذابی داخل دوره داریم .

پیشنیاز ها دوره :
Html Css ( بهتره grid , flex رو هم بلد باشید ) Javascript ( در حد مقدماتی و مباحث DOM )

125000 تومان – خرید
لینک های دانلود سرفصل دوره

  • دمو معرفی FlexBox و برسی پروژه

  • sass چیست ، نگاهی به پروژه دوره

  • نصب ، کامپایل و راه انداری sass

  • nesting یا تو در تو نویسی در sass

  • تفاوت پسوند .sass و .scss

  • متغیر ها در sass

  • شیوه صحیح کامنت گذاری در sass

  • انواع عملگر ها در sass

  • وارثت inheritance و extend در sass

  • ماژولار کردن فایل ها ، partials و import در sass

  • میکسین ها ۱ : (mixins) در sass

  • میکسین ها ۲ : (mixins) تمرین : ساخت الگو های رایج

  • توابع ۱ :‌ (functions) در sass

  • لیست مپ ها در sass

  • حلقه ها ۱ (while)

  • حلقه ها ۲ (for)

  • حلقه ها ۳ (each) پیمایش مپ ها و لیست ها

  • دستورات شرطی ۱

  • دستورات شرطی ۲ : تمرین ساخت مدیا کوئری هوشمند

  • مینی پروژه یک سیستم گرید قدرتمند !!! (dynamic Flex systeam)

  • برسی انواع ارور ها و خطایابی (error , warn)

  • قابل بازیافت کردن کد ها (بهینه سازی روند توسعه)

  • کار با رنگ ها ۱

  • توابع مربوط به رشته ها (string)

  • توابع map در sass

  • ------- شروع پروژه ---------

  • آماده سازی و برسی فریمورک

  • پروژه : برسی و ساخت پایه فریمورک

  • پروژه :‌ برسی و ساخت grid Systeam در فریمورک

  • پروژه :‌ برسی و ساخت space ها در فریمورک

  • پروژه :‌ برسی و ساخت تایپوگرافی

  • پروژه : برسی و ساخت کامپوننت ها در فریمورک

  • پروژه : رسپانسیو کردن بخش های مختلف فریمورک

  • برسی کتاب خونه ها لازم برای پروژه

  • توضیحات پروژه داشبرد ۱

  • مرور چیز هایی که ساختیم ;)

  • پروژه داشبورد : ساخت بدنه وبسایت

  • پروژه داشبورد : ساخت صفحه اصلی 4

  • پروژه داشبورد : ساخت ویجت ها

  • پروژه داشبورد : ساخت قسمت تایپوگرافی ، ساخت قسمت پروفایل ، ساخت قسمت فعالیت ، جزئیات پروژه +‌ رسپانسیو سازی (اتمام دوره)