گروه آموزشی زیکو پشتیبانی تماس با ما درباره ما کانال تلگرام بستن منو

اموزش sass و ساخت فریم ورک مشابه بوت استرپ + پروژه داشبورد مدیریت
100 % از دوره تکمیل است

  • ۷ ساعت
  • سطح پیشرفته
  • ۴۱ قسمت
  • پایان دوره
  • 749 دانشجو
قیمت : تومان
رایگان – خرید محصول
  • توضیحات
  • محیط پروژه
  • مدرس
  • 6 دیدگاه
  • قسمت های رایگان
شرح دوره

Sass چیست ؟

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

 

چرا از sass استفاده کنیم ؟

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

 

ویژگی های sass :‌

Nesting یا تو در تو نویسی
متغیر ها
وراثت
لیست مپ ها
میکسین ها
توابع
حلقه ها !
و …

 

پروژه های دوره :

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

 

پیشنیاز ها دوره :

– Html

– Css ( بهتره grid , flex رو هم بلد باشید )

– Javascript ( در حد مقدماتی و مباحث DOM )

رایگان – خرید
سرفصل دوره
  • دمو : 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 ها در فریمورک

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

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

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

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

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

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

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

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

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

  • پروژه داشبورد : ساخت قسمت تایپوگرافی

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

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

  • پروژه داشبورد : جزئیات پروژه +‌ رسپانسیو سازی (اتمام دوره)

 
حمید رضا فیروزی
31 مجموع ساعت های تدریس
1600+ تعداد دانشجو
3 تعداد آموزش ها
لیست آموزش هابرای دیدن آموزش های این استاد در سایت زیکو ، روی مشاهده آموزش کلیک کنید
عنوان درس لینک دانلود
اموزش Css Grid مشاهده آموزش
اموزش FlexBox مشاهده آموزش
اموزش Sass مشاهده آموزش
مهارت ها
(95%) HTML - CSS
(94%) Sass - Less
(75%) JQuery - Javascript
(73%) electron
(40%) php
(30%) wordpress
سوابق شغلی
  • تولید سکشن برای المنتوز در شرکت های خصوصی
  • طراح قالب به صورت رسمی برای سیسم های وبلاگ دهی
  • مدرس فرانت اند
  • کانفیگ سرور و طراحی قالب فرانت اپلود سنتر ها
  • طراح بیش از 30 نوع قالب برای شرکت هایی مخلف
  • مقام دوم جشنواره جوان خوارزمی رشته نرم افزار مرحله کشوری
  • مقام سوم جشنواره جوان خوارزمی رشته نرم افزار مرحله کشوری ( طراحی اپلیکیشن برای یک تیم دیگر )

> 6 دیدگاه برای “اموزش sass و ساخت فریم ورک مشابه بوت استرپ + پروژه داشبورد مدیریت

    سلام متشکرم استاد واقعا عالی بود ممنون از تیم زیکو

    سلام وقت بخیر ، خوشحالم ک لذت بردید 🙂

    سلام استاد، در مورد دستور @use که وقتی مثلا از سند دیگری در سند اصلی use می‌کنیم، نمیذاره توی css سندی که use شده، کامپایل بشه (برعکس دستور @import) چیزی نگفتید توی دوره . من هرچی طبق داکیومنت عمل می کنم نمیتونم ازش استفاده کنم ! میشه راهنمایی کنید لطفا

    سلام وقت بخیر
    چندان کاربردی نداره چون دیفالت هم شما وقتی یه چیزیو import میکنید اگر شامل کلس و اینجور موارد نباشه کامپایل نمیشه عملا ولی اگر باز خواستین نحوه استفادشو بدونین به ایدی تلگرامی که داخل دوره گفته شده پیام بدین توضیح میدم بهتون .
    موفق باشید

    سلام 16 قسمت در پنل من هست بقیه قسمت ها کی آپلود میشه

    سلام وقت بخیر .
    دوره در حال اپلود هستش و تا شب (نهایتا فردا) هم باقی قسمت ها روی سایت قرار میگیره .
    امیدوارم که از دوره لذت ببرید 😉 .

پاسخ دادن به Yeganeh لغو پاسخ

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

لیست آموزش های رایگان

برای مشاهده کیفیت و نحوه تدریس مدرس چندین قسمت از آموزش برای شما به صورت رایگان قرار گرفته است

عنوان درس لینک دانلود
دمو مشاهده آموزش
قسمت 20 مشاهده آموزش
قسمت 24 مشاهده آموزش
قسمت 32 مشاهده آموزش
قسمت 39 مشاهده آموزش