بوت استرپ

بوت استرپ ( bootstrap ) یک فریم ورک رایگان و متن باز است که برای کار front end و طراحی برنامه های وب استفاده می شود. فریم ورک بوت استرپ با استفاده از html ، css و جاوا اسکریپت ساخته شده و هدفش طراحی سایت ها و برنامه هایی است که ریسپانسیو بوده و برای نمایش در موبایل مناسب باشند. در حقیقت، کار اصلی که بوت استرپ انجام می دهد اینست که زمان لازم برای طراحی یک سایت مدرن را کاهش می دهد. این را قبول کنید که برای طراحی هر قسمتی از سایت ( از تایپوگرافی گرفته تا دکمه ها یا حتی گالری عکس ) بهتر است که از یک قالب آماده استفاده کرد. البته که برای استفاده از این الگوهای از پیش طراحی شده هم باید اول نحوه استفاده از آن ها را یاد گرفت. پس در این مقاله با موستانگ همراه شوید تا ببینیم جادوی بوت استرپ چیست !   لزوم طراحی ریسپانسیو نام و اهمیت طراحی ریسپانسیو یا واکنش گرا دیگر برای همه مشخص است. طراحی ریسپانسیو این امکان را به برنامه ها می دهد که اندازه دستگاه کاربر را تشخیص داده و صفحه های خود را با آن سازگار کنند. وقتی رویکردتان در طراحی موبایل محور باشد ، یعنی این را باور دارید که اولین و دم دست ترین دستگاهی که کاربرانتان می خواهند کارشان را سریع با آن انجام دهند، موبایلشان است. و امروزه دیگر این باور حقیقت هم دارد. حالا می دانید کار جادویی بوت استرپ چیست ! بوت استرپ کمک می کند تا یک طراحی ریسپانسیو بی نقص برای وبسایتتان داشته باشید. معنای کلمه بوت استرپ چیست و از کجا پیدایش شده؟ آقایان Mark Otto و Jacob Thornton ، بوت استرپ را وقتی که در توییتر کار می کردند ساختند ( به عنوان ابزاری که بتوانند با آن کدهای استفاده شده در سایت را دوباره استفاده کرده و در زمان صرفه جویی کنند ) . bootstrap در ابتدا به عنوان نقشه توییتر شناخته می شد. گاهی اوقات با بوت استرپِ توییتر نیز خوانده می شود. در دنیای کامپیوتر ، کلمه bootstrap به معنای بوت کردن ( boot ) است: یعنی لود کردن یک برنامه در کامپیوتر با استفاده از یک برنامه کوچک و ابتدایی دیگر . در دنیای فیزیکی هم bootstrap آن تسمه کوچکی است که در پشت چکمه قرار دارد و با استفاده از آن می توانید چکمه را راحت بپوشید. در حالت کلی این کلمه به معنای بکار گرفتن یک تلاش کوچک و اهرم کردن آن برای رسیدن به یک هدف بزرگتر و مهمتر است. جالب است که بدانید ضرب المثلی هم وجود دارد با این مفهوم: pulling yourself up by your own bootstraps که به معنای رسیدن به موفقیت از طریق یک شروع ساده است. مفاهیم ابتدایی درباره بوت استرپ چیست قبل از همه چیز باید مفاهیم ابتدایی درباره این فریم ورک را بدانید. اگر به سایت رسمی سر بزنید ، می بینید که بوت استرپ را اینگونه معرفی می کند: یک فریم ورک html ، css و جاوا اسکریپت که برای ساخت پروژه های ریسپانسیو ( موبایل محور ) استفاده می شود. بهتر است این را نیز بدانید که: bootstrap متن باز است و مجموعه ای از طراحی ها ( نظیر متغیرهای Sass ، کامپوننت ها و پلاگین های آماده و یک سیستم گرید ) را شامل می شود که کار را برای طراحان وب بسیار آسان می کند. به زبان ساده، بوت استرپ مجموعه گسترده ای از ابزارهایی است که با هدف استفاده مجدد از کُد ساخته شدند. یعنی دیگر لازم نیست تا قسمت های اساسی وبسایتتان را از صفر طراحی کنید. اگر می خواهید وبسایت هایی ریسپانسیو داشته باشید، با انتخاب بوت استرپ به عنوان یک فریم ورک طراحی front end ، کارتان بسیار راحت تر شده و مطمئن می شوید که طراحی تان ثابت است و با مرورگرهای مختلف سازگاری دارد.   برای شروع، فایل هایی که لازم دارید این ها هستند: bootstrap.css (دانلود) : فریم ورک css bootstrap.js (دانلود) : فریم ورک جاوا اسکریپ / جی کوئری glyphicons (دانلود) : مجموعه ای از آیکن ها   آنچه که بوت استرپ را نسبت به فریم ورک های دیگر متمایز می کند، استفاده زیاد از جی کوئری است. بدون جی کوئری ، جاوا اسکریپت خیلی پیچیده می شد و امکان پشتیبانی از مرورگرهای مختلف هم وجود نداشت. بسته ی bootstrap ، تمامی ابزارهایی که یک طراح برای ساخت یک رابط کاربری معمولی نیاز دارد را شامل می شود. اگر از نوشتن انبوهی از کد خسته شدید، بوت استرپ طراحی را برایتان بسیار آسان می کند.   در این قسمت از مانِژ ، می توانید نمونه کُد های کاربردی از bootstrap را مشاهده کنید. اهمیت فریم ورک برنامه نویس ها خوب می دانند که امروزه انجام یک پروژه بسیار آسان تر از گذشته است! بدون فریم ورک ها ، زمان زیادی برای کدزدنی لازم بود و دانش برنامه نویسی زیادی هم می طلبید. با یک اشتباه کوچک نیز ممکن بود که کل پروژه نابود شود! همین ها باعث می شد که فشار زیادی بر شانه های برنامه نویس پروژه وارد شود. حالا کار بوت استرپ چیست ؟ به عنوان یک فریم ورک ، بوت استرپ فرآیند طراحی را آسان تر می کند. بدین صورت که تلاش می کند تا از کد های ثابت و با کیفیت استفاده کند. خطاهای انسانی کاملاً طبیعی است. اما اگر فریم ورکی داشته باشیم که استاندارد و تایید شده باشد، کارمان خیلی راحت تر می شود. شما می توانید همه کد را خودتان بزنید! اما راه پیچیده تری خواهید داشت! ولی با فریم ورک می توانید: از تکرارهای بیجا پرهیز کنید با نیازهای مختلف سازگار باشید (بدون تغییرات اساسی در کد) کدهای استوارتری داشته باشید سریعتر و راحت تر طراحی کنید مرورگرهای بیشتری را پشتیبانی کنید   فواید بوت استرپ چیست ؟ خب، پس تا اینجا فهمیدیم که فریم ورک یک انتخاب هوشمندانه است. اما دلایلمان برای استفاده از بوت استرپ چیست ؟ از همان سال 2011 که بوت استرپ معرفی شد، توانست توجه طراحان و برنامه نویسان وب را به خود جلب کند ( به خاطر انعطاف پذیری و راحتی استفاده ) اگر این دلایل برایتان کافی نیست، این ها