امکانات Bootstrap5 و تاریخ انتشار آن

در این مقاله تیم رایانیتا به معرفی امکانات Bootstrap5 و تاریخ انتشار آن می پردازد. با ما در ادامه مقاله همراه باشید تا در مورد ویژگی های جدی Bootstrap5 نست به نسخه های قبلی و امکانات منسوخ شده اطلاع کسب کنید.

Bootstrap ، محبوب ترین فریم ورک front-end است که برای طراحی رابط های مدرن ، پاسخگو و پویا برای صفحات وب طراحی حرفه ای ساخته شده است ، در حال حاضر یک نسخه جدید به نام Bootstrap 5 را انجام می دهد.

نسخه آلفا Bootstrap5 پس از چندین ماه تصحیح و ویرایش در 16 ژوئن 2020 رسما منتشر شد. با تمام تغییرات عمده ای که این نسخه به همراه داشت، تیم توسعه دهنده Boostrap 5 به کاربران ۀن اطلاع داده که نسخه فعلی هنوز در نسخه آلفا است ، بنابراین تا زمان انتشار اولین نسخه بتا ، تاین نسخه تغییرات اساسی خواهد داشت.

نسخه های قبلی Bootstrap

بوت استرپ ، درست از زمان انتشار اولین نسخه خود در سال 2011 ، شدیدا از طرف جامعه توسعه دهندگان مورد استقبال قرار گرفت. دلیل آن این بود که این فریم ورک CSS open-source رایگان برای توسعه معنی دار وب بود.

این فریم ورک توسعه front-end الگوها و مولفه های مبتنی بر CSS و javascript را برای ایجاد رابط های کاربری جذاب ارائه می دهد. این فیرم ورک بر توسعه به سمت موبایل فرندلی و front-end وب ریسپانسیو بسیار تاکید کرده است.

چه انتظاری باید از نسخه Bootstrap5 داشته باشیم؟

در حال حاضر توسعه Bootstrap 5، در بورد رسمی پیشرفت آن در Github شامل بیش از ۷۶۵ task است که توسط بیش از ۸۳ Pull Request و ۳۱۱ issue پیش می‌رود. اگر تاریخ انتشار آن را براساس دوره زمانی توسعه نسخه‌های قبلی، نسخه 4 به 4.1 در نظر بگیریم، این دوره ۳ ماه از تیم توسعه زمان گرفت. همچنین از نسخه 4.1 به 4.2 چیزی حدود 8 ماه زمان برد. با این اوصاف Bootstrap 5 در نیمه اول 2020 منتشر شود. به این نکته هم توجه کنیم که Bootstrap هنوز تاریخ رسمی را برای انتشار نسخه جدید تعیین نکرده است.

یکی از نکاتی است که باعث معروف‌تر شدن ‌Bootstrap 5 می‌شود حذف jQuery است. و همچنین پشتیبانی از اینترنت اکسپلورر 10 و 11 است.

موارد زیر برخی از تغییرات در Bootstrap 5 است:

حذف jQuery

jQuery کتابخانه ای است که یک لایه انتزاعی با هدف کلی را برای اسکریپت نویسی کلاسیک وب ارائه می دهد که تقریباً در هر مورد از نیازهای توسعه وب کارآمد است.

ویژگی قابل گسترش آن به شما امکان می دهد بدون نوشتن JavaScript زیاد به عناصر موجود در یک سند دسترسی پیدا کنید ، ظاهر محتوای خود را در یک صفحه وب تغییر دهید که توسعه دهندگان از این مزیت برای پر کردن شکاف بین همه مرورگرها ، تغییر محتوای یک سند ، پاسخ به تعامل کاربر ، بازیابی اطلاعات از سرور بدون تازه کردن یک صفحه از طریق AJAX ، اضافه کردن انیمیشن به صفحه وب خود ، ساده کردن کارهای مشترک JavaScript و…

سوئیچ به Vanilla JS

JavaScript زبان برنامه نویسی وب است. اکثر وب سایت های مدرن از جاوا اسکریپت پشتیبانی می کنند. همه مرورگرهای وب مدرن روی دسک تاپ ، کنسول ها ، تبلت ها ، بازی ها و تلفن های همراه شامل مفسران جاوا اسکریپت هستند که این امر باعث می شود جاوا اسکریپت به جهانی ترین زبان برنامه نویسی در جهان تبدیل شود.

حذف پشتیبانی از jQuery در Bootstrap 5 جای خود را به نوشتن کد جاوا اسکریپت Vanilla کارآمد می دهد. بدون نگرانی در مورد اندازه یا اضافه کردن عملکردهای غیر ضروری دیگر.

ریسپانسیو شدن سایز فونت ها

طراحی وب سایتی که در چندین پلتفرم یا Viewport خوب به نظر برسد. برای برخی از توسعه دهندگان کاملاً چالش برانگیز بوده است. پرسش های رسانه ای ابزاری عالی برای حل مشکلات رایج تایپوگرافی بوده است. تا به توسعه دهندگان اجازه دهد با تایپ اندازه های خاص قلم برای عناصر تایپوگرافی در یک نمای خاص ، ظاهر تایپوگرافی ها را در صفحات وب کنترل کنند.

بوت استرپ 5 به طور پیش فرض اندازه قلم را به صورت ریسپانسیو فعال می کند که به طور خودکار اندازه عنصر تایپوگرافی را با توجه به اندازه نمای کاربر از طریق موتور RFS یا اندازه های قلم ریسپانسیو تغییر می دهد.

طبق مخزن RFS ، RFS یک موتور تغییر اندازه دهنده واحد است. که در اصل برای تغییر اندازه قلم ساخته شده است. RFS توانایی تغییر اندازه اساساً هر مقدار را برای هر خاصیت CSS با واحدهایی مانند لبه کار ،لایه ها، اندازه لبه وکادر ها فراهم می کند.

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

برترین زبان های برنامه نویسی ۲۰۲۱ برای توسعه وب

عدم پشتیبانی از Internet Explorer 10 و 11

در سال 1995 ، مایکروسافت اینترنت اکسپلورر را منتشر کرد. ذهن همه را به خود جلب کرد زیرا برای اولین بار یک مرورگر وجود داشت که از برنامه های CSS و Java پشتیبانی می کند. همچنین باعث این می شوند که با استفاده 95٪ سهم ، یکی از پر استفاده ترین مرورگرهای وب در سال 2003 باشد.

با توجه به افزایش سرعن اینترنت، اینترنت اکسپلورر دیگر با مرورگر هایی نظیر Chrome ، Firefox و Edge ارتباطی ندارد. و بدلیل کندی قابل مقایسه نیست. در حقیقت ، این یکی از کابوس های طراحان وب بود زیرا از استانداردهای مدرن JavaScript پشتیبانی نمی کند. برای کار با اینترنت اکسپلورر ، 10 یا 11 ، کدهای جاوا اسکریپت باید به جای ES6 در ES5 کامپایل شوند. تا اندازه پروژه های شما را تا 30 درصد افزایش می دهد. بدیهی است که این توانایی شما در استفاده از ویژگیهای ES6 یا استانداردهای جدیدتر JavaScript را محدود می کرد. از همه بدتر اینکه از بسیاری از ویژگی های CSS مدرن پشتیبانی نمی کند که توانایی طراحی وب مدرن شما را محدود می کند.

بهینه سازی Navbar

کامپوننت navbar Bootstrap قسمت اصلی بوت استرپ است که همیشه مورد استفاده قرار می گیرد. در نسخه های قبلی بوت استرپ ، برای کارایی لازم باید مقدار مناسبی از نشانه گذاری داشته باشید. با این حال ، در بوت استرپ 4 آنها این کار را با استفاده از عنصر nav یا div HTML وunordered list ساده کردند. کلاس navbar کلاس پیش فرض است که همیشه باید روی کامپوننت ظاهر شود.

به طور پیش فرض ، Bootstrap 4 از گزینه بلوک درون خطی در گزینه نمایش خود استفاده می کند اما در Bootstrap 5 ، حذف شد. آنها همچنین از flex shorthand استفاده كردند و حاشیه مارك تجاری ناشی از نیاز به ظروف در نوارهای ورودی را حذف كردند.

سوئیچ از Jekyll به Hugo

Jekyll یک مولد سایت استاتیک open-source و رایگان است. اگر می دانید WordPress ، Joomla یا Drupal چگونه کار می کند ، احتمالاً ایده ای درباره نحوه کار آن دارید. از Jekyll برای ساخت وب سایت هایی با پیمایش آسان ، اجزای وب سایت استفاده می شود و همه مطالب را همزمان تولید می کند. Jekyll در اصل الگوهای صفحه مانند ناوبری و پاورقی را ارائه می دهد. که در تمام صفحات وبسایت شما منعکس می شود. این الگوها با سایر پرونده ها با اطلاعات مشخص ادغام می شوند (به عنوان مثال فایلی برای هر پست وبلاگ در وب سایت شما) تا صفحات HTML کاملی را برای دیدن کاربران وب سایت ایجاد کنید.

Bootstrap 4 ابزاری عالی برای ادغام با Jekyll از طریق Sass بوده است. اما در Bootstrap 5 ، یک تغییر عمده از Jekyll به Hugo شده است.

Hugo به عنوان یک سازنده سایت‌های استاتیک سریع و منعطف ساخته شده است. به همراه عشق توسط spf13 با زبان Go ساخته شده است. Hugo مانند Jekyll، یک سازنده سایت‌های استاتیک است، اما با زبان Go . از دلایل منطقی برای سوئیچ از Jekyll به Hugo، می‌توان به سرعت بالا و سادگی در استفاده و تنظیم Hugo اشاره کرد. Hugo در مقایسه با Jekyll، یکپارچگی و تطابق بسیار خوبی با وب هاست‌های معروف دارند. همچنین می‌تواند محتوای شما را با هر ساختار URLیی سازمان دهد.