illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

دوره مجازی LESS (جلسه 3) : متغیر ها در less - قسمت اول

8 1132 ۲۲ آبان ۹۴
در جلسه سوم دوره مجاری less با مفهوم متغیر ها در less بصورت کامل آشنا خوهیم شد و با ذکر مثال های مختلف به بررسی و نحوه کاربرد آنها خواهیم پرداخت. مطالب مطرح شده در این جلسه عبارتند از :
  • اصول ایجاد متغیر در less
  • نحوه ایمپورت کردن فایل های less جداگانه در فایل less اصلی (مادر)
  • بررسی و تعریف متغیرهای تک مقداره
  • بررسی و تعریف متغیر های چند مقداره
  • بررسی نحوه اعمال عملگرهای ریاضی رو مقادیر متغییر ها
این مطلب یک جلسه از دوره آموزش جامع پیش پردازنده LESS و توسعه پذیری CSS است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : به بیانی ساده CSS زبانی است که توسط آن قادریم تا استایل مد نظر خود برای یک یا گروهی از المان های صفحات وب ایجاد کنیم و کنترل بسیار مناسبی روی رفتارها, محل قرار گیری و چینش المان ها موجود در سند وب داشته باشیم. این زبان قادر به ایجاد افکت ها و انیمیشن های بسیار پیشرفته نیز می باشد اما مهمترین ضعف این زبان حالت ایستایی و یکنواختی آن می باشد بطوری که طراح وب، عملا توانایی اعمال تغییر در ساختار و نحوه کدنویسی آن را نداشته و به ناچار مجبور به پیروی از یک سبک خاص در کدنویسی (استایل نویسی) می باشد و صرفا با کنار هم قرار دادن یک سری خصیصه (پراپرتی) و مشخص کردن مقدار و یا مقادیری بر حسب نوع خصیصه نحوه رفتار یک امان را در صفحات وب کنترل می نماید. به عنوان مثال با تعریف رنگ برای یک عنصر خاص خصیصه رنگ را برای یک عنصر مشخص می نماید. بدین حالت ممکن است خصیصه ای خاص و یکسان بارها و بارها و بصورت تکرای برای دسته ای از المان های موجود در سند مورد استفاده قرار گیرد که با افزایش حجم کدها عملا مدیریت کدها به یک چالش بزرگ برای طراح تبدیل می شود چرا که در آینده در صورت نیاز به تغییر در خصیصه ای مانند همین رنگ برای دسته ای از عناصر، مجبور به تغییر مقدار خصیصه بصورت یک به یک برای هریک از عناصر خواهد بود (البته این یک مثال بسیار ساده در مورد یکی از موارد و مشکلات کدنویسی توسط CSS بخصوص در پروژه های بزرگ می باشد) لذا برای رفع این نواقص و نزدیک تر کردن هر چه بیشتر زبان CSS به زبان های برنامه نویسی رایج مانند PHP از نظر ساختار کدنویسی و به عبارتی پویا (داینامیک) کردن آن، مانند تعریف متغییرها و توابع و پارامتر ها پیش پردازنده های CSS وارد عرصه طراحی وب شدند و به سرعت جای خود را به عنوان ابزارهایی بسیار کاربردی برای هر چه نزدیک تر کردن زبان شیوه نامه ای CSS به زبان های برنامه نویسی رایج بین طراحان و توسعه دهندگان وب باز کردند. طراحان به کمک این پیش پردازنده ها توانایی مدیریت و تولید کد های بهینه تر و توسعه پذیر را در بازه زمانی کمتر پیدا نمودند. امروزه فراگیری حداقل یک مورد از پیش پردازنده های CSS جز ضروری ترین مواردی است که یک طراح حرفه ای باید در نظر داشته باشد کما اینکه بسیاری از فریم ورک های محبوب مانند بوت استرپ نیز از یکی از محبوب ترین پیش پردازنده ها با نام LESS را در ساختار هسته خود استفاده نموده تا طراحان به راحتی بتوانند در پروژه های خود از آن بهره ببرند. به همین دلیل وب سایت سون لرن نیز در راستای اهداف خود برای افزایش سطح علمی علاقه مندان و آموزش مباحث مبتنی بر وب و با توجه به اهمیت این موضوع و نیاز طراحان به آن تصمیم به برگزاری دوره ای جامع در زمینه یکی از محبوب ترین این پیش پردازنده ها با نام LESS نموده ایم . امید است، این دوره نیز به مانند سایر دورهای آموزشی وب سایت سون لرن که تا به امروز برگزار شده مورد استقبال، استفاده و ارتقای سطح علمی شما عزیزان گردد.
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 8 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏

    آدرس فایلهای جلسه سوم ظاهرا اشتباه است و غیر قابل دانلود. لطفاً بررسی کنید. ممنون

  • ‏‏
    حمید رضا مصطفی زاده(۲۵ بهمن ۱۳۹۴)

    سلام استاد
    شما میفرمایید برای هر قسمت از فایل ها یه قسمت css مثه footer و header و sidebar و اینا یه فایل less ویا css بنویسیم.
    به نظرشما هرچه تعداد http request ها بالاتر بره سرعت لود سایت پایین تر نمیاد؟
    ما میتونیم تمام قسمت های مختلف یه سایت رو با کامنت گذاری جوری که تشخیص آن مشخص باشد (مثه دوره وردپرس) تو یه فایل style هم لود کنیم.

    • ‏‏
      وحید صالحی(۲۵ بهمن ۱۳۹۴)

      بله می تونید کامنت گذاری کنید اما به روش فایل های جدا چون همشون در یک فایل import میشن و فایل نهایی درخواست میشه تنها یک درخواست ارسال میشه و مشکلی نیست

  • ‏‏
    رضا الطافی(۲۷ فروردین ۱۳۹۵)

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

  • نکته : برای پاسخگویی سریعتر و بهتر، بخش نظرات این مطلب مختص پرسش و پاسخ های کاربران ثبت نامی در دوره ی دوره آموزش جامع پیش پردازنده LESS و توسعه پذیری CSS است .
    اگر قبلا در این دوره ثبت نام کرده اید پس از ورود به سایت می توانید تمامی پرسش و پاسخ ها و نظرات مطرح شده ی این مطلب را مشاهده و اگر سوالی دارید در همینجا مطرح کنید.

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram