telegram

کاربران عزیز ممکن است با مشکلاتی در انجمن مواجه شوید . لطفا تحمل فرمایید تا مشکلات رفع گردد (August 15, 2016)

responsive

کاربران عزیز ممکن است با مشکلاتی در انجمن مواجه شوید . لطفا تحمل فرمایید تا مشکلات رفع گردد (August 15, 2016)

امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
بوتسترپ چیست ؟!
#1
 
[تصویر:  singlepro-twitter-bootstrap.jpg.609a1cd1...a7dfd8.jpg]
Bootstrap چیست؟
به بیان ساده بوتسترپ مجموعه ای از یک سری ابزار های رایگان که شامل کد های آماده برای طراحی صفحات وبمی باشد و این کد ها شامل : html , css , js میباشند که برای تولید و نمایش منوها ، فرم ها ، دکمه ها ، تب ها ، ستون ها و اسلایدر ها و سایر المان های مورد نیاز طراحی وب به کار میرود و روند و سرعت طراحی وب را با توجه به کد های آماده و از پیش نوشته شده ای که دارد ۲٫۳ برابر بیشتر میکند و مناسب برای برنامه نویسان و طراحانی است که وقت کافی برای کدنویسی و استایل نویسی ندارند . 
تاریخچه پیدایش بوتسترپ (Bootstrap ) بر میگردد به زمانی که مارک اتو و جاکوب تورنتون برای ایجاد چارچوب های ظاهری در توییتر دست به ساخت و طراحی این فریم ورک زدند و در اگوست سال ۲۰۱۱، توییتر Bootstrap رو بصورت open source (متن باز) و رایگان در اختیار دیگران قراردادند و در فوریه ۲۰۱۲ به محبوب ترین پروژه در سایت Github تبدیل و معرفی شد .
 
مزایای استفاده از بوتسترپ
از نسخه دوم Bootstrap به بعد طراحی واکنشگرا یا رسپانسیو نیز در آن لحاظ شد که شامل کدهای گرید بندی صفحه برای ریسپانسیو کردن قالب هست که موجب نمایش مناسب سایت در تلفن های هوشمند و تبلت ها می شود.
– صرفه جویی در وقت
با بوت استرپ شما می توانید وقت زیادی را صرفه جویی کنید. کتابخانه ی بوت استرپ تکه کد های آماده ای را ارائه می دهد که شما مجبور نباشید وقت زیادی را برای کار بر روی کدها و نوشتن آنها صرف کنید ،بلکه به راحتی کد مورد نظر خود را یافته و آن را در ساختار مورد نظر خود قرار می دهید .
– قابلیت سفارشی شدن
یکی از جنبه های عالی فریم ورک بوت استرپ این است که شما می توانید آن را به گهر صورت که میخواهید تغییر دهید و استفاده کنید. شما می توانید تمام فریم ورک را به دقت جستجو کرده و آنچه را که نیاز دارید نگه داشته و آنچه را که نیاز ندارید را حذف کنید قسمت (customize) . نکته ی اصلی بوت استرپ این است که به شما این امکان را می دهد که نیاز های خود را سنجیده و برنامه نویسی خود را بر طبق آن تغییر دهید. .
LESS
در حقیقت LESS در محافل برنامه نویسی تبدیل به بحثی داغ شده است. با افزودن آن به پلتفرم بوت استرپ، شما می توانید از mixin های LESS و تغییرات CSS برای سفارشی سازی grid فریم ورک بوت استرپ استفاده کنید. این حقیقت که تغییرات هر بار پس از شیفت شدن یک متغییر به صورت خودکار اعمال می شود نیز تغییری نخواهد کرد. بوت استرپ از برخی  امکانات محبوب CSS استفاده می کند و آن ها را به صورت واکنش گرا در همه ی مرورگرها نشان می دهد.
جاوا اسکریپت
بوت استرپ مجهز به کتابخانه های جاوا اسکریپت می باشد . جاوا اسکریپت اغلب بخش جدا نشدنی یک طراحی وب است و برنامه نویسان مجبور به کنار هم قرار دادن تمام المان ها برای مشاهده ی فرم نهایی هستند. با بوت استرپ، برنامه نویس می تواند به راحتی پنجره ی مودال مربوط به alert ها، tooltipe ها، scrollspy، Popover، Button، Typehead و غیره را تغییر دهد. بهترین قسمت بوت استرپ این است که شما را قادر می سازد که از نوشتن کامل script بگذرید و با داشتن اسکریپت های کوچک و آماده کمک بزرگی به شما میکند .
– واکنش گرا (Responsiveness) 
بوت استرپ به صورت واکنش گرا طراحی و گرید بندی شده است .یعنی با استفاده از گرید های از پیش تعیین شده و به کار گیری آن ها میتوانید سایت خود را به صورت منظم در دستگاه های مختلف از جمله موبایل ، تبلت ، لپتاب به صورت منظم مشاهده کنید .
– سازگاری با زبان های جدید 
بوت استرپ مجهز به المان های فراوانی می باشد که طراحی های آینده را هم در نظر می گیرند. برای مثال، HTML5 و CSS مواردی هستند که در آینده بسیار گسترده و غول پیکر خواهند شد. از آنجایی که این فریم ورک طراحی و برنامه نویسی های آینده را هم در نظر میگیرد ، لذا قابلیت تبدیل شدن به مقیاسی برای برنامه نویسان در سال های آینده را دارد.
– رقابتی بودن
بوت استرپ در نوع خود بی نظیر نیست. این فریم ورک با JQuery UI و HTML5 Boilerplate رقابت کرده است اما رقیب واقعی آن Zurb Foundation می باشد. بوت استرپ ۲ دارای مجموعه ابزاری می باشد که Foundation نمی تواند با آن رقابت کند. پلاگین ها، تم ها، ویژگی های فراوان و کدهای ثالث در حال حاضر می توانند در بوت استرپ به کار روند که در حال حاضر در Foundation این امکان وجود ندارد.
– مستندات فراوان
مستندات بوت استرپ فراوان و شفاف است. مهم ترین نکته در مورد سایر پلتفرم های جدید این است که آنها فاقد مستندات مناسب هستند اما بوت استرپ به شما راه را درست نشان می دهد و شما مجبور نیستید که برای یادگیری هر قسمت با آن کلنجار بروید و اطلاعات فراوانی برای یادگیری هر قسمت در اختیار شما خواهد بود.
همچنین سایت های مختلفی از قبیل bootsnip یا bootflat هستند که کدهای آماده و زیبا را برای این فریم ورک جمع آوری کرده یا ساخته اند . 
– به روز رسانی
میدانیم که هر فریم ورکی ممکن است مشکلاتی را داشته باشد و به همین خاطر بوتسترپ همواره در حال به روز رسانی است . به محض این که برنامه نویسان وب با مشکلی مواجه می شوند، تیم بوت استرپ به دنبال حل ان مشکل هستند و سعی میکنند در آپدیت های بعدی آن را لحاظ کنند .
 
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

 
معایب استفاده از بوتسترپ 
Bootstrap توییتر سنگین است ، البته قابلیت اصلاح دارد برای سبک شدن .
Bootstrap توییتر شامل CSS با حجم 139KB و جاوا اسکریپت با حجم 35KB است. اگر بخواهید از تمام ویژگی های خوبی که در Bootstrap گنجانده شده است استفاده کنید، باید فکر زمان بارگذاری را هم کرده باشید. البته برای بعضی از افراد این مسئله خیلی مشکل ایجاد نمی کند اما در مناطقی که سرعت اینترنت پایین است این مسئله یک مشکل اساسی محسوب می شود. بنابراین بازار هدف خود را در نظر داشته باشید. Bootstrap توییتر به شما کمک می کند که وب سایتی جذاب و واکنش گرا ایجاد کنید اما در عین حال کمی سنگین !!!
ولی نکته ای در مورد است که نباید از آن گذشت و آن هم این است که در قسمت دانلود (customize) گزینه ای برای سفارشی کردن وجود دارد  که مثلا شما اگر از اسلایدر نمیخواهید در طرحیتان استفاده کنید دیگر کد های اسلایدر کامباین نمیشوند و خروجی را سبک تر میکند .
– شباهت وب سایت ها به یکدیگر
Bootstrap توییتر بسیار محبوب است و همه ی برنامه نویسان به سمت استفاده از آن هجوم برده اند. اگرچه که امکان سفارشی سازی طراحی وب سایت یا اپلیکیشن شما وجود دارد اما در حین کار متوجه می شوید که مجبور به عدم تغییر بسیاری از استایل های Bootstrap هستید. این امر موجب ایجاد تعداد زیادی از وب سایت های مشابه، می شود. در عین حال که پیاده سازی Bootstrap ساده و سریع است اما خلاقیت و نوآوری موضوعیست که قربانی آن می شود. 
 
نتیجه شخصی بنده در استفاده از بوتسترپ :
درکل بنده 3 سالی هست که از بوتسترپ استفاده میکردم یعنی تقریبا از سال 2013  و سایت های متعددی رو باهاش طراحی کردم و هم خودم و هم مشتری هام راضی بودند . به نظر من خیلی میتونه مفید باشه برای طراحان یا برنامه نویس هایی که میخوان بدون دردسر و خیلی سریع یک قالب ریسپانسیو و حرفه ای طراحی کنند و وقت کد نویسی برای هر قسمت و امکانات مورد نظر رو ندارند ، ولی امروزه الگوریتم ها و استاندارد های وب چیز دیگری رو تعریف کرده که استفاده از فریم های نسبتا سنگین رو توصیه نمیکنه .
به امید خدا آموزش از پایه تا پیشرفته بوتسترپ رو در قالب طراحی یک قالب ساده شروع میکنیم و در اختیار شما عزیزان قرار میدهیم .
امید واریم این مطلب مفید باشه براتون و اطلاعات کافی رو کسب کرده باشید .
موفق و پیروز باشید.
 
پاسخ
 سپاس شده توسط admin ، ahadzadeh
تبلیغات
 تبلیغات  تبلیغات  تبلیغات  تبلیغات


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان
پیام مدیر :
پیام مدیر اینجا قرار گیرد
کلیه حقوق برای انجمن وردپرس ایرانی محفوظ است
  • info@wpir.ir
  • admin@wpir.ir
قدرت گرفته از مای بی بی
SEO by PANGASH