نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
فقط از اجزای ایستا Bootstrap فراتر رفته و استفاده از م Bلفه های Bootstrap را که با JavaScript قابل ارتقا هستند ، بیاموزید. هر م componentلفه دارای گزینه های مختلفی است که می توانید تنظیم کنید ، روشهایی که می توانید استفاده کنید و رویدادهایی که می توانند کد سفارشی را تحریک کنند. اجزای بوت استرپ استاتیک فوق العاده هستند ، اما کاربر نهایی را درگیر نمی کند. اگر لازم بود کاربر خود را با شخصی سازی یا گسترش م extendلفه ها درگیر کنید؟ در این دوره ، ایجاد تعامل با JavaScript based Bootstrap Components ، شما می آموزید که با استفاده از گزینه ها ، روش ها و رویدادهای مختلف ، م componentsلفه های فعال شده JavaScript را ایجاد و گسترش دهید. ابتدا ، نحوه نمایش محتوای اضافی را هنگامی که یک یادگیرنده روی دکمه کلیک می کند ، جستجو خواهید کرد. در مرحله بعدی ، خواهید فهمید که چگونه از طریق popover ها ، نان تست ها و موارد دیگر به کاربر پیام دهید و به او هشدار دهید. پس از آن ، نحوه ارائه محتوا به روش های مختلف جذاب مانند چرخ فلک و ScrollSpy را کشف خواهید کرد. در آخر ، شما یاد خواهید گرفت که چگونه تعامل اضافی را در داخل مدالها ارائه دهید ، که محتوای شما را در یک صفحه گسترش می دهد. پس از اتمام این دوره ، مهارت و دانش لازم برای کار با م componentsلفه های تعاملی بیشتری را که در Bootstrap وجود دارد و لازم است صفحات وب شما را برای کاربران نهایی جذاب تر کند ، خواهید داشت.
سرفصل ها و درس ها
بررسی اجمالی دوره
Course Overview
-
بررسی اجمالی دوره
Course Overview
شروع کار با اجزای مبتنی بر Javascript
Getting Started with Javascript-based Components
-
معرفی ماژول
Module Introduction
-
کاوش در نمونه پرونده های پروژه
Exploring the Sample Project Files
-
آماده شدن برای بوت استرپ 5
Preparing for Bootstrap 5
-
بررسی اجزای فعال شده JavaScript
Exploring JavaScript Enabled Components
-
درک گزینه ها ، روش ها و رویدادها
Understanding Options, Methods and Events
-
ساخت دکمه های اصلی کشویی
Building Basic Dropdown Buttons
-
دکمه کشویی را سبک کنید
Stylizing the Dropdown Button
-
استفاده از جاوا اسکریپت به همراه Dropdowns
Using JavaScript with Dropdowns
-
نتیجه گیری ماژول
Module Conclusion
بررسی اجزای پیام Bootstrap
Exploring Bootstrap Message Components
-
معرفی ماژول
Module Introduction
-
ایجاد و موقعیت یابی نکات
Creating and Positioning Tooltips
-
تنظیم گزینه های راهنمای ابزار
Adjusting Tooltip Options
-
بررسی اصول Popover
Exploring Popover Basics
-
افزودن گزینه های Popover
Adding Popover Options
-
استفاده از ابزارهای راهنما روش های رویدادها
Using Tooltip & Popover Methods & Events
-
اطلاع دادن به کاربر با نان تست
Notifying the User with Toasts
-
با استفاده از روش های گزینه های Toasts
Using Toasts Options & Methods
-
نتیجه گیری ماژول
Module Conclusion
نمایش محتوا با جمع کردن ، چرخ فلک ، و ScrollSpy
Displaying Content with Collapse, Carousel, and ScrollSpy
-
معرفی ماژول
Module Introduction
-
سقوط اساسی
Building Basic Collapses
-
ساخت آکاردئون
Building an Accordion
-
استفاده از جاوا اسکریپت با جمع کردن
Using JavaScript with Collapse
-
ایجاد یک چرخ فلک تصویر اصلی
Creating a Basic Image Carousel
-
چرخ و فلک های تقویت شده با شاخص ها و زیرنویس ها
Enhancing Carousels with Indicators and Captions
-
تنظیم گزینه های چرخ فلک
Adjusting Carousel Options
-
کنترل چرخ و فلک با روش رویدادها
Controlling the Carousel with Methods & Events
-
تنظیم Scrollspy با لیست گروه
Setting up the Scrollspy with List Group
-
افزودن گزینه های Scrollspy ، روش ها و رویدادها
Adding Scrollspy Options, Methods and Events
-
نتیجه گیری ماژول
Module Conclusion
درک م Modلفه Modal
Understanding the Modal Component
-
معرفی ماژول
Module Introduction
-
ایجاد Modal
Creating the Modal
-
تنظیم تنظیمات Layout
Adjusting the Layout Settings
-
تنظیم اندازه Modal
Adjusting the Size of the Modal
-
تنظیم گزینه های Modal
Adjusting Modal Options
-
کنترل حالت با روش ها
Controlling the Modal with Methods
-
گوش دادن به رویدادهای مدال
Listening for Modal Events
-
استفاده مجدد از Modals
Reusing Modals
-
از کجا برویم
Where to Go from Here
-
نتیجه گیری ماژول
Module Conclusion
نمایش نظرات