کالبد شکافی بوت استرپ


بوت استرپ چیست ؟ | bootstrap چیست ؟

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

بوت استرپ چیست؟

Boot در زبان انگلیسی به معنی پوتین یا چکمه است. بعضی از این پوتین ها یک زبانه کوچک در انتهایشان دارند که کمک می کند با کشیدن آن کفش راحت تر به پا رود. این زبانه در برنامه نویسی ،Bootstrap نام دارد.
پروژه بوت استرپ ۹ سال پیش یعنی سال ۲۰۱۱ توسط مارک اتو (سازنده توییتر) و جاکوب تورنتون استارت خورد که هدف آن “ساخت ابزاری برای داشتن یک قالب مشخص در توییتر بود. اسم اولش هم Twitter Blueprint بود و در آگوست همان سال توییتر بوت استرپ را به عنوان یک فریم ورک برای طراحی سایت که متن باز و رایگان بود ارائه کرد. معمولا یکی از بزرگترین دغدغه های طراحان سایت این بوده است که با تمام سختی ها و پیچیدگی هایی که در کدنویسی و ساخت یک سایت وجود دارد، سایتی بسازند که ظاهر آن هر کاربری را به خود جذب کند Bootstrap یک فریم ورک است که کمک می کند سایت شما ظاهر مناسب و کاربر پسند داشته باشد. در واقع بوت استرپ مجموعه ای از ابزارها و دستورالعمل هایی است که شامل دستورات HTML، CSS و جاوا اسکریپت می باشد و

  • برای تولید و نمایش ستون ها، فرم ها و سایر المان ها
  • رسپانسیو کردن سایت
  • درج فونت آیکون ها(آیکون تلفن، تلگرام، اینستاگرام) در سایت
  • و….

برای کار کردن با bootstrap باید به زبان های css , html و javascript مسلط باشید.

دلایل استفاده از بوت استرپ | بوت استرپ چیست ؟

چرا باید از بوت استرپ استفاده کنم؟

  • به دلیل متن باز بودن می توانید هر تغییراتی در آن انجام دهید.
  • توسط مرورگر های مختلف پشتیبانی می شود و هیچ صفحه ای دچار مشکل نمی شود.
  • استفاده از این فریم ورک می تواند تا ۸۰ درصد سرعت طراحی سایت تان را بالا ببرد.
  • به صورت کاملا رایگان مورد استفاده قرار می گیرد..

چگونه بوت استرپ می تواند مشکل ساز شود؟

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

ورژن های مختلف بوت استرپ | bootstrap چیست

آیا بوت استرپ هم ورژن های متفاوتی دارد؟

بله، بوت استرپ هم مانند سایر نرم افزار ها سیر تکامل خود را طی می کند و ورژن جدیدی از خود به بازار عرضه می کند.

  • ورژن ۱ در سال ۲۰۱۱ منتشر شد.
  • ورژن ۲ بوت استرپ در ۲۰۱۲ منتشر شد، که پشتیبانی از Glyphicons به آن اضافه شد.
  • ورژن ۳ در ۲۰۱۳ منتشر شد.
  • ورژن ۴ از سال ۲۰۱۴ تا سال ۲۰۱۷ ورژن هایی رو به صورت تستی عرضه کردن و در سال ۲۰۱۸ به صورت کامل منتشر شد. یعنی ورژن ۴٫۳٫۱

از نسخه دوم Bootstrap به بعد طراحی رسپانسیو( واکنشگرا) به آن اضافه شد که به نمایش مناسب صفحه در موبایل و تبلت بسیار کمک کرد . برای آشنایی بهتر میتوانید مقاله طراحی رسپانسیو چیست؟ را بخوانید.
برای دانلود بوت استرپ می توانید آن را از لینک زیر اقدام به دانلود کنید.

دانلود بوت استرپ

سخن آخر بوت استرپ

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


pdf

دانلود فایل PDF مقاله : کالبد شکافی بوت استرپ

دانلود
دیدگاهتان را بنویسید

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.


دیدگاه‌های این نوشته

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

اخرین مقالات تیم طراحی سایت رویال کد

Top