بوت استرپ (Bootstrap) چیست؟ چه کاربردی دارد؟ تاریخچه Bootstrap

[webmac 9]

بوت استرپ (Bootstrap) چیست؟ چه کاربردی دارد؟ تاریخچه Bootstrap مزایا و معایب آن و مهمترین نکات اساسی و مهم در مورد این مجموعه را در این مقاله بررسی خواهیم کرد. 

 

 بوت استرپ (Bootstrap) تشکیل شده است از یک سری ابزارهای رایگان جهت طراحی صفحات وب و نرم افزارهای تحت وب این ابزارها در سه دسته:

1-کدهای html    

2-کدهای Css   

3- توابع جاوااسکریپت 

این ابزارها به شما در تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز طراحی  وب کمک می نماید.

تاریخچه بوت استرپ (Bootstrap) :

بوت استرپ (Bootstrap) برای اولین بار توسط مارک اتو و جاکوب تورنتون و در جهت ایجاد یک چارچوب ظاهری مشخص و یکسان در ابزارهای توییتر طراحی و نوشته شد. قبلا نیز نمونه های مشابه برای این کار توسط  افراد و شرکت های بزرگی شروع به کار کرده بودند که تماما به یک سرنوشت دچار شدن و آن هم عدم استقبال طراحان وب از آن بود. تولید کنندگان بوت استرپ (Bootstrap) با اطلاع از این موضوع تصمیم به ساخت یک سیستم داخلی و قدرتمند برای خود با نام Bootstrap گرفت. و در ابتدا بنای ارایه به صورت عمومی آن را نداشتن اما با این وجود در اگوست سال 2011، توییتر Bootstrap را بصورت متن باز و رایگان به عنوان یک فریم ورک طراحی وب سایت در اختیار دیگران قرارداد و در فوریه 2012 به محبوب ترین پروژه در سایت Github تبدیل شده بود.
 

نمونه ای از المان های پیش فرض Bootstrap

معرفی امکانات بوت استرپ (Bootstrap) : این چارچوب یا Framework  بسیار حرفه ای طراحی وپیاده سازی شد و در اولین نسخه خود حتی با مرورگرهای قدیمی مانند اینترنت اکسپلورر 8 نیز ظاهر زیبای خود را حفظ میکند. نسخه های بعدی این Framework  طراحی واکنشگرا یا رسپانسیو نیز در آن لحاظ شد که موجب نمایش مناسب صفحه در تلفن های هوشمند و تبلت ها میگردد. متن باز بوده و در سایت Github برای دانلود رایگان قرارگرفته است.

 

 

طراحی واکنشگرا یا رسپانسیو بودن بوت استرپ (Bootstrap)

نکته مهم: برای ما فارسی زبان ها و عرب زبان ها و کلا زبان های که از راست به چپ می باشد نسخه اصلی آن که چپ به راست می باشد نیازمند تغییر می باشد که البته سایت هایی ایرانی و عربی هستند که این کار را انجام داده ان و با نام های Bootstrap-rtl یا Bootstrap-arabi میتوانید نسخه راست به چپ شده را رایگان پیدا کرده و دانلود نمایید.
اما تعریف بوت استرپ (Bootstrap) به زبان ساده!  :
شاید هنوز هم با امکانات و توانایی های Bootstrap بخوبی آشنا نشده باشید و یا دقیقا متوجه کاربرد آن نشوید. در این بخش کمی ساده تر امکانات و توانایی های آن را بررسی خواهیم کرد.
بزرگترین مشکل طراحان وب و کدنویسان قدیمی، ایجاد ظاهری زیبا و مناسب است! بله دقیقا مشکل اساسی اینجاست. اصول کدنویسی و ایجاد زیربنا و ساختار مناسب برای یک سایت بسیار مهم و پیچیده است ولی نمایش صحیح خروجی کار و ایجاد یک فضای کاربرپسند نیز اهمیت بسیار بالایی خواهد داشت.
Bootstrap قصد دارد که خلاء میان طراحی و کدنویسی را از میان برداشته و کدنویسان را ترغیب به استفاده از طراحی های پیش فرض و استاندارد نماید. به همین منظور دستورات CSS و توابع jQuery مورد نیاز را برای شما فراهم کرده است تا شما بتوانید با استفاده از دستورات پیش فرض و رعایت اصول متناسب با طراحی Bootstrap زمان راه اندازی یک پروژه را تا حد زیادی کاهش داده(گاها تا 80 درصد) و خروجی آن را متناسب با استانداردهای روز دنیا پیش ببرید.

 

 

 

تهیه شده توسط گروه وب مک