قیمت این دوره: 99,000 29,700 تومان
  • مدرس دوره : عبدالعظیم رحمان پور
  • تعداد ویدیوها : 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
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

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 و اجزای آن می پردازیم


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

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