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

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

نمایش نظرات

نظری ارسال نشده است.

آموزش ایجاد تعامل با اجزای مبتنی بر جاوا اسکریپت
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
2h 40m
40
Pluralsight (پلورال سایت) pluralsight-small
11 شهریور 1399 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
-
از 5
دارد
دارد
دارد
Jeff Batt

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Jeff Batt Jeff Batt

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

Pluralsight (پلورال سایت)

Pluralsight یکی از پرطرفدارترین پلتفرم‌های آموزش آنلاین است که به میلیون‌ها کاربر در سراسر جهان کمک می‌کند تا مهارت‌های خود را توسعه دهند و به روز رسانی کنند. این پلتفرم دوره‌های آموزشی در زمینه‌های فناوری اطلاعات، توسعه نرم‌افزار، طراحی وب، مدیریت پروژه، و موضوعات مختلف دیگر را ارائه می‌دهد.

یکی از ویژگی‌های برجسته Pluralsight، محتوای بروز و با کیفیت آموزشی آن است. این پلتفرم با همکاری با توسعه‌دهندگان و کارشناسان معتبر، دوره‌هایی را ارائه می‌دهد که با توجه به تغییرات روزافزون در صنعت فناوری، کاربران را در جریان آخرین مفاهیم و تکنولوژی‌ها نگه می‌دارد. این امر به کاربران این اطمینان را می‌دهد که دوره‌هایی که در Pluralsight می‌پذیرند، با جدیدترین دانش‌ها و تجارب به روز شده‌اند.