قیمت این دوره: رایگانــ
  • مدرس دوره : محمد اردوخانی
  • تعداد ویدیوها : 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
  • در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.

  • لطفا در صورت اقدام به دانلود تا انتها فرایند دانلود ، این صفحه را باز نگاه دارید.

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 ها و ریسپانسیو کردن پروژه عملی

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

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