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

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

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

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

 

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

 

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

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

 

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

 

موفق باشید :)




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

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

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

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

دوره های دیگر مدرس

مشاهده همه دوره ها

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

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