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

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



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

دوره مجازی فاندیشن (جلسه 10) - کامپوننت ها - کنترل ها - بخش اول

4 595 ۱۷ فروردین ۹۵
در جلسه دهم دوره آموزش فریم ورک فاندیشن می پرداریم به بررسی بخش اول مبحث کنترل ها و با کلاس ها و تگ های مختص آن آشنا خواهیم شد... در این جلسه می پردازیم به :
  • معرفی کنترل ها
  • معرفی دکمه ها
  • معرفی دکمه های گروهی
  • بررسی و نحوه استفاده از font icon های پیش فرض فاندیشن و نحوه اتصال,پیکربندی و استفاده آنها در قالب
  • بررسی کلاس button
  • بررسی کلاس secondary
  • بررسی کلاس alert
  • بررسی کلاس warning
  • بررسی کلاس success
  • بررسی کلاس disable
  • بررسی نحوه کنترل اندازه دکمه ها
  • بررسی کلاس tiny
  • بررسی کلاس small
  • بررسی کلاس large
  • بررسی کلاس expanded
  • بررسی کلاس hollow
  • بررسی کلاس dropdown
  • بررسی دکمه close
  • بررسی کلاس button group
  • بررسی دکمه های expanded
  • بررسی دکمه هاسی split
این مطلب یک جلسه از دوره آموزش جامع فریمورک Foundation (پایه تا پیشرفته) است و برای دیدن آن باید در این دوره ثبت نام کنید .
توضیحات : امروزه با توجه به پیشرفت سریع تکنولوژی ,مبحث طراحی رسپانسیو و یا به عبارتی واکنشگرا در زمینه وب جز یکی از موارد اجتناب ناپذیر برای طراحان وب می باشد که در کنار چندین فاکتور اساسی و پایه ای دیگر، از مواردی به شمار می رود که نیاز است قبل از هر چیز و شروع پروژه توجه ویژه ای به آن شود و به عنوان یکی از ارکان اصلی پیاده سازی سایت های اینترنتی در بخش UI (رابط کاربری) و همچنین UX (تجربه کاربری) مد نظر قرار گیرد و توجه ویژه ای به آن شود چرا که عدم توجه به آن می تواند منجر به شکست و زیان دهی پروژه گردد. طبق آمار تا پایان سال ۲۰۱۵ بیش از ۹۱ درصد از مردم دنیا دارایی تلفن همراه هستند و و ۶۰ درصد از این جامعه آماری دارای تلفن های هوشمند در مدل های مختلف هستند و از آن برای اتصال به اینترنت و وبگردی استفاده می کنند حال با توجه به طیف وسیعی از کاربرانی که دارای تلفن های هوشمند در ابعاد و اندازه های مختلف هستند طراحان وب ملزم به طراحی UI و رعایت اصول استاندارد UX در طرح های خود می باشند تا کاربران هدف شان که درصد بالایی در جامعه آماری ذکر شده را تشکیل می دهند بتوانند با هر دستگاهی و در هر اندازه ای به راحتی و بدون دردسر و به هم ریختگی در ظاهر و قالب یک سایت آن را مشاهد و مورد کاوش قرار دهند و تجربه لذت بخشی از وبگردی در سایت مورد نظرشان داشته باشند. از این رو و برای راحتی و سرعت بخشیدن به این نوع طراحی (طراحی واکنشگرا) در کنار رعایت استاندارهای لازم، سالانه فریم ورک های مختلفی در این زمینه طراحی و تولید می شوند و به رقابت با سایر رقبای خود در این زمینه می پردازند. به همین دلیل بر آن شدیم تا یکی از فریم ورک های فوق العاده قدرتمند و با سابقه و محبوب در بین طراحان حرفه ای را به صورت اصولی و از پایه تا پیشرفته در قالب مثال های مختلف و متنوع آموزش دهیم. در پایان نیز با کدنویسی 0 تا 100 یک پروژه کاملا حرفه ای و مدرن، به صورت عملی و کاربردی از این فریمورک حرفه ای استفاده خواهیم کرد. لازم به ذکر است که قالب کنونی وب سایت سون لرن هم بر پایه فریم ورک فاندیشن پیاده سازی و طراحی شده است. در این دوره آخرین نسخه فریمورک فاندیشن (نسخه 6) تدریس خواهد شد و شما به روزترین آموزش این فریمورک را در وب فارسی خواهید داشت. امیدواریم این دوره نیز مورد توجه و استقبال علاقمندان قرار گرفته و مفید واقع گردد...
:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

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

  • ‏‏

    نام فایل ضمیمه به اشتباه شماره 9 خورده یا با جلسه قبلی یکی است؟

  • ‏‏

    با سلام
    استاد صالحی من کد زیر رو نوشتم


    همون طور که می بینید به باتون ها کلاس small داده شده. ولی یه مشکلی که وجود داره اینه که به دکمه هایی که درون تگی با کلاس button-group قرار گرفته باشند، کلاس های small و large و tiny اعمال نمیشه. دلیلش رو من در هسته فاندیشن بررسی کردم و دیدم که در خط 1915 این کد رو نوشته :


    و در خط 1688 این کد رو نوشته


    و از اونجا که خط 1915 بعد از خط 1688 هست و هیج کدوم از دستورهایی که font-size رو ست کردن از !important استفاده نکردن طبیعتا اون دستوری که در خط 1915 هست برای font-size اعمال میشه. بنابراین در هسته فاندیشن این مورد به درستی پیش بینی نشده که ممکنه شخصی بخواد یه دراپ داون منو با سایز بزرگ یا کوچک ایجاد کنه. طبیعتا خب در اینجا باید از بحث سفارشی سازی فاندیشن استفاده کرد و یه کلاس خاص به دکمه ها داد و سایز فونت رو روی اون کلاس اعمال کرد.
    اما سوال اینجاست که چرا در یه فریم ورک استاندارد چنین عیب هایی مشاهده میشه؟ و چطور توسعه دهندگان فاندیشن این موضوع به این سادگی رو متوجه نشدند؟

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

      آقا فرهاد اینها عیب نیست این ها همونطور هم که خود شما بیان کردید مبحث سفارشی سازی هست اصولا در فریم ورک ها همه چیز بصورت مقدار رایج و استانداردش در نظر گرفته میشه حالا اینکه یک طراح بخواد مثلا یه دراپ دان هم بزرگ و یا کوچک بشه دیگه بستگی به خوذش دادره و نمیشه در هسته تمام اینها رو پیش بینی کرد یکسری موارد سیلیقه ای دیگه به عهده خود طراح هست که به طرحش اضافه کنه بدون اختلال در هسته فریم ورک که این نشون دهنده انعطاف پذیری اون فریم ورک هست…
      در ضمن بنده در یکی دو مورد جزئی رو به عنوان عیب یا باگ گفتم و این دلیل نمیشه که شما هر چیزی که به نظرتون میرسه و در یک فریم ورک نبود حالا فرقی نمی کنه کدوم فریم ورک باشه اون رو به عنوان عیب بدونید بلکه بسترش فراهم هست که در صورت نیاز خودتون ایجادش کنید…مطمئن باشید کسانی که هر فریم ورکی رو طراحی و توسعه می دن دارای سال ها تجربه و کار هستند و خیلی بیشتر از من و شما در کارشون حرفه ای هستند 😉

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

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

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

    ورود به سایت

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

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

    عبارت :
    7LearnTelegram