ورود / ثبت نام سبد خرید 0
bulma یک فریمورک css بسیار ساده و پرکاربرد برای طراحی ظاهر وب سایت ها است و از آنجایی که bulma ابتدا موبایل و تبلت را مورد هدف خود قرار میدهد ، سایت های تولید شده با bulma به راحتی خوردن یک لیوان آب ، ریسپانسیو ( واکنش گرا ) خواهند بود و دیگر دغدغه ی ریسپانسیو سازی وب سایت را برای همیشه فراموش خواهید کرد .
در این کارگاه چه چیزهایی وجود دارد ؟ در زیر بصورت کامل به تمام محتویات این کارگاه آموزشی میپردازیم . خواندن مطالب زیر به شما کمک میکند بتوانید برای تهیه این کارگاه تصمیم درستی بگیرید .
این کارگاه آموزشی از دو بخش مجزا تشکیل شده است . در بخش اول تمام مواردی که در بالا لیست کرده ایم را آموزش میدهیم و در بخش دوم بصورت پروژه محور وارد یک پروژه واقعی طراحی وب سایت میشوید و یک قالب کامل بصورت ریسپانسیو طراحی میکنیم .
در بحث طراحی رابط کاربری یا فرانت اند وب سایت ها معمولا چیزی به نام واکنش گرایی یا ریسپانسیو بودن مطرح میشود و به معنی این است که وب سایت شما از نظر ظاهری در صفحات نمایش با سایزهای مختلف بصورت مناسب نمایش داده شود . امروزه این بحث بخاطر گسترش موبایل و تبلت خیلی اهمیت دارد و باید رابط کاربری که برای سایت میسازید حتما در گوشی موبایل و تبلت به خوبی نمایش داده شود و برای هر دستگاه نمایش جدایی داشته باشد .
اما این کار برای کسی که کدنویسی با css و html بصورت خالی انجام میدهد کار سنگین و زمان بری خواهد بود . اینجاست که اهمیت فریمورک های سی اس اس درک میشود .
قطعا بله ! فریمورک بولما ( bulma ) بصورت پیشفرض ابتدا برای نمایش درست و مناسب در موبایل سپس تبلت و سپس دسکتاپ طراحی شده است چون که بیشتر دغدغه ی طراحان فرانت اند وب سایت ها ، نمایش درست در گوشی های موبایل است . این فریمورک دارای helper های زیادی است که به شما کمک میکند تا چیزهایی که در تبلت و موبایل و مانیتور دسکتاپ قراره نمایش داده بشه را مدیریت کنید .
تصویر زیر بریده ای از مستندات بولما است که گویای همه چیز دراین باره است .
در تصویر بالا شما به ازای دستگاه های مختلف میتوانید نمایش یا عدم نمایش هر یک از تگ های Html خود را به راحتی افزودن یک کلاس به آن مدیریت کنید . مثلا اگر میخواهید یک عکسی در موبایل دیده نشود به راحتی کلاس is-hidden-mobile را به آن اضافه میکنید .
یکی از مزیت های اصلی فریمورک بولما ( bulma ) که آنرا نسبت به فریمورک بوت استرپ بهتر میکند نیاز نداشتن کلی فریمورک به هیچ کد جاوا اسکریپ است . همانطور که میدانید فریمورک بوت استرپ تقریبا بدون فایل جاوااسکریپتی خود نمیتواند درست کار کند و این باعث میشود که جاوااسکریپت و سی اس اس در کدهای شما در هم بخورد و نتوانید آنها را بخوبی مدیریت کنید .
هدف اصلی بولما ( bulma ) از نداشتن جاوا اسکریپت این است که تمرکز اصلی شما در این فریمورک روی کار با کدهای css خود باشد نه جاوا اسکریپت
هر آنچه که از جاوا اسکریپت نیاز است بصورت کتابخانه های جانبی یا اسکریپت های دست نویسی شده توسط خودتان قابل افزودن به سایت است ولی این فریمورک خالی از جاوا اسکریپت است .
اگر خلاصه بررسی کنیم نه ! بولما کاری با بوت استرپ نداره هر کدام مسیر خود را ادامه میدهند و هر کدام ویژگی های خود را دارند ولی چند میزیت در بولما نسبت به بوت استرپ وجود دارد که قابل تامل است . ما آنها را لیست کردیم
Bulma is a free, open source CSS framework based on Flexbox and used by more than 200,000 developers.
سلام و خسته نباشید
دو تا سواال داشتم:
1. پیش نمایش یا عکسهایی از پروژه نهایی رو لطفا" ارائه فرمایید و یا آدرسی جهت مشاهده بفرمایید.
2. در این دوره براای قسمت جاوا اسکریپت از vuejs استفاده کردید یا چیز دیگری؟
تشکر
سلام.ممنون.پیش نمایش درون توضیحات بصورت اسکرین شات موجوده و این دوره عاری از هر کد جاوااسکریپتی میباشد چون بولما ذاتا فریمورکی بدون جاوااسکریپت است با احترام
خوبه ممنون
با سلام خدمت استاد گرامی
میخواستم بپرسم آموزش بولما در چه محیط توسعه ای phpstorm یا Atom انجام میشه؟
ممنون
سلام فریمورک بولما ارتباطی با محیط کاری نداره با هر کدادیتور یا ide قابل کدنویسی است
خیلی کاربردی و مفید.
سلام خیلی خوبه که این دوره را برگزار کردید خسته نباشید میگم به مهندس نیکزاد. بسیار دوره ساده و روان بود.
بهترین سایت برنامه نویسی
سلام
بله میتونید باهاش شروع کنید .
با احترام