قیمت این دوره : 99,000 59,400 تومان
  • مدرس دوره : عبدالعظیم رحمان پور ( رزومه )
  • تعداد دانشجویان این دوره : 8 نفر
  • تعداد ویدیوها : 22 ویدیو
  • مدت زمان دوره : 4:58:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1399/05/19
ثبتـــ نام در این دوره

آموزش Bulma

دوره آموزش بولما

اگر طراح وب هستید مطمئنم که قبلا با بوت استرپ کار کردید یا حداقل نام آنرا شنیدید.  

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

و زمانی که فریمورک های جاوا اسکریپت مثل vue.js و React.js و یا انگولار جی اس ظهور کردن دیگه استفاده ی اجباری از جی کوئری در یک فریمورک css بیهوده بود.

اینجا بود که یک فریمورک بنام بولما برای css با کیفیت بالا و حجم کم ظهور کرد که دیگه عاری از هرگونه نیازمندی به جاوااسکریپت بود و برخلاف بوت استرپ جی کوئری لازم ندارد و فقط و فقط یک فایل css است .

 

فریمورک Bulma یک فریمورک سبک و زیبا برای css است و چون برپایه ی موبایل طراحی شده است ابتدا هدفش موبایل است سپس تبلت و سپس کامپیوتر.

دقیقا راهی که Bulma طی میکند برعکس بوت استرپ است . بوت استرپ ابتدا دسکتاپ و سپس تبلت و سپس موبایل را در نظر میگیرد.

این یکی از مزیت های bulma است چون دیگر اکثر مخاطبین یک وب سایت کاربران دستگاه های کوچک مثل گوشی های هوشمند و تبلت ها هستند تا دسکتاپ !  

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

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

چه چیزی بولما را منحصر به فرد می کند؟

مبتنی بر Flexboxاست.

به گونه ای طراحی شده است که هم از نظر موبایل و هم برای رایانه واکنش گرا باشد.

یادگیری آن آسان است.

سینتکس آن ساده است.

با 300 متغیر SASS قابل سفارشی سازی است.

بولما فقط از css استفاده می کند و هیچ کد جاوااسکریپتی در آن استفاده نشده است و به راحتی می تواند با فریمورک های جاوا اسکریپت از جمله Angular, React  و  Vue ادغام شود.

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

فهرستـــ ویدیوها

مدت زمان دوره 04:58:55
در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.
راهنما ! جهت دریافت لینک دانلود تمامی قسمت ها بر روی این لینک .کلیک کنید.
1
  • معرفی دوره

  • 00:05:00
  • رایگانــ

معرفی دوره

2
  • نصب و پیکربندی Bulma

  • 00:11:00
  • رایگانــ

آموزش نصب و پیکربندی بولما

3
  • آشنایی با Modifiers syntax

  • 00:15:00
  • رایگانــ

بیشتر عناصر Bulma دارای سبک های جایگزین هستند. برای استفاده از آنها ، فقط باید یکی از کلاسها را اضافه کنید. همه آنها یا با is- و یا has- شروع می شوند.

4
  • مفاهیم پایه ای ستون بندی در Bulma

  • 00:11:00
  • رایگانــ

مفاهیم پایه ای ستون بندی در بولما

5
  • اندازه ستون در Bulma

  • 00:16:00
  • نقدیــ

در این جلسه با استفاده از کلاس های بولما و سیستم 12 ستونه اندازه ستون ها را تغییر می دهیم

6
  • اندازه ستون در Bulma - بخش دوم

  • 00:14:00
  • نقدیــ

در این جلسه به تشریح آفست ها و Narrow column می پردازیم

7
  • Breakpoints

  • 00:05:30
  • نقدیــ

در این جلسه به تشریح Breakpoints می پردازیم

8
  • Typography در بولما

  • 00:12:00
  • نقدیــ

در این جلسه به تشریح کلاس های Size و Alignment و رسپانسیو سازی آن ها می پردازیم

9
  • Typography در بولما - بخش دوم

  • 00:11:00
  • نقدیــ

در این جلسه به تشریح کلاس های Transformation و Text weightو Font family می پردازیم

10
  • Modular

  • 00:07:30
  • نقدیــ

در این جلسه به تشریح ساختار و ویژگی مدولار بودن بولما می پردازیم.

11
  • رنگ ها در بولما

  • 00:19:00
  • نقدیــ

Color ها در Bulma

12
  • تصاویر در بولما

  • 00:10:30
  • نقدیــ

تصاویر در Bulma

13
  • ستون تو در تو یا Nested Column در بولما

  • 00:14:00
  • نقدیــ

در این جلسه به بیان ستون تو در تو یا Nested column می پردازیم و کمی هم به Gap در بولما اشاره می کنیم.

14
  • فاصله گذاری در بولما

  • 00:12:30
  • نقدیــ

فاصله گذاری در Bulma

15
  • Visibility در بولما

  • 00:21:30
  • نقدیــ

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

16
  • Hero در بولما

  • 00:16:00
  • نقدیــ

در این جلسه به معرفی Hero می پردازیم.

17
  • Level در بولما

  • 00:18:30
  • نقدیــ

در این جلسه به تشریح Level در Bulma پرداخته ایم.

18
  • Media Object در بولما

  • 00:10:00
  • نقدیــ

در این جلسه به تشریح ساختار Media Object در Bulma می پردازیم.

19
  • Tiles در بولما

  • 00:25:30
  • نقدیــ

در این جلسه به تشریح Tiles در bulma می پردازیم.

20
  • Input در بولما

  • 00:19:25
  • نقدیــ

در این جلسه به ویژگی ها و کلاس های Input در Bulma می پردازیم.

21
  • Textarea در بولما

  • 00:06:30
  • نقدیــ

در این جلسه به تشریح کلاس های Textarea در Bulma می پردازیم.

22
  • Select در بولما

  • 00:17:30
  • نقدیــ

در این جلسه به تشریح Dropdown و multiple select می پردازیم.

نظرات کاربران در رابطه با این دوره

جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .