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

کارگاه آموزش طراحی سایت با BULMA

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

اشتراک گذاری :‌
جزئیات این محصول
مدرس کارگاه
مهندس نیک زاد
مدت کل کارگاه
۲ ساعت
پروژه عملی
دارد
وضعیت
آماده و قابل تحویل
محتویات
دو جلسه ویدیویی + سورس
تعداد نمایش : ۲۱۹۳ بار
تعداد افراد شرکت کننده : ۵۳۵ نفر
موضوعات: طراحی وب
۲۵۰,۰۰۰تومان
 ۴۴%تخفیف
۱۳۹,۰۰۰ تومان


تخفیف این دوره
تاپایان: جمعه ۹ اسفند ۱۳۹۸
فعال است و بعد به قیمت اصلی برمیگردد

توضیحات و جزئیات دوره :

فریمورک بولما ( bulma ) چیست ؟‌

فریمورک بولما (bulma) چیست ؟‌ جدیدترین فریمورک سی اس اس

bulma یک فریمورک css بسیار ساده و پرکاربرد برای طراحی ظاهر وب سایت ها است و از آنجایی که bulma ابتدا موبایل و تبلت را مورد هدف خود قرار میدهد ، سایت های تولید شده با bulma به راحتی خوردن یک لیوان آب ، ریسپانسیو ( واکنش گرا ) خواهند بود و دیگر دغدغه ی ریسپانسیو سازی وب سایت را برای همیشه فراموش خواهید کرد . 

 

کارگاه آموزش فریمورک بولما ( bulma ) 

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

  • آموزش نصب و راه اندازی فریمورک Bulma بصورت کامل 
  • آموزش فعالسازی خاصیت ریسپانسیو سازی Bulma برای وب سایت شما 
  • آموزش راه اندازی قالب اصلی HTML برای کار با Bulma
  • آموزش کار با خاصیت ماژولار در Bulma 
  • آموزش کار با قابلیت های واکنش گرایی در Bulma
  • آموزش و تشریح رنگ ها در فریمورک Bulma
  • آموزش کلی syntax فریمورک Bulma
  • آموزش کار با helper ها در فریمورک Bulma
  • آموزش کار با helper های مختص واکنشگرایی در Bulma
  • آموزش کار با helper های مختص رنگ ها در Bulma
  • آموزش کار با helper های مختص تایپوگرافی ( نگارش ) در Bulma
  • آموزش کار با سطر و ستون ها در فریمورک Bulma
  • آموزش تنظیم و کار با سایز ستون ها در Bulma
  • آموزش کار با واکنشگرایی ستون ها در Bulma
  • آموزش کار با خاصیت نحوه ی نمایش ستون ها در کنار هم در Bulma
  • آموزش کار با کلاس container برای صفحه ی اصلی سایت 
  • آموزش کار با کلاس Level در Bulma
  • آموزش کار با کلاس media در Bulma
  • آموزش کار با کلاس hero در Bulma
  • آموزش کار با کلاس section در Bulma
  • آموزش کار با کلاس footer در Bulma و ساخت فوتر سایت 
  • آموزش کار با کلاس tile در Bulma
  • آموزش ساخت فرم با Bulma
  • آموزش کار با کلاس input برای فرم ها در Bulma
  • آموزش کار با کلاس textarea برای فرم ها در Bulma
  • آموزش کار با کلاس select برای فرم ها در Bulma
  • آموزش کار با کلاس checkbox برای فرم ها در Bulma 
  • آموزش کار با کلاس control و radio برای فرم ها در Bulma 
  • آموزش کار با کلاس file برای فرم ها در Bulma
  • آموزش کار با کلاس box 
  • آموزش کار با کلاس button
  • آموزش کار با کلاس content
  • آموزش کار با کلاس delete
  • آموزش کار با کلاس icon
  • آموزش کار با کلاس image
  • آموزش کار با کلاس notification
  • آموزش کار با کلاس progress
  • آموزش کار با کلاس table
  • آموزش کار با کلاس tag
  • آموزش کار با کلاس title
  • آموزش کار با کامپوننت breadcrumb
  • آموزش کار با کامپوننت card
  • آموزش کار با کامپوننت dropdown
  • آموزش کار با کامپوننت menu
  • آموزش کار با کامپوننت message
  • آموزش کار با کامپوننت modal
  • آموزش کار با کامپوننت navbar
  • آموزش کار با کامپوننت pagination
  • آموزش کار با کامپوننت panel
  • آموزش کار با کامپوننت tabs
  • آموزش اضافه کردن extention های مختلف bulma
  • آموزش کار با npm پکیج منیجر نود جی اس 
  • آموزش اضافه کردن theme های مختلف روی bulma
  • آموزش راه اندازی یک سایت ریسپانسیو و متریال دیزاین با Bulma

این کارگاه آموزشی از دو بخش مجزا تشکیل شده است . در بخش اول تمام مواردی که در بالا لیست کرده ایم را آموزش میدهیم و در بخش دوم بصورت پروژه محور وارد یک پروژه واقعی طراحی وب سایت میشوید و یک قالب کامل بصورت ریسپانسیو طراحی میکنیم  .

 

آموزش طراحی واکنش گرا یا ریسپانسیو با بولما ( bulma ) 

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

اما این کار برای کسی که کدنویسی با css و html بصورت خالی انجام میدهد کار سنگین و زمان بری خواهد بود . اینجاست که اهمیت فریمورک های سی اس اس درک میشود . 

 

آیا فریمورک بولما ( bulma ) واکنش گرا یا ریسپانسیو است ؟ 

قطعا بله !‌ فریمورک بولما ( bulma ) بصورت پیشفرض ابتدا برای نمایش درست و مناسب در موبایل سپس تبلت  و سپس دسکتاپ طراحی شده است چون که بیشتر دغدغه ی طراحان فرانت اند وب سایت ها ، نمایش درست در گوشی های موبایل است . این فریمورک دارای helper  های زیادی است که به شما کمک میکند تا چیزهایی که در تبلت و موبایل و مانیتور دسکتاپ قراره نمایش داده بشه را مدیریت کنید . 

تصویر زیر بریده ای از مستندات بولما است که گویای همه چیز دراین باره است . 

ریسپانسیو بودن فریمورک بولما یا bulma

در تصویر بالا شما به ازای دستگاه های مختلف میتوانید نمایش یا عدم نمایش هر یک از تگ های Html خود را به راحتی افزودن یک کلاس به آن مدیریت کنید . مثلا اگر میخواهید یک عکسی در موبایل دیده نشود به راحتی کلاس is-hidden-mobile را به آن اضافه میکنید . 

 

فریمورک بولما ( Bulma ) به جاوا اسکریپت نیازی ندارد 

آموزش فریمورک های سی اس اس - css برای طراحی ریسپانسیو سایت فریمورک بدون جاوا اسکریپت

یکی از مزیت های اصلی فریمورک بولما ( bulma ) که آنرا نسبت به فریمورک بوت استرپ بهتر میکند نیاز نداشتن کلی فریمورک به هیچ کد جاوا اسکریپ است . همانطور که میدانید فریمورک بوت استرپ تقریبا بدون فایل جاوااسکریپتی خود نمیتواند درست کار کند و این باعث میشود که جاوااسکریپت و سی اس اس در کدهای شما در هم بخورد و نتوانید آنها را بخوبی مدیریت کنید . 

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

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

 

آیا بولما ( bulma ) جایگزین فریمورک بوت استرپ ( bootstrap ) است ؟‌

بوت استرپ یا بولما - bulma یا bootstrap - جایگزین بوت استرپ

اگر خلاصه بررسی کنیم نه ! بولما کاری با بوت استرپ نداره هر کدام مسیر خود را ادامه میدهند و هر کدام ویژگی های خود را دارند ولی چند میزیت در بولما نسبت به بوت استرپ وجود دارد که قابل تامل است . ما آنها را لیست کردیم ‌

  • bulma واقعا سبکتر از bootstrap است و همین مسئله روی سرعت لود شدن سایت بسیار تاثیر دارد چون قبل از هر چیزی سی اس اس های یک سایت لود میشود تا حداقل یک طراحی کلی از سایت برای کاربر نمایش داده شود . 
  •  bulma به جاوا اسکریپت نیازی ندارد و فقط و فقط برای css ساخته شده است ولی bootstrap طوری ساخته شده است که به همراه خود یک فایل جاوااسکریپت دارد و همچنین نیاز به  jquery نیز دارد که محدودیت در انتخاب فریمورک و کتابخانه ی جاوا اسکریپت مد نظر شما را میدهد . 
  • bulma جدید است و متدهای جدید دارد مثلا نمایش flex در بوت استرپ حداقل تا نسخه های قبل از 4 وجود نداشت در حالیکه bulma از ابتدا بر پایه ی Flexbox است و در سایت خود bulma هم نوشته شده : 

    Bulma is a free, open source CSS framework based on Flexbox and used by more than 200,000 developers.


کارگاه آموزش طراحی سایت با BULMA کارگاه آموزش طراحی سایت با BULMA

مهندس عباس نیک زاد
افرادی که از دوره های مهندس نیکزاد در آواسام استفاده کرده اند در شرکت های زیر استخدام شده اند
آواسام
آواسام
آواسام
آواسام
آواسام
آواسام
آواسام
آواسام
آواسام
آواسام
رد مسئولیت : تمامی نظرات کاربران و مکان هایی که در آن با استفاده از آموزش های ما استخدام شده اند توسط خود کاربران اعلام میشود . ما فقط بازتاب دهنده نظرات ارسال شده ی کاربران هستیم و اینکه یک فردی در یک شرکتی استخدام واقعی شده است یا نه توسط ما احراز نمیشود
نظر کاربران ما درباره ی محصولات ما : لطفا گوش دهید

شما هم اگر از کاربران ما هستید نظر خود را به سیستم پشتیبانی بصورت ویس ارسال کنید تا بعد از تایید در این بخش قرار گیرد همچنین میتوانید ویس خود را ایمیل کنید : info@avasam.ir
نظرات کاربران
    1. فقط افرادی که محصول را تهیه کرده اند میتوانند در این قسمت نظر ثبت کنند
    2. نظر باید درباره ی محصول باشد و جنبه های مثبت و منفی آنرا بنویسید
    3. برای سوال های پیش از خرید ، تیکت باز کنید یا از قسمت تماس با ما ارتباط برقرار کنید
    4. نظرات شامل توهین ،‌ دارای الفاظ رکیک و تبلیغات منتشر نخواهد شد
برای نوشتن نظر وارد شوید ورود
یا به عنوان یک میهمان نظر خود را بنویسید :

محمد طالبی :
سلام ببخشید من هیچ دانشی از طراحی سایت ندارم و حتی نمی تونم html تولید کنم . این دوره بدرد من میخوره و میتونم ازش استفاده کنم ؟ البته این رو بگم فتوشاپ خوب بلد هستم برای طراحی ظاهر سایت
پاسخ پشتیبانی آواسام :

سلام

بله میتونید باهاش شروع کنید .

با احترام

ندا قلی پور :
بهترین دوره ی آموزشی bulma بود که دیدم . خیلی خوب و روان توضیح داده
علی شجاعی :
سلام من در گوگل دنبال یک دوره ی آموزش طراحی سایت ریسپانسیو میگشتم که به اینجا رسیدم و این دوره را تهیه کردم خیلی عالی و وران بود ممنون