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

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



  آیا می دانید تا کنون 6253 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

دوره مجازی LESS (جلسه 2) : پیشنیازها و آماده سازی محیط کار

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

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

  • ‏‏
    جعفر پیشدادی(۲۰ آبان ۱۳۹۴)

    با سلام وخسته نباشید …پیشنهاد می شودد با توجه به اینکه دانشجویان بیشتر دانشجویان دوره های قبلی نیز هستند قالبی که میخواهیم طراحی نمایید کامل ودر برگیرنده نکات مفیدی باشد .قالب کاربردی بوده وحتی الامکان بوت استرپ باشد.با تشکر

    • ‏‏
      وحید صالحی(۲۰ آبان ۱۳۹۴)

      سلام دوست عزیز این دوره صرفا آموزش Less هست و تمرکز ما روی این مبحث هست نه آموزش طراحی قالب و آموزش طراحی قالب توسط بوت استرپ پیش نیاز این دوره رو هم بیان کردیم پس شما باید با نحوه طراحی انواع قالب ها آشنایی داشته باشید اگر اینطور باشه همون ها رو می تونید تحت less هم پیاده سازی کنید

      • ‏‏
        جعفر پیشدادی(۲۰ آبان ۱۳۹۴)

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

        • ‏‏
          وحید صالحی(۲۰ آبان ۱۳۹۴)

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

  • ‏‏
    علی رضایی(۲۲ آبان ۱۳۹۴)

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

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

    سلام استاد
    1* برای من هم مثه این دوستمون “علی رضایی” رنگش هیچ فرقی نمکنه و مشکی هست!! تو بقیه مرورگر های دیگه هم همینطوره علت چی هست؟؟(ورژن مرورگرها هم به روز هست)
    2* من از Dreamweaver استفاده میکنم فرقی که نمیکنه less رو پشتیبانی میکنه یا نه باید php storm حتما باشه؟
    3*این اپلیکیشنه SimpLESS.exe که گفتید اجرا نمیشه برای من دلیلش چیه؟
    تشکر

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

      !!!! سلام کل کدها و پروژتون رو برام ایمیل کنید بررسی کم ارتباطس با IDE که استفاده می کنید نداره و دلیل عدم نصب نرم افزار بر می گزده به سیستمتون که شاید مشکلی داره البته این نرم افزار صرفا جنبه معرفی داشت و نصبش مهم نیست برای نصب از پلاگین کامپایلر less که برای php storm استفاده می کنیم برای دریم ویور هم می تونید سرچ کنید ببینید که اکستنشنی برای این کار داره یا نه که قطعا باید داشته باشه

  • ‏‏

    درود بر شما جناب صالحی
    من با دو مرورگر mozila , chrome آخرین ورژن نمیتونم کدهای less رو اجرا کنم! تو کامپایل مشکلی ندارم و کدها به درستی نمایش داده میشه ولی هیچکدوم از مرورگرها کدهارو اجرا نمیکنه تنظیمات مرورگرها رو هم نگاه کردم و javascript فعال بود!! تو مرورگر وقتی Inspect رو میزنم هیچگونه استایل دهی نداره کدها.داخل Chrome یه سری اخطار داده این عکسشه http://s3.img7.ir/A81xS.jpg
    مشکل از کجاست؟

  • ‏‏

    مشکل کدنویسی ندارم چون هیچ کدی ننوشتم.فایلهای جلسه رو بدون تغییر اجرا میکنم,کدهای خودتون.آدرس دهی فایلها هم کاملا درسته.فکر میکنم مشکل سیستمی باشه.برای اجرای کدها چیز خاصی باید نصب کنم؟

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram