نوروز مبارک

نوروز مبارک

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

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

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

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

 

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

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

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

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

1385arminamirinasab

ارسال شده در 1401/07/19

سلام روزتون بخیر 👋 این دوره برای سال 1399 هست و در این دو سال که بوت استرپ 5 اومده و ساختارش رو به Mobile-First تغییر داده شاید یادگیری این فریمورک خیلی مفید نباشه

عبدالعظیم رحمان پور

عبدالعظیم رحمان پور

ارسال شده در 1401/06/21

سلام و درود

ساختار اصلی بولما تغییری نداشته

تلاش می‌کنیم بروزرسانی شود

با تشکر از شما

ali3z

ارسال شده در 1401/06/21

سلام ببخشید این دوره قدیمی شده؟ 

اخه خیلی وقته اصلا اپدیت ندادین

mhmd jg

mhmd jg

ارسال شده در 1399/12/28

دوستانی که این دوره رو تهیه کردن نظرشون درباره دوره چیه؟

mhmd jg

میترا اژدری

ارسال شده در 1399/12/30

بنده این دوره رو تهيه کردم مدرس بسیار عالی و روان تدریس میکنن راضی هستم

Ali Soleimani

Ali Soleimani

ارسال شده در 1399/10/15

با سلام و عرض خسته نباشید خدمت شما استاد گرامی

 

بنده این سوال ذهنم رو درگیر کرده که آیا میشه با بولما اسلایدر درست کرد یا نه
 

ممنون میشم جواب بدین

Ali Soleimani

عبدالعظیم رحمان پور (مدرس)

ارسال شده در 1399/10/16

درود وسپاس دوست عزیز

طبق قوانین وبسایت تاپلرن از پاسخ گویی به سوالات در قسمت نظرات معذوریم، لطفا در قسمت پرسش و پاسخ دوره سوالات تون رو مطرح کنید تا در اولین زمان ممکن پاسخگو باشیم

مسعود مهره کش

مسعود مهره کش

ارسال شده در 1399/07/08

درود بر شما

برای navigation menu اگر ممکنه subMenu,mega menu رو هم پیاده سازی کنید

ممنون میشم

مسعود مهره کش

عبدالعظیم رحمان پور (مدرس)

ارسال شده در 1399/07/08

سلام و درود 

بعد از اتمام این پروژه به عنوان نکات تکمیلی به تک تک این قسمت ها خواهیم پرداخت 

امیر

امیر

ارسال شده در 1399/06/26

سلام، 

میشه لطفا از فونت ها هم استفاده کنید در پروژه 

فونت های فارسی ، روش ادد کردنشون به بولما با Sass

اعداد فارسی و ...

امیر

عبدالعظیم رحمان پور (مدرس)

ارسال شده در 1399/06/26

سلام و درود

در جلسات آینده به این مباحث خواهیم پرداخت 

امیر

امیر

ارسال شده در 1399/06/17

سلام، لطفا در ادامه پروژه مثلا برای صفحه فروشگاه کتاب ها از Responsive helpers استفاده کنید.

امیر

عبدالعظیم رحمان پور (مدرس)

ارسال شده در 1399/06/17

سلام

حتما استفاده می کنم، پنل کاملا رسپانسیو خواهد بود.

AMIRMOHAMAMD7

ارسال شده در 1399/06/12

تا الان که عالی بوده..  :)

عبدالعظیم رحمان پور (مدرس)

ارسال شده در 1399/06/12

خیلی خوشحالم که از این دوره راضی هستید و تمام تلاشمون رو می کنیم برای شما دانشجویان عزیز بهترین ها رو تولید کنیم، چون شما لایق بهترین ها هستید

امیر

امیر

ارسال شده در 1399/06/08

سلام وقت بخیر

 

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

و از فونت های فارسی و ...

امیر

عبدالعظیم رحمان پور (مدرس)

ارسال شده در 1399/06/08

درود و سپاس

دقیقا داریم همین کار رو انجام میدیم و پروژه ها رو کاملا فارسی شده و راست چین تولید می کنیم