مقدمه

با عرض سلام خدمت کاربران سایت پی وی لرن ، اگر شما با طراحی وب سایت و مباحث html ، css و جاوا اسکریپت آشنایی داشته باشید، خواهید دانست که html اسکلت و بخش های اصلی یک قالب را تشکیل داده و ظاهر و زیبایی قالب وب سایت ها را نیز css می سازد، از این رو یک قالب html بدون کدهای css عموما هیچگونه ظاهر خاصی نخواهد داشت، پس استفاده ی صحیح از css اهمیت بسیاری در ظاهر یک وب سایت دارد. در این دوره ما یکی از فریم ورک های محبوب css ، به نام فریم ورک less را به شما آموزش خواهیم داد که عموما با عنوان زبان less نیز شناخته می شود، فریم ورک less در واقع کدهای css را پویا و داینامیک می سازد و از این طریق توانایی و قالبیت css را گسترش می دهد، در این بخش به معرفی زبان less و روال کلی دوره آموزش فریم ورک less می پردازیم.

دوره آموزش فریم ورک less

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

درباره زبان less

Less مخفف Leaner Style Sheets می باشد.

این فریم ورک توسط روش هایی نظیر متغیرها و توابع ، CSS را پویا (Dynamic) ساخته است.

همچنین در هر دو سمت کاربر (Client Side) مانند مرورگرهای کروم ، موزیلا و … و سمت سرور (Server Side) مانند Node.Js قابل استفاده می باشد.

شروع کار با فریم ورک less

کد اصلی زبان less توسط جاوا اسکریپت نوشته شده است .

برای شروع کار می توان به سه روش از فریم ورک less در برنامه خود استفاده کنیم :

  •  یکی اینکه نرم افزارهای کامپایل Less را دانلود کرده و فایل با پسوند less خود را به آن import کرده و فایل css مربوطه را خودش بسازد.
  • روش دوم بدین صورت است که فایل less.min.js را دانلود کرده و در بخش head سایت خود آنرا اضافه کنید .
  •  روش سوم اینست که به وب سایت هایی که بصورت آنلاین Less را به css تبدیل میکنند مراجعه کنید .

در حقیقت زبان less یک پیش پرداز(pre-processor) برای CSS است.

این پردازشگر استایل قابل تنظیم ، قابل کنترل و قابل استفاده ی مجدد را برای وب سایت ها ارائه می دهد.

Less یک زبان داینامیک برای برگه های استایل است که قابلیت های CSS را گسترش می دهد.

همچنین می توان گفت که Less، در تمامی مرورگر ها به خوبی کار می کند.

مخاطبان آموزش فریم ورک less

این آموزش ها(آموزش Less) هم برای تازه کار ها و هم برای حرفه ای هایی که می خواهند به وب سایت یا وبلاگ خود جذابیت ببخشند، طراحی شده است.

پیش نیازهای آموزش Less

برای آموزش Less، شما باید با مباحث زیر آشنایی داشته باشید:

  • نحوه ی کار کردن با یک ادیتور متنی
  • نحوه ی ایجاد پوشه و فایل در سیستم عامل خود
  • نحوه ی انتقال به پوشه ها ی مختلف
  • نحوه ی سرچ و جستجو در اینترنت با استفاده از مرورگرهای معروفی همچون فایرفاکس و گوگل کروم
  • نحوه ی ایجاد صفحات ساده به وسیله ی HTML یا XHTML

در صورتی که با مباحث HTML و XHTML آشنایی ندارید، توصیه می کنیم که ابتدا آموزش HTML را مطالعه نمایید.

همچنین می توانید برای آشنایی با css به دوره کامل آموزش css مراجعه کنید.

روال کلی دوره آموزش less

این دوره در ۴ فصل آموزشی که هر فصل شامل جلسات آموزشی آن دوره می باشد ارائه شده است.

هر یک از جلسات این دوره شامل توضیحات کامل آن مبحث ، به همراه مثال هایی از کد less برای درک بهتر مطالب می باشد.

در ادامه هر یک از فصل های آموزشی این دوره را به صورت مختصر بررسی می کنیم:

فصل اول : آموزش مقدماتی less

در فصل ابتدایی با فریم ورک less و ویژگی های آن آشنا خواهید شد، سپس نحوه نصب و تنظیم less را توضیح خواهیم داد.

فصل دوم : ویژگی های زبان less

در این فصل به بررسی مفصل ساختار less ، تعریف متغیرها ، توابع و… پرداخته شده است.

فصل سوم : توابع در less

در این فصل به بررسی مختصر توابع ، مباحثی از جمله انواع توابع ، توابع رشته ای ، توابع ریاضی و … پرداخته ایم.

فصل چهارم : استفاده از less

فصل پایانی را به روش های استفاده از less نظیر خط فرمان ، مرورگر ، کاماپیلر آنلاین و … اختصاص داده ایم.

کلام آخر

در این بخش به صورت مختصر مفهوم و ویژگی های کلی زبان less را بررسی کردیم تا با این فریم ورک محبوب آشنایی پیدا کنید، همچنین توضیحاتی مختصر به همراه ویژگی های دوره less نیز برای آشنایی شما با این دوره آموزشی ارائه گردید، امیدواریم که از مباحث این دوره به خوبی بهره مند شوید.

این پست را ارزیابی کنید
    QR:  آموزش LESS
    به اشتراک بگذارید