آکادمی آی تی

دوره جامع آموزش Less از مقدماتی تا پیشرفته

آموزش کتابخانه Less

LESS یکی از کتابخانه های CSS است که از قوانین CSS استفاده می‎کند؛

هیچ صفحه وب سایتی نداریم که از css استفاده نکرده باشد چون همه ویژگی های رنگ و فونت و عملیات ریسپانسیو سازی صفحات سایت با css صورت میگیرد   بنابراین css یک بخش جدانشدنی از صفحات وب سایت هاست، اما استفاده از css به تنهایی یکم مارو محدود تر میکند؛ به همین دلیل کتابخانه هایی تحت محور css به وجود آمدند مانند less تا به ما کمک کنند مدیریت بهتری بر کدهای css داشته باشیم؛ در این دوره آموزشی همراه شماییم با آموزش کتابخانه Less.

 

Less چیست؟

Less یک کتابخانه css مبتنی بر جاوااسکریپت است و با استفاده از این کتابخانه میتوینم با بهره مندی از الگوریتم ها و توابع مختلف استایل دهی خود را مدیریت کنیم اما نیاز به یادگیری جاوااسکریپت نیست. ینی شما بدون نیاز به یادگیری زبان برنامه نویسی میتونید از امکاناتی نظیر حسابگر، mixin، توابع و.. استفاده کنید چون که کامپایلر Less بر اساس جاوااسکریپت نوشته شده. شما با دیدن دوره آموزشی less میتوانید کد های css پویا بنویسید، و در پایان پروژه بسایر راحت تر از قبل میتونید کد های css خود را مدیریت کنید

 

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

  1. جلوگیری از تکرار کد های css
  2. منظم بودن کد های استایل دهی
  3. ابزاری برای مدیریت راحت ترcss
  4. صرفه جویی در زمان 
  5. استفاده از متغیر
  6. ایجاد  توابع 
  7. استفاده از توابع رنگی
  8. استفاده ار حلقه ها
  9. استایل دهی تو در تو برای عناصر

 

تفاوت Less و Sass:

تفاوت این دو کتابخانه فقط در سنتکس و قواعد کد نویسی آن هاست، به عکس زیر نگاه کنید.

 

مقایسه lessوscss

 

پیش نیاز های ویدئو آموزشی Less:

نکته ای که لازم هست به آن توجه کنید این است که برای یادگیری Less به هیچ وجه نساز به یادگیری Javascript نیست اما باید به زبان های HTML و CSS مسلط باشید که اگر در این مورد ضعف دارید میتونید از  دوره آموزش HTML+CSS آکادمی آی تی استفاده کنید 

جلسات دوره

1. معرفی دوره less - - (00:12:51) رایگان

2. آماده سازی محیط - - (00:14:59) رایگان

دانلود رایگان

3. compiler - - (00:15:52) رایگان

4. پیش پردازنده less - - (00:21:21) رایگان

دانلود رایگان

5. ابزار simpless - - (00:13:19) رایگان

6. معرفی پلاگین برای simpless - - (00:08:45)

7. مسیر ها در Less - - (00:11:57)

8. قسمت دوم مسیر ها - - (00:15:02)

9. mixins - - (00:13:54)

10. mixins-2 - - (00:12:03)

11. mixins-3 - - (00:17:03)

12. mixins-4 - - (00:15:18)

13. advance mixins - - (00:13:59)

14. advance mixins-2 - - (00:17:36)

15. پارامتر های-mixins - - (00:07:15)

16. پارامتر های-mixins-2 - - (00:14:36)

17. پارامتر های Mixins-3 - - (00:13:55)

18. پارامتر های -mixins-4 - - (00:18:32)

19. پارامترهای-mixins-5 - - (00:22:26)

20. دستورات شرطی - - (00:24:05)

21. دستورات شرطی-قسمت دوم - - (00:21:46)

22. توابع ریاضی - - (00:18:39)

23. توابع ریاضی-2 - - (00:19:32)

24. nesting - - (00:21:09)

25. ایجادمنو با less - - (00:18:42)

26. extend - - (00:16:01)

27. extend-2 - - (00:10:37)

28. extend-3 - - (00:06:23)

29. توابع رنگ ها - - (00:15:55)

30. توابع رنگ ها-2 - - (00:21:23)

خرید نقدی

دپارتمان: آموزش طراحی سایت

سبد خرید

سبد خرید شما خالی است.