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

دسته بندی: آموزش
زمان مطالعه: ۱ دقیقه
۱۷ فروردین ۱۳۹۵

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

در این جلسه می پردازیم به :

  • معرفی کنترل ها
  • معرفی دکمه ها
  • معرفی دکمه های گروهی
  • بررسی و نحوه استفاده از font icon های پیش فرض فاندیشن و نحوه اتصال,پیکربندی و استفاده آنها در قالب
  • بررسی کلاس button
  • بررسی کلاس secondary
  • بررسی کلاس alert
  • بررسی کلاس warning
  • بررسی کلاس success
  • بررسی کلاس disable
  • بررسی نحوه کنترل اندازه دکمه ها
  • بررسی کلاس tiny
  • بررسی کلاس small
  • بررسی کلاس large
  • بررسی کلاس expanded
  • بررسی کلاس hollow
  • بررسی کلاس dropdown
  • بررسی دکمه close
  • بررسی کلاس button group
  • بررسی دکمه های expanded
  • بررسی دکمه هاسی split
:: توجه

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

ثبت نام در آموزش حرفه ای فاندیشن

نویسنده
علاقمند به طراحی و برنامه نویسی وب هستم و چند سالی میشه که در این زمینه فعالیت می کنم. (ایمیل من: @) وب سایت من:

جلسات دوره

نظرات کاربران

فرهاد

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

   <a>btn 1</a>
   <a></a>

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

.button-group .button {
 margin: 0;
 font-size: 0.9rem;
 float: right;
}

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

.button.small {
 font-size: 0.75rem;
}

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

وحید صالحی

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

مجید

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

وحید صالحی

ممنون از اطلاع رسانیتون اصلاح شد مجددا دانلود نمایید

پایان زمان پشتیبانی

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

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

نیاز به لاگین

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