قیمت این دوره: 99,000 29,700 تومان
  • مدرس دوره : عبدالعظیم رحمان پور
  • تعداد دانشجویان این دوره : 76 نفر
  • تعداد ویدیوها : 43 ویدیو
  • مدت زمان دوره : 10:40:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/09/15
ثبتـــ نام در این دوره
آموزش Bulma

آموزش Bulma

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

 

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

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

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

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

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

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

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

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

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

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

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

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



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

مدت زمان دوره 10:40:00
  • در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با 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 می پردازیم.

23
  • Checkbox و Radio در بولما

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

در این جلسه به تشریح Checkbox و Radio در بولما می پردازیم.

24
  • File upload در بولما

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

File upload در Bulma

25
  • ساخت صفحه لاگین با استفاده از bulma-rtl - بخش اول

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

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

26
  • ساخت صفحه لاگین با استفاده از bulma-rtl - بخش دوم

  • 00:13:52
  • نقدیــ

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

27
  • ساخت navigations برای سیستم مدیریت فروش کتاب

  • 00:20:48
  • نقدیــ

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

28
  • ساخت sidebar menu برای سیستم مدیریت فروش کتاب

  • 00:09:54
  • نقدیــ

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

29
  • ساخت toolbar برای سیستم مدیریت فروش کتاب

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

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

30
  • ایجاد آیتم کتاب برای سیستم مدیریت فروش کتاب

  • 00:20:27
  • نقدیــ

در این جلسه به grid و ایجاد آیتم های کتاب برای پنل فروش کتاب با استفاده از کلاس های بولما می پردازیم.

31
  • Pagination برای سیستم مدیریت فروش کتاب

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

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

32
  • Breadcrumb برای سیستم مدیریت فروش کتاب

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

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

33
  • book form برای سیستم مدیریت فروش کتاب - بخش اول

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

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

34
  • book form برای سیستم مدیریت فروش کتاب - بخش دوم

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

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

35
  • ایجاد جدول مشتریان

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

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

36
  • ایجاد قالب های افزودن و ویرایش مشتری

  • 00:27:02
  • نقدیــ

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

37
  • ایجاد صفحه سفارشات

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

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

38
  • ویرایش سفارش

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

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

39
  • ایجاد لیست کتاب های بخش سفارشات

  • 00:23:59
  • نقدیــ

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

40
  • ساخت notifications بخش داشبورد سیستم مدیریت

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

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

41
  • ایجاد بخش آخرین سفارش ها در صفحه داشبورد

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

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

42
  • ایجاد بخش محبوب ترین کتاب ها و بهترین مشتریان در صفحه داشبورد

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

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

43
  • نکات تکمیلی Navbar

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

در این جلسه به صورت مفصل به Navbar و اجزای آن می پردازیم

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

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