در Bootstrap 5، تیم توسعه‌دهنده تصمیم گرفته است که از وابستگی به jQuery خودداری کند. این کار به کاهش حجم فایل‌ها و بهبود کارایی کمک می‌کند و همچنین با استفاده از ویژگی‌های مدرن جاوا اسکریپت، کدنویسی تمیزتر و سبک‌تری را فراهم می‌آورد. در اینجا چند نکته کلیدی در مورد استفاده از جاوا اسکریپت در Bootstrap 5 آورده شده است:
1. افزونه‌های جاوا اسکریپت اختیاری
Bootstrap 5 شامل مجموعه‌ای از افزونه‌های جاوا اسکریپت است که قابلیت‌ها و تعاملات پیشرفته را برای عناصر مختلف فراهم می‌کند. این افزونه‌ها به صورت اختیاری هستند و می‌توانند به صورت جداگانه یا به صورت ترکیبی با استفاده از فایل‌های `bootstrap.js` یا `bootstrap.min.js` استفاده شوند.
2. استفاده از ویژگی‌های داده‌ای (Data Attributes)
Bootstrap به شما اجازه می‌دهد تا با استفاده از ویژگی‌های داده‌ای در HTML، تعاملات جاوا اسکریپتی را بدون نیاز به نوشتن کد جاوا اسکریپت فعال کنید. این رویکرد ساده و کاربرپسند است و به شما اجازه می‌دهد تا ویژگی‌های خاصی مثل modals، tooltips، و دیگر تعاملات را مستقیماً از طریق HTML مدیریت کنید.
3. پشتیبانی از ماژول‌ها
Bootstrap 5 به صورت ماژول‌های ESM نیز ارائه می‌شود، که به شما اجازه می‌دهد تا از ویژگی‌های ماژول‌های بومی جاوا اسکریپت در مرورگرهایی که از آن‌ها پشتیبانی می‌کنند، استفاده کنید. این به شما امکان می‌دهد تا فقط قسمت‌های مورد نیاز خود را وارد کنید و از مزایای ماژولار بودن جاوا اسکریپت بهره‌مند شوید.
4. پشتیبانی از رویدادهای سفارشی
Bootstrap برای بسیاری از افزونه‌های خود رویدادهای سفارشی فراهم می‌کند که می‌توانید برای ایجاد تعاملات پیچیده‌تر استفاده کنید. این رویدادها به شما اجازه می‌دهند تا به آغاز و پایان تعاملات مختلف گوش دهید و بر اساس آن‌ها رفتار دلخواه خود را پیاده‌سازی کنید.
5. مستقل از jQuery
اگرچه jQuery در Bootstrap 5 به صورت پیش‌فرض استفاده نمی‌شود، اما هنوز می‌توانید از آن استفاده کنید. اگر jQuery در محیط شما در دسترس باشد، Bootstrap به طور خودکار با آن کار خواهد کرد و افزونه‌ها را به سیستم پلاگین jQuery اضافه می‌کند.
6. استفاده از Popper.js
برخی از افزونه‌های Bootstrap مانند Dropdown، Tooltip و Popover به Popper.js وابسته هستند. Popper.js کتابخانه‌ای برای مدیریت عناصر شناور (مانند منوها و راهنمای ابزار) است که برای کار صحیح این افزونه‌ها نیاز است.
نتیجه‌گیری
استفاده از جاوا اسکریپت در Bootstrap 5 به شما انعطاف بیشتری برای مدیریت و سفارشی‌سازی رفتارهای تعاملی می‌دهد. با حذف jQuery و استفاده از جاوا اسکریپت مدرن، Bootstrap 5 سریع‌تر و سبک‌تر شده است و به توسعه‌دهندگان این امکان را می‌دهد تا کنترل بیشتری بر نحوه تعاملات و انیمیشن‌ها داشته باشند.
