نوروز مبارک

نوروز مبارک

🔥 جشنواره نوروزی آموزش با ۷۰٪ تخفیف ویژه! 🎉

با آغاز سال نو، فرصتی استثنایی برای یادگیری فراهم شده است! 🌸

🚀 چرا نباید این فرصت را از دست داد؟
✅ دوره‌های متنوع و کاربردی
✅ تدریس توسط اساتید مجرب
✅ یادگیری در هر زمان و هر مکان

📌 همین حالا از این تخفیف فوق‌العاده بهره‌مند شوید! فرصت محدود است!

 

مشاهده دوره و ثبت نام
قیمت این دوره: 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
00:00
00: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 و اجزای آن می پردازیم

اینستاگرام
تلگرام

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

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