قیمت این دوره: رایگانــ
  • مدرس دوره : محمد اردوخانی
  • تعداد ویدیوها : 12 ویدیو
  • مدت زمان دوره : 5:12:00
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1398/03/18
آموزش رایگان Sass

آموزش رایگان Sass

آموزش رایگان Sass به همراه پروژه عملی

 

Sass یک زبان Stylesheet است که به CSS کامپایل شده و به شما اجازه میدهد از variable ها ،  nested rule ها ، mixin ها و function ها در استایل دهی خود استفاده کنید

Sass به شما کمک میکند تا Style های بسیار بزرگ و سنگین را به راحتی مدیریت کرده و به راحتی بتوانید از کدهای نوشته شده خود ، بارها و بارها در پروژه های مختلف استفاده کنید

امروزه ، کدهای css روز به روز درحال بزرگتر شدن و پیچیده تر شدن هستند. لذا نگهداری و توسعه ی آنها به مراتب سختتر شده است

Sass به شما کمک میکند تا از امکانات و ویژگی هایی که تا کنون در css وجود نداشته اند نظیر variable ها ، nesting ، mixins ، function ها و ... استفاده کنید و در نهایت ، یک فایل استایل  Organize شده را در اختیار شما قرار خواهد داد تا در سایت خود استفاده کنید

در این دوره آموزشی قصد داریم تا امکانات و ویژگی های Sass به همراه یک پروژه عملی آشنا شویم

 




فهرستـــ ویدیوها

مدت زمان دوره 5:12:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • معرفی دوره Sass

00:04:00

معرفی دوره Sass

2
  • نصب و راه اندازی اولیه Sass

00:23:00

راه اندازی اولیه sass با استفاده از دو روش ( استفاده از nodejs و یا extension های vs code )

3
  • کار با Variable ها در Sass

00:17:00

آموزش متغیر ها در Sass و تکمیل سایت

4
  • کار با Nesting و Mixin ها در Sass

00:17:00

آموزش کار با Nesting و پیاده سازی Mixin ها ، ورودی Mixin ها ، ...

5
  • یررسی Function ، Extend و Placeholder selector در Sass

00:27:00

پیاده سازی Function و عملیات Extend به همراه Placeholder selector در Sass

6
  • بررسی partial ، Loops و گزاره ی شرطی در Sass

00:42:00

بررسی جزیی Partial ها و حلقه ها و گزاره شرطی در Sass

7
  • پروژه عملی Sass ( قسمت اول )

00:44:00

استارت پروژه عملی ، ایجاد ساختار اولیه و استایل دهی قسمت Header سایت

8
  • پروژه عملی ( قسمت دوم )

00:22:00

پیاده سازی بخش مربوط به درباره ما در سایت و اضافه کردن فونت های فارسی و راست چین کردن قالب

9
  • پروژه عملی ( قسمت سوم )

00:23:00

پیاده سازی بخش مربوط به گالری تصاویر

10
  • پروژه عملی ( قسمت چهارم )

00:14:00

 پروژه عملی ( قسمت چهارم )

11
  • پروژه عملی ( قسمت پنجم )

00:35:00

پیاده سازی Navbar و Hamburgr Menu در پروژه

12
  • پروژه عملی ( قسمت ششم )

00:44:00

کار با media query ها و ریسپانسیو کردن پروژه عملی

دوره های دیگر مدرس

مشاهده همه دوره ها

نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .