قیمت این دوره : 299,000 تومان
  • مدرس دوره : حمزه عزیززاده ( رزومه )
  • تعداد دانشجویان این دوره : 35 نفر
  • تعداد ویدیوها : 71 ویدیو
  • مدت زمان دوره : 17:13:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/10/23
ثبتـــ نام در این دوره
متریال بوت استرپ (mdbootstrap)

متریال بوت استرپ (mdbootstrap)

متریال بوت استرپ چیست ؟

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

 

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

 

پیشنیاز های دوره :

این دوره پیشنیازی نداره ولی اگر با بوت استرپ خیلی کم آشنایی داشته باشید بهتر میتونه کمکتون کنه و اگرم آشنایی ندارید اشکالی نداره من در این دوره به صورت کامل به شما عزیزان آموزش میدم  

 

در ادامه میبینمتون  

 

موفق باشید :)

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

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

مدت زمان دوره 17:13:00
  • در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.

  • لطفا در در صورت اقدام به دانلود تا انتها فرایند دانلود ، این صفحه را باز نگاه دارید.

1
  • معرفی دوره

  • 00:21:40
  • رایگانــ

عزیززاده

2
  • مقایسه bootstrap با mdbootstrap

  • 00:12:59
  • رایگانــ

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

3
  • نصب و راه اندازی MDBootstrap

  • 00:13:04
  • رایگانــ

معرفی ابزارهای لازم افزونه های لازم دانلود و استفاده از متریال دیزاین بوت استرپ به چندین روش

4
  • آیکون ها در MDBootstrap

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

استفاده از آیکون ها و نگاهی به کلاس های پر کاربرد در MDB

5
  • Grid ها در MDBootstrap

  • 00:16:45
  • رایگانــ

در این ویدیو کلاس های مربوط به layout رو خدمتتون معرفی می کنم

6
  • order و offset در MDBootstrap

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

در این ویدیو درمورد Offset و Order ها در متریال دیزاین بوت استرپ میپردازیم

7
  • Flex Box در MDBootstrap | نگاهی به متریال بوت استرپ 5

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

در این ویدیو باقی مانده مبحث order رو کار میکنیم و درمورد چند کلاس پر کاربرد فلکس باکس در بوت استرپ صحبت می کنیم . نگاهی جزئی به MDBootstrap 5 می اندازیم

8
  • Spacing و Media در MDBootstrap

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

در این ویدیو درمورد انواع margin ها و padding ها صحبت می کنیم و در آخر هم media ها رو با هم تست می کنیم

9
  • رنگ ها در Bootstrap , MDBootstrap

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

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

10
  • border , rounded در MDBootstrap

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

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

11
  • Float , Clear Fix در MDBootstrap

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

در این ویدیو clearfix و float ها را در متریال بوت استرپ بررسی می کنیم

12
  • dispaly ها در MDBootstrap

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

در این ویدیو در مورد display های مختلف در MDBootstrap صحبت می کنیم

13
  • Flex Box در MDBootstrap (2)

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

در این ویدیو به صورت پیشرفته تر flex box رو کار میکنیم و با کلاس های پر کاربرد flex box کار میکنیم

14
  • Text ها در MDBootstrap

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

در این ویدیو کلاس های مربوط به Text هارو با هم کار می کنیم که جزء پر کاربرد ترین کلاس های MDB هستند

15
  • Position , Over Flow ها در MDBootstrap

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

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

16
  • Size ها در MDBootstrap

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

در این ویدیو در مورد اندازه ها صحبت میکنیم

17
  • Align , KBD در MDBootstrap

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

در این جلسه در مورد Vertical Alignها و تگ KBD صحبت می کنیم

18
  • Figure در MDBootstrap

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

در این جلسه درمورد تگ و کلاس های مربوط به figure صحبت می کنیم

19
  • Typography در MDBootstrap

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

در این جلسه با هم کلاس های مربوط به typography رو مورد بررسی قرار میدیم

20
  • Image ها در MDBootstrap

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

در این جلسه کلاس های مربوط به image هارو خدمتتون معرفی می کنم

21
  • Animations در MDBootstrap

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

در این ویدیو به کلاس های مربوط به انیمیشن ها که از پلاگین wow میان صحبت می کنیم

22
  • Gradient در MDBootstrap

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

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

23
  • Wave , Shadow در MDBootstrap

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

دراین جلسه در مورد wave effect و shadow ها در متریال بوت استرپ صحبت میکنیم

24
  • RTL کردن MDBootstrap

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

در این جلسه نحوه راست چین کردن MDBootstrap رو بهتون آموزش میدم

25
  • نمونه راستچین شده کامپوننت های MDBootstrap

  • 00:08:50
  • رایگانــ

در این جلسه نمونه ای از کامپوننت های MDBootstrap رو به صورت راست چین شده بهتون نمایش میدم

26
  • Alert ها در MDBootstrap

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

در این جلسه در مورد alert ها صحبت میکنیم و تمامی کلاس های alert رو باهم تست می کنیم

27
  • Button ها در MDBootstrap

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

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

28
  • Buttons group در MDBootstrap

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

در این جلسه درمورد کلاس های Buttons group صحبت میکنیم و اونارو باهم تست می کنیم

29
  • Card ها در MDBootstrap

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

در این جلسه درمورد Card ها و Card Group ها صحبت میکنیم

30
  • Drop Down در MDBootstrap

  • 00:37:41
  • نقدیــ

در این جلسه به Drop Down می پردازیم

31
  • Jumbotron در MDBootstrap

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

در این جلسه به jumbotron ها می پردازیم

32
  • List Group ها در MDBootstrap

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

در این جلسه در مورد List Group ها صحبت می کنیم و کلاس های مختلفش رو با هم تست می کنیم

33
  • Loader / Spinner ها در MDBootstrap

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

در این جلسه در مورد Spinner ها و Loader ها صحبت می کنیم

34
  • Pagination ها در MDBootstrap

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

در این جلسه درمورد کلاس های مربوط به صفحه بندی صحبت می کنیم

35
  • Progress Bar در MDBootstrap

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

در این جلسه به کلاس های مربوط به Progress Bar ها می پردازیم

36
  • Badge در MDBootstrap

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

در این جلسه درمورد کلاس های مربوط به Badge صحبت میکنیم

37
  • Tab ها در MDBootstrap

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

در این ویدیو به کلاس های مربوط به Tab می پردازیم

38
  • Accordion ها در MDBootstrap

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

در این جلسه به accordion ها می پردازیم

39
  • Collapse ها در MDBootstrap

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

در این جلسه به collapse ها می پردازیم

40
  • Popover ها در MDBootstrap

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

در این جلسه درمورد popover ها صحبت میکنیم

41
  • Tooltip ها در MDBootstrap

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

در این جلسه درمورد tooltip ها صحبت می کنیم

42
  • Carousel ها در MDBootstrap

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

در این جلسه در مورد کلاس های carousel صحبت می کنیم

43
  • Breadcrum ها در MDBootstrap

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

در این جلسه به کلاس های مربوط به breadcrumb ها می پردازیم

44
  • Nav ها در MDBootstrap

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

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

45
  • Nav Bar ها در MDBootstrap

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

در این جلسه در مورد navbar صحبت میکنیم

46
  • Hamburger Menu ها در MDBootstrap

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

در این جلسه به Hamburger Menu ها می پردازیم

47
  • Check Box ها در MDBootstrap

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

در این جلسه به Check Box ها می پردازیم

48
  • Form ها در MDBootstrap

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

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

49
  • File Input ها در MDBootstrap

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

در این جلسه به File Input ها می پردازیم

50
  • Input ها در MDBootstrap

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

در این جلسه درمورد کلاس های مربوط به input ها که خیلی مهم و کاربردی هستن صحبت میکنیم

51
  • راستچین کردن Input ها در MDBootstrap

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

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

52
  • Input Group ها در MDBootstrap

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

در این جلسه درمورد کلاس های مربوط به Input Group صحبت می کنیم

53
  • Radio Button ها در MDBootstrap

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

در این جلسه به کلاس های Radio Button ها می پردازیم

54
  • Select Box ها در MDBootstrap

  • 00:04:40
  • نقدیــ

در این جلسه در مورد Select Box ها در MDB صحبت می کنیم

55
  • Range | Switch | Text Area ها در MDBootstrap

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

در این جلسه در مورد کلاس های مربوط به کامپوننت های Range | Switch | Text Area صحبت می کنیم

56
  • Validation ها در MDBootstrap

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

در این جلسه درمورد کلاس خای مربوط به اعتبار سنجی صحبت می کنیم

57
  • Table ها در MDBootstrap

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

در این جلسه به کلاس های Table می پردازیم

58
  • Table Generator ها در MDBootstrap

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

در این جلسه ابزاری در MDB رو بهتون معرفی می کنم که خیلی میتونه کار شمارو در ایجاد جدول راحت کنه

59
  • Modal ها در MDBootstrap

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

در این جلسه درمورد modal ها در MDB صحبت میکنیم

60
  • Modal Generator درMDBootstrap

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

در این جلسه ابزاری رو بهتون معرفی می کنم که خیلی راحت بتونید مودال های خودتون رو بدون دردسر بسازید

61
  • نطب و راه اندازی MDBootstrap نسخه 5

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

در این جلسه درمورد نسخه 5 MDB صحبت می کنیم و نحوه نصبش رو با هم کار میکنیم

62
  • بررسی کامپوننت های MDB نسخه 5

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

در این جلسه با MDB نسخه 5 بیشتر آشنا میشیم

63
  • نسخه پرو MDBootstrap 😍😍

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

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

64
  • پروژه عملی

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

در این جلسه پیش نمایشی از پروژه عملی بهتون نمایش میدم

65
  • پیکربندی پروژه عملی MDBootstrap

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

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

66
  • ساخت NavBar پروژه

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

در این جلسه با استفاده از کلاس های مربوط به mdb نوبار پروژه خودمون رو ایجاد می کنیم

67
  • ساخت بخش Intro

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

در این جلسه قسمت intro وب سایت خودمون رو ایجاد می کنیم

68
  • ساخت بخش اطلاعات و درباره ما

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

در این جلسه بخش اطلاعات و درباره ما رو ایجاد می کنیم

69
  • ساخت بخش ویژگی ها و اطلاعات بیشتر

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

در این جلسه باهم بخش ویژگی ها و اطلاعات بیشتر پروژه رو ایجاد می کنیم

70
  • ساخت بخش فوتر

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

دراین جلسه فوتر پروژه خودمون رو میسازیم

71
  • سخن پایانی

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

در این جلسه آخرین نکات دوره رو باهم داریم

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

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