صفحه اصلی / دوره‌های آموزشی / آموزش بوت استرپ 4 از مقدماتی تا پیشرفته / آموزش کار با کامپوننت های Carousel و Tooltips در بوت استرپ 4

آموزش کار با کامپوننت های Carousel و Tooltips در بوت استرپ 4

آموزش کامپوننت‌های Carousel و Tooltip در بوت استرپ 4:

در این بخش از آموزش، با کامپوننت‌های Carousel و Tooltip در بوت استرپ 4 آشنا می شوید.

Carousel: اسلایدرهای تصویر هستند.

Carousel: برای ایجاد اسلایدر از این کلاس استفاده میکنیم.
carousel-inner: برای اضافه کردن اسلایدها استفاده میشود.
carousel-item: برای ایجاد محتوای هر اسلاید میباشد.
Slide: برای ایجاد افکت و انیمیشن هنگام تعویض اسلایدها، استفاده میشود.
data-slide-to: با استفاده از ویژگی میتوانیم مشخص کنیم که هنگام کلیک روی یک نقطه خاص، به کدام اسلاید برود.
carousel-caption: با استفاده از این کلاس میتوانیم محتوای متنی به هر اسلاید اضافه کنیم.
interval (js): با استفاده از این ویژگی جاوا اسکریپت میتوانیم مدت زمان تعویض اسلایدها را تعیین کنیم.

Tooltip: معمولا متن‌های توضیحی هستند، که با قرار گرفتن ماوس روی اشیاء یا المان‌های داخل صفحه نمایش داده می شوند.

data-toggle = “tooltip”: برای ایجاد tooltip برای هر عنصر، این ویژگی را به آن عنصر اضافه میکنیم.
data-placement: مکان نمایش کادر tooltip نسبت به عنصر مرتبط با آن را، مشخص می کند. شامل مقادیر top،bottom ، left و right می باشد.
title: برای مشخص کردن متن پیغام tooltip استفاده می شود.

برای یادگیری این مبحث مثال‌ها و نکته‌های متعددی را در فایل ویدئویی آورده‌ایم که با تهیه این درس و مشاهده ویدئوها به طور کامل به این مبحث مسلط خواهید شد.

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

انجمن برنامه نویسان درسمن

نظر بدهید نظر شما در تصمیم دیگران اثرگذار است. لطفا برای ما و همراهان درسمن نظر خود را بنویسید.

برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.

آموزش بوت استرپ 4 از مقدماتی تا پیشرفته

1 - آموزش راه اندازی بوت استرپ 4 و معرفی کامل Bootstrap

34 دقیقه / رایگان

2 - آموزش کامل Reboot در بوت استرپ 4

23 دقیقه / 45,000 تومان

3 - آموزش جامع گرید سیستم (Grid System) در بوت استرپ 4

35 دقیقه / 45,000 تومان

4 - ادامه مبحث گرید سیستم و شروع کار با Utility ها در بوت استرپ

36 دقیقه / 48,000 تومان

5 - آموزش کار با Offset در بوت استرپ 4 (ادامه مبحث Grid System)

22 دقیقه / 47,000 تومان

6 - آموزش کامل کار با Spacing در بوت استرپ 4 (ادامه مبحث Utility)

21 دقیقه / 47,000 تومان

7 - آموزش کار با متن (تایپوگرافی) در بوت استرپ 4

37 دقیقه / رایگان

8 - آموزش کامل Sizing در بوت استرپ 4 (ادامه مبحث Utility)

10 دقیقه / 47,000 تومان

9 - آموزش کار با مهمترین ترین Utility ها در بوت استرپ 4

34 دقیقه / 47,000 تومان

10 - آموزش تخصصی Position و Float در بوت استرپ 4

25 دقیقه / 48,000 تومان

11 - آموزش فوق کاربردی Flex در بوت استرپ 4

31 دقیقه / 47,000 تومان

12 - آموزش کاربردی کار با Alert در بوت استرپ 4

27 دقیقه / 45,000 تومان

13 - آموزش کاربردی کار با Button و Button Group در بوت استرپ 4

18 دقیقه / 42,000 تومان

14 - آموزش کامپوننت های Jumbotron و Badge و Toastsدر بوت استرپ 4

22 دقیقه / 45,000 تومان

15 - آموزش کار با کامپوننت Navbar منو بار در بوت استرپ 4

33 دقیقه / رایگان

16 - آموزش تخصصی کار با کامپوننت Card در بوت استرپ 4

33 دقیقه / 44,000 تومان

17 - آموزش حرفه ای کار با کامپوننت Collapse در بوت استرپ 4

18 دقیقه / 44,000 تومان

18 - آموزش کاربردی کار با کامپوننت Media Object در بوت استرپ 4

19 دقیقه / رایگان

19 - آموزش صفر تا صد کار با کامپوننت Forms در بوت استرپ 4(بخش اول)

21 دقیقه / 32,000 تومان

20 - آموزش صفر تا صد کار با کامپوننت Forms در بوت استرپ 4(بخش دوم)

39 دقیقه / 40,000 تومان

21 - آموزش کار با کامپوننت های Pagination و Dropdown در بوت استرپ 4

28 دقیقه / 40,000 تومان

22 - آموزش کار با کامپوننت های List-group و Modal در بوت استرپ 4

36 دقیقه / 42,000 تومان

23 - آموزش کامپوننت های Progress-bar و Scrollspy در بوت استرپ 4

23 دقیقه / 40,000 تومان

24 - آموزش کار با کامپوننت های Carousel و Tooltips در بوت استرپ 4

36 دقیقه / 40,000 تومان

25 - تمرین های کاربردی بوت استرپ 4

0 دقیقه / رایگان

مشخصات دوره

مدرس دوره : مهدی عباسی

تعداد جلسات : جلسه

مدت زمان : 661 دقیقه

حجم دوره : 2/78 گیگابایت

سطح مهارت : مقدماتی تا پیشرفته

وضعیت دوره : پایان یافته

تعداد دانشجویان : 1535

: میانگین امتیاز

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

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

مطالعه بیشتر

جدیدترین دوره ها