آموزش شروع با LESS - دوره تصادف مبتدی
Getting Started with LESS - Beginner Crash Course
LESS چیست؟
Less is a CSS ابرمجموعه ای از CSS و یک زبان برنامه نویسی پیش پردازنده است که اغلب به عنوان "Dynamic CSS" نامیده می شود.
- نحو کمتر از CSS سنتی مدل‌سازی شده است
- LESS در CSS3 استاندارد کامپایل می شود
- LESS به شما امکان می دهد CSS خود را با ویژگی های عالی مانند:
- متغیرهایی برای نگهداری سریع تر گسترش دهید.
- به عنوان اشیاء قابل استفاده مجدد ترکیب می شود
- تودرتو برای ساختار شیوه نامه تمیزتر
- محاسبات ریاضی با اپراتورها.
- کد کمتر و کار بیشتر انجام شده!
چرا از LESS استفاده کنیم؟
در حالی که CSS یک زبان عالی است، اما محدودیت های خود را دارد.
برای مثال، اگر یک کد رنگی دارید که چندین بار در شیوه نامه خود استفاده شده است، باید این کد را چندین بار ویرایش کنید تا طرح خود را به روز کنید. روند بسیار خسته کننده!
LESS به دلایل زیر عالی است. :
- امکان کاهش یک کد و صرفه جویی در زمان را می دهد
- تکرار (DRY) و اشتباهات را کاهش دهید
- منطقی است که CSS را با این ویژگی به چندین فایل تقسیم کنیم
هر توسعه‌دهنده وب یا مهندس رابط کاربری جلویی باید از CSS سنتی کمتر از
استفاده کند
= آنچه خواهید آموخت:
در بخش اول f، شما :
را خواهید داشت- یاد بگیرید که چگونه متغیرها را برای نگهداری سریعتر تعریف کنید.
- یاد بگیرید که چگونه Mixins را به عنوان اشیاء قابل استفاده مجدد اعلام کنید
- در مورد Nesting برای ساختار شیوه نامه تمیزتر بیاموزید.
- نحوه انجام محاسبات ریاضی را با اپراتورها بیاموزید
در سطح پیشرفته تر، در مورد:
بحث خواهیم کرد- توابع داخلی
- میکس های Parametized و Guarded
- دستور @import برای گنجاندن شیوه نامه های خارجی در یک سند.
در فصل آخر، آنچه را که آموخته‌اید با یک پروژه عملی به کار می‌گیرید.
= هدف این دوره کمک به شماست
- شیوه نامه های هوشمندتر و تمیزتر ایجاد کنید،
- کد را کاهش دهید،
- کد خود را خشک نگه دارید (خودتان را تکرار نکنید) و مرتب کنید.
= تا پایان دوره،
- شما نحوه استفاده از ویژگی های LESS و کامپایل شیوه نامه های کمتر را در CSS استاندارد خواهید فهمید
- خواهید فهمید که چگونه به راحتی کتابخانه های mixins و همچنین منابع خارجی مانند Font Awesome و Google Font را در پروژه خود ادغام کنید.
- همچنین می‌توانید برنامه SimpLESS را برای کامپایل کردن فایل‌های کمتر خود در CSS زیبا نصب و استفاده کنید.
- SimpLESS یک برنامه رابط کاربری گرافیکی برای کامپایل Less و Sass است.
- یادگیری SimpLESS برای کاربرانی که اولین بار هستند ساده است و با PC و MAC سازگار است.
در شروع با LESS، یاد بگیرید که CSS خود را به سطح بعدی ببرید و کدهای استایل بهتری بنویسید. با چندین نمایش و مثال. قدرت زبان پیش پردازنده را خواهید دید.
معرفی Introduction
-
خوش آمدی! Welcome!
-
دستورالعمل دوره Course Instructions
مبانی کمتر LESS Basics
-
معرفی Introduction
-
مواد دوره و منابع آنلاین Course Materials & Online Resources
-
متغیرها Variables
-
قوانین تو در تو Nested Rules
-
مخلوط ها Mixins
-
اپراتورها Operators
کمتر پیشرفته LESS Advanced
-
معرفی ویژگی های کمتر پیشرفته Intro Advanced Less features
-
میکس های پارامتری شده با پیش فرض Parametized mixins with default
-
میکس های محافظت شده Guarded mixins
-
توابع داخلی Built-in Functions
-
دستورالعمل @import @import Directive
نسخه ی نمایشی پروژه Project Demo
-
معرفی Introduction
-
بررسی اجمالی پروژه Project Overview
-
دستورالعمل ها Instructions
-
شبکه The Grid
-
سرتیتر Header
-
بدنه - بخش اصلی Body - Main Section
-
پاورقی Footer
-
بیشتر More
https://donyad.com/d/5c5e6e
Sandra L Sorel
توسعه دهنده نرم افزار (جاوا اسکریپت | ReactJS | DApp | Web3)
نمایش نظرات