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

Creating Interactivity with JavaScript Based Bootstrap Components

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: فقط از اجزای ایستا 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

نمایش نظرات

آموزش ایجاد تعامل با اجزای مبتنی بر جاوا اسکریپت
جزییات دوره
2h 40m
40
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
-
از 5
دارد
دارد
دارد
Jeff Batt
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Jeff Batt Jeff Batt

بنیانگذار در Learning Dojo