اپ نویسی در حوزه طراحی وب سایت همواره دارنده بحران‌های زیادی میباشد که پیشرفت دهندگان همواره با آن ها سروکار دارا هستند. یکی‌از مشکلاتی که هر از مدتی برای این اشخاص پیش می‌اید، اخذ بروزرسانی والا برای ابزارها و فریمورک‌های مورداستفاده بسط دهندگان میباشد؛ جایی که ورژن گذشته همچنان به صورت وسیع مورداستفاده قرار میگیرد و ورژن نو نیز تغییر‌و تحول خارق العاده‌ای را تجارب نمی‌نماید. بوت استرپ ورژن 5، یکی طراحی سایت در مشهد وسیع ترین بروزرسانی‌های این فریمورک بود؛ ولی به دلایلی، خیلی از اشخاص تفاوت بوت استرپ 4 و 5 را به خیر و خوبی فهم و شعور نمیکنند و نمی‌توانند از دربین این دو گزینش نمایند.
این مسئله منجر شد درین نوشته ی علمی از وب لاگ سبزلرن، بدین مسئله بپردازیم که تفاوت بوت استرپ 4 و 5 چیست؟ و کدام ورژن برای یادگیری مطلوب میباشد؟
تفاوت بوت استرپ 4 و 5
فریمورک بوت استرپ چیست؟
در صدر خوب میباشد معرفی مختصری از فریمورک بوت استرپ داشته باشیم.
Bootstrap یک فریمورک ساخت سایت متن‌گشوده و دوست داستنی میباشد که به توسعه و گسترش‌دهندگان یاری می‌نماید صفحه ها اینترنت ریسپانسیو و خوشگل را فارغ از نیاز به جاوا اسکریپت و فقط با به کار گیری از HTML و CSS و به آسانی هرچه آحاد‌خیس گسترش دهند. این فریمورک مشتمل بر دسته‌ای از ابزارها و پوسته‌های فراهم برای دکمه‌ها، هیبت‌ها، منوها و بقیه المان‌های مایحتاج برای یک وب سایت میباشد که می‌اقتدار از آنان در صفحه ها اینترنت به کار گرفت.
همینطور، بوت استرپ از یک سیستم گرید پیش‌فرض منفعت میبرد که به طراحان یاری می‌نماید که به آسانی ردیف‌ها و ستون‌ها را همان گونه که میخواهند، تولید کرده و آن ها را به طور ریسپانسیو پیاده‌سازی نمایند. ضمن این، فریمورک Bootstrap انعطاف پذیری بالایی دارااست و دست پیشرفت دهندگان برای فردی‌سازی پروژه خویش را تماما گشوده میگذارد.
تفاوت بوت استرپ 4 و 5
مهم‌ترین تفاوت بوت استرپ 4 و 5 چیست؟
همان طور که در اولِ مقاله نیز گفتیم، دو ورژن بوت استرپ 4 و بوت استرپ 5 دوست داستنی‌ترین ورژن‌های این فریمورک اکنون می‌باشند و پیشرفت دهندگان این فریمورک، از یک کدام از این ورژن‌ها به کار گیری می‌نمایند. پیرو نگاهی به مهم‌ترین تفاوت‌های Bootstrap ورژن 4 و 5 خوا‌هیم داشت.
عدم حمایت از جی کوئری
مطرح ترین تفاوت بوت استرپ 4 و 5، عدم به کار گیری از کتابخانه JQuery برای استعمال از کدهای جاوا اسکریپت در ورژن 5 این فریمورک بود. این شغل سبب ساز عدم نیاز به بارگزاری این کتابخانه در پروژه و ارتقا سرعت برکزاری صفحه ها اینترنت میگردد. خلال این، کتابخانه جی کوئری محبوبیت کهن را ندارد و با وجود رقبای قدرتمندی نظیر انگولار و React، در حالا منسوخ شدن میباشد.
حذف جی کوئری از بوت استرپ 5 منجر شد اکثری از بسط دهندگانی که به جهت سرعت بارگذاری ذیل صفحه های Bootstrap از آن مسافرت کرده بودند، مجدد بدین فریمورک برگردند. با این عمل بوت استرپ جان مجدد‌ای گرفت و محبوبیت بیشتری نزد گسترش دهندگان فرانت اند بدست آورد.
تغییر تحول واحد اندازه‌گیری از PX به Rem و Em
یک کدام از دیگر از مهم‌ترین تفاوت‌های بوت استرپ ورژن 4 و 5 در تغییر و تحول واحدهای اندازه گیری پیش‌فرض میباشد؛ جایی که‌این واحدها از پیکسل به Em و Rem تبدیل گردیده‌اند. همان گونه که احتمالا میدانید، واحد اندازه گیری پیکسل، یک واحد استاتیک میباشد؛ در سود در شرایطی که که قصد پیاده سازی یک وبسایت واکنشگرا را داشته باشید، حسابی به دردسر می افتید.
البته واحدهای Em و Rem واحدهایی نسبی می باشند و برای به کار گیری در پیاده سازی برخورد‌گرا، آیتم‌ای خوب محسوب می شوند. EM نوعی واحد اندازه گیری میباشد که موازی با اندازه فونت فعلی یک المان میباشد؛ از جمله در شرایطی که مقدار Font-size برای نوشته‌های H1 را روی مقدار 20 پیکسل در اختیار بگذاریم، سایز 1.5 EM برای این تگ، موازی با سایز 30 پیکسل میباشد. REM شبیه EM میباشد، ولی به مکان فونت فعلی، به فونت ریشه متعلق میباشد. به عنوان مثال، چنانچه مقدار Font-size برای المان‌های مو جود در تگ Header را روی 12 پیکسل در اختیار بگذاریم و از یک تگ H2 در Header با سایز 2 REM به کار گیری کنیم، سایز این هدر موازی با 24 پیکسل خواهد بود.
در شکل عدم انتخاب سایز فونت برای ریشه یک المان، سایز 16 پیکسل موازی با 1 REM احتساب گردد.
مدد از تارنما‌های راست چین
بعد از سال‌ها، بلاخره در ورژن پنجم Bootstrap شاهد اضافه شدن ورژن RTL یا این که راست چین این فریمورک هستیم. در قبل و پیش از اضافه شدن این خصوصیت، بدون چاره بودیم استایل‌های CSS و بعضی از کدهای HTML پوسته بوت استرپ را بازنویسی کنیم و آن را به طور دستی، راست چین کنیم. این شغل مجال قابل توجهی از ما می‌گرفت و ممکن بود ناسازگاری‌هایی در فرایند بسط پروژه برای ما به وجود آورد. اضافه شدن این امکان اثر قابل توجهی بر محبوبیت فریمورک Bootstrap میان پیشرفت دهندگان اهل ایران داشت.
اضافه شدن پالت‌های رنگی بیشتر
در بوت استرپ 5 رنگ‌های تازه و متنوع‌تری برای استعمال در تارنما‌ها ارائه گردیده که میتواند در جذابیت و زیبایی خروجی پایانی اثر مثبتی داشته باشد. همینطور این فریموریک به وضوح و خوانایی رنگ‌ها نیز دقت ویژه‌ای داشته؛ به گونه ای که اشخاص با ایرادات بصیرت نیز می توانند به راحتی از وب سایت‌های بر طبق بوت استرپ استعمال نمایند و مشکلی از لحاظ دیدن رنگ‌ها نداشته باشند!
به صورت کلی، غرض از این تغییرات، بهبود تجارب کاربری و قابلیت و امکان پیشرفت تارنما‌های جالب‌خیس و قابل به کار گیری برای تمامی یوزرها میباشد. چیزی که به حیث میرسد بوت استرپ در طراحی آن غالب بوده میباشد!
اضافه شدن آیکون‌های تازه با اسم Bootstrap Icon
یک کدام از دیگر از تفاوت‌های بوت استرپ 4 و 5 که زیاد به دیده آمد، اضافه شدن مجدد آیکون‌ها در‌این فریمورک بود. در ورژن سوم بوت استرپ، آیکون‌های زیادی برای استعمال در پروژه‌ها وجود داشت؛ البته این خصوصیت در ورژن چهارم این فریمورک در کل حذف شد تا یوزرها ناچار به به کار گیری از آیکون‌های دیگر شوند. ولی با معرفی بوت استرپ 5، شاهد اضافه شدن مجدد آیکون‌ها با اسم Bootstrap Icons هستیم که بیشتراز 1300 آیکون متن‌گشوده و بدون‌پول با فرمت SVG را در چنگ پیشرفت دهندگان قرار میدهد.
خلال این، در به کارگیری از این آیکون‌ها که دارنده ظواهر منحصر به فرد به شخصی نیز می‌باشند، محدودیتی نیست؛ بدین ترتیب می توانید از آنان در بقیه پروژه‌های خویش که بر اساس بوت استرپ نیستند نیز به کارگیری نمائید!