قیمت این دوره: 400,000 240,000 تومان
  • مدرس دوره : ایمان مدائنی
  • تعداد ویدیوها : 74 ویدیو
  • مدت زمان دوره : 14:14:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1400/02/16
ثبتـــ نام در این دوره ثبت نام در دوره
آموزش BootStrap (بوت استرپ 4 و 5 )

آموزش BootStrap (بوت استرپ 4 و 5 )

دوره آموزش بوت استرپ 4 و 5

 

نسخه بوت استرپ 4 در مردادماه سال 96 منتشر شد و طبق گفته برنامه نویسان و توسعه دهندگان آن این نسخه از کیفیت و قابلیت‌های زیادی برخوردار بوده و بیش از 20 بار آن را بازنویسی کرده‌اند تا نسخه بتا آن را منتشر کنند.

از جلسه 72 بوت استرپ 5 آموزش داده شده است .

برخی ویژگی های جدید بوت استرپ 4
اسباب کشی از LESS به SASS
بهبود یافتن سیستم Grid
پشتیبانی توکار از Flex box
اضافه شدن ویژگی جدید Cards
ثابت شدن تمام HTML Reset ها داخل یک ماژول جدید با نام Reboot
قابلیت سفارشی سازی مدرن
توقف پشتیبانی از IE8 و IE9 و استفاده از واحدهای em و rem
بازنویسی مجدد پلاگین‌های جاوا اسکریپت در بوت استرپ 4
بهبود یافتن مکان قرارگیری خودکار tooltip و popover
بازنویسی تمام مستندات
و ...

 

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

Html 

Css

 

جهت مشاهده پروژه پایانی این دوره جلسه 45 و 46 را که به صورت رایگان منتشر شدند را مشاهده کنید .

 




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

مدت زمان دوره 14:14:00
00:00
00:00

  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1

  • معرفی دوره بوت استرپ 4

00:08:00

معرفی دوره BootStrap 4

2

  • نصب و پیکربندی بوت استرپ 4

00:18:00

نصب و پیکربندی BootStrap 4

3

  • Typography در بوت استرپ 4

00:19:00

Typography در BootStrap 4

4

  • Typography در بوت استرپ 4 - بخش دوم

00:12:00

Typography در بوت استرپ 4 - بخش دوم

5

  • List ها و Blockquote

00:08:00

List ها و Blockquote در بوت استرپ 4

6

  • رنگ ها در بوت استرپ 4

00:12:00

Color ها در بوت استرپ 4

7

  • تصاویر در بوت استرپ 4

00:23:00

تصاویر در بوت استرپ 4

8

  • Variable ها در بوت استرپ 4

00:09:00

Variable ها در بوت استرپ 4

9

  • Grid در بوت استرپ 4

00:21:00

Grid در بوت استرپ 4

10

  • Nested Grid و Offset در بوت استرپ 4

00:15:00

Nested Grid و Offset در بوت استرپ 4

11

  • Order و Align در بوت استرپ 4

00:13:00

Order و Align در BootStrap 4

12

  • Position ها در بوت استرپ 4

00:10:00

Position ها در بوت استرپ 4

13

  • Position ها در بوت استرپ 4 - قسمت دوم

00:15:00

Position ها در بوت استرپ 4 - قسمت دوم

14

  • Position ها در بوت استرپ 4 - قسمت سوم

00:27:00

Position ها در بوت استرپ 4 - قسمت سوم

15

  • Nav در بوت استرپ 4

00:14:00

Nav در بوت استرپ 4

16

  • Navbar در بوت استرپ 4

00:10:00

Navbar در بوت استرپ 4

17

  • Component در Navbar

00:08:00

Component در Navbar در بوت استرپ 4

18

  • Dropdown در Navbar

00:09:00

Dropdown در Navbar در بوت استرپ 4

19

  • تگ Form در Navbar

00:06:00

تگ Form در Navbar در بوت استرپ 4

20

  • Collapse در Navbar

00:09:00

Collapse در Navbar در بوت استرپ 4

21

  • Button ها در بوت استرپ 4

00:09:00

Button ها در بوت استرپ 4

22

  • Button Group در بوت استرپ 4

00:05:00

Button Group در بوت استرپ 4

23

  • Badge در بوت استرپ 4

00:04:00

Badge در بوت استرپ 4

24

  • Progress در بوت استرپ 4

00:07:00

Progress در بوت استرپ 4

25

  • List Group در بوت استرپ 4

00:08:00

List Group در بوت استرپ 4

26

  • Breadcrumb در بوت استرپ 4

00:06:00

Breadcrumb در بوت استرپ 4

27

  • Jumbotron در بوت استرپ 4

00:06:00

Jumbotron در بوت استرپ 4

28

  • Table ها در بوت استرپ 4

00:10:00

Table ها در بوت استرپ 4

29

  • Card در بوت استرپ 4 - بخش اول

00:09:00

Card در بوت استرپ 4 - بخش اول

30

  • Card در بوت استرپ 4 - بخش دوم

00:09:00

Card در بوت استرپ 4 - بخش دوم

31

  • Card در بوت استرپ 4 - بخش سوم

00:07:00

Card در بوت استرپ 4 - بخش سوم

32

  • Media در بوت استرپ 4

00:07:00

Media در بوت استرپ 4

33

  • Form ها در بوت استرپ 4

00:08:00

Form ها در بوت استرپ 4

34

  • Form ها در بوت استرپ 4 - بخش دوم

00:12:00

Form ها در بوت استرپ 4 - بخش دوم

35

  • اعتبار سنجی فرم ها

00:09:00

اعتبار سنجی فرم ها 

36

  • Form Columns در بوت استرپ 4

00:12:00

Form Columns در بوت استرپ 4

37

  • Input Group در بوت استرپ 4

00:16:00

Input Group در بوت استرپ 4

38

  • ToolTip در بوت استرپ 4

00:11:00

ToolTip در بوت استرپ 4

39

  • Popover در بوت استرپ 4

00:06:00

Popover در بوت استرپ 4

40

  • Alert ها در بوت استرپ 4

00:09:00

Alert ها در بوت استرپ 4

41

  • Dropdown ها در بوت استرپ 4

00:14:00

Dropdown ها در بوت استرپ 4

42

  • Modal در بوت استرپ 4

00:18:00

Modal در بوت استرپ 4

43

  • Carousel در بوت استرپ 4

00:15:00

Carousel در بوت استرپ 4

44

  • پروژه عملی

00:23:00

پروژه عملی بوت استرپ 4 به همراه نسخه راست به چپ بو استرپ 4 

45

  • پروژه عملی - بررسی پروژه عملی دوره

00:05:00

پروژه عملی - بررسی پروژه عملی دوره با بوت استرپ 4

46

  • امکانات و قابلیت های پروژه عملی نمایشگاه ماشین

00:12:00

امکانات و قابلیت های پروژه عملی نمایشگاه ماشین با بوت استرپ 4

47

  • ایجاد و پیکربندی پروژه

00:05:00

ایجاد و پیکربندی پروژه با بوت استرپ 4

48

  • ساخت NavBar

00:18:00

ساخت NavBar با Bootstrap 4

49

  • استایل دادن به NavBar

00:10:00

Style دادن به NavBar در بوت استرپ

50

  • ساخت Header پروژه

00:13:00

ساخت Header پروژه با Bootstrap 4

51

  • استایل دهی به Header

00:23:00

استایل دهی به Header

52

  • ساخت بخش Title

00:10:00

ساخت بخش Title

53

  • ساخت بخش Skills

00:17:00

ساخت بخش Skills با بوت استرپ 4

54

  • ساخت PreLoader

00:10:00

ساخت PreLoader با Bootstrap

55

  • بخش Inventory

00:10:00

بخش Inventory

56

  • نمایش ماشین ها

00:12:00

نمایش ماشین ها در بوت استرپ

57

  • تکمیل بخش نمایش ماشین ها

00:11:00

تکمیل بخش نمایش ماشین ها

58

  • ساخت بخش Question

00:20:00

ساخت بخش Question با بوت استرپ

59

  • ساخت بخش Feature ها

00:20:00

ساخت بخش Feature ها در بوت استرپ

60

  • تکمیل بخش Feature ها

00:16:00

تکمیل بخش Feature ها

61

  • ساخت بخش Gallery ماشین ها

00:13:00

ساخت بخش Gallery ماشین ها

62

  • تکمیل بخش Gallery ماشین ها

00:10:00

تکمیل بخش Gallery ماشین ها

63

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

00:17:00

ساخت بخش عضویت در خبر نامه با بوت استرپ 4

64

  • ساخت بخش خدمات ما در پروژه نمایشگاه ماشین

00:14:00

ساخت بخش خدمات ما در پروژه نمایشگاه ماشین با بوت استرپ 4

65

  • نمایش ویدئو و تنظیمات و افکت های نمایش

00:10:00

نمایش ویدئو و تنظیمات و افکت های نمایش در بوت استرپ

66

  • ایجاد بخش خدمات ما و افکت های جالب

00:11:00

ایجاد بخش خدمات ما و افکت های جالب

67

  • ساخت قسمت مشتریان ما

00:12:00

ساخت قسمت مشتریان ما

68

  • تکمیل بخش مشتریان

00:07:00

تکمیل بخش مشتریان

69

  • جلسه آخر - فوتر سایت

00:13:00

جلسه آخر - فوتر سایت با بوت استرپ

70

  • نمونه کار دانشجویان دوره

00:00:00

نمونه کار دانشجویان دوره

71

  • نمونه بوت استرپ 4 راست به چپ شده

00:01:00

نمونه بوت استرپ 4 راست به چپ شده

72

  • بروز رسانی دوره - بوت استرپ 5

00:05:00

بروز رسانی دوره - بوت استرپ 5

73

  • تغییرات بوت استرپ 5

00:15:00

تغییرات بوت استرپ 5

74

  • نسخه راست به چپ بوت استرپ 5

00:08:00

نسخه راست به چپ بوت استرپ 5

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

مشاهده همه دوره ها
اینستاگرام
تلگرام

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

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

ma.li.he.li.ma

ارسال شده در 1402/06/30

با سلام و احترام

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

بخصوص پروژه آخر عااااالی بود

ایمان مدائنی (مدرس)

ارسال شده در 1402/06/30

سلام ، سلامت باشید 

خوشحال مفید بوده 

hossein 87

hossein 87

ارسال شده در 1402/05/27

سلام 

دوره واقعا عالی بود 

باتشکر از زحمات استاد مدائنی 

ولی استاد چیکار کنیم این کلاس های بوت استرپ که خیلی هم شبیه هم هستن یادمون بمونه و قاطی نکنیم

hossein 87

ایمان مدائنی (مدرس)

ارسال شده در 1402/05/27

سلام، سلامت باشید 

با تمرین و به مرور زمان کاملا خاطرتون میمونه و اشتباه نمیکنید دیگه

یاسین رحیمی مهربان

یاسین رحیمی مهربان

ارسال شده در 1402/05/21

سلام استاد خسته نباشید

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

در ضمن  دوره  خیلی خوبی بود و به معنای واقعی  لذت بردم 

با تشکر

یاسین رحیمی مهربان

ایمان مدائنی (مدرس)

ارسال شده در 1402/05/21

سلام ، سلامت باشید 

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

liaeb

ارسال شده در 1402/04/11

سلام و خسته نباشید . 

ممنونم از آموزش خوبتون . 

فایل های ضمیمه بعد از دانلود قابل استفاده نیست و پیغام خطا میده که فایل خراب می باشد . لطفا بررسی شود . ممنونم

ایمان مدائنی (مدرس)

ارسال شده در 1402/04/11

سلام 

لطفا به پشتیبانی تیکت بزنید 

Amir mahdi Nikpour

Amir mahdi Nikpour

ارسال شده در 1402/01/22

واقعا دوره مفید و بی نقصی بود ممنونم استاد عزیز

Amir mahdi Nikpour

ایمان مدائنی (مدرس)

ارسال شده در 1402/01/22

سلامت باشید ، خوشحالم مفید بوده