Kaptain Kitty
دسته ها :Html و Css
انتشار :۱۹ مرداد ۱۳۹۳
بازدید :1000 بار

اگر بخواهیم به زبان ساده بگوییم که درک آن راحت تر باشد، Bootstrap توییتر مجموعه ای رایگان و open source از ابزارهایی است که در ایجاد وب سایت یا اپلیکیشن به برنامه نویسان کمک می کند. این مجموعه ابزار شامل تمپلیت های از پیش آماده شده ی HTML و CSS برای تایپوگرافی، فرم ها، دکمه ها، چارت ها، navigation و دیگر کامپوننت ها می باشد.

در اصل این پروژه به عنوان یک منبع داخلی برای کمک به ایجاد design pattern های یکسان، توسط توییتر ایجاد و بنیان گذاشته شده است. پس از اولین استفاده از Bootstrap، توییتر دریافت که این پروژه را می توان در مقیاس های بزرگ تر نیز استفاده کرد. بنابراین در آگوست سال ۲۰۱۱، آن را به عنوان یک پروژه ی open source منتشر کرد. امروز، تقریبا پس از گذشت یک سال از انتشار عمومی Bootstrap، آن تبدیل به یکی از محبوب ترین پروژه های کد نویسی در جامعه ی برنامه نویسان شده است و توسط بسیاری از وب سایت ها و اپلیکیشن های برتر دنیا مورد استفاده قرار می گیرد.

علت محبوبیت Bootstrap چیست؟

اکنون می دانیم که Bootstrap یک جعبه ابزار برای برنامه نویسان وب می باشد، اما چرا این مجموعه ابزار تا این حد محبوب بوده و مزایای استفاده از Bootstrap چیست؟ صرف نظر از نام زیبای آن، دلایل دیگری نیز برای محبوب بودن Bootstrap وجود دارد.

  • طراحی Responsive: فریم ورک bootstrap به منظور ایجاد امکان مشاهده ی وب سایت یا اپلیکیشن در صفحه نمایش هایی با سایز های مختلف، با طراحی responsive یا واکنش گرا کد نویسی شده است. این قابلیت Bootstrap را برای کاربرد های آتی اینترنت شامل گوشی های موبایل، تبلت ها، دسکتاپ ها و هر آنچه که تکنولوژی در اختیار ما قرار می دهد مناسب می سازد.
  • یکسانی: یکی از دلایل مهمی که این مجموعه ابزار ایجاد شد این بود که توییتر شاهد ناهمخوانی هایی بین برنامه نویسانی شد که بر روی پروژه های آنها کار می کردند. این امر موجب بروز مشکلاتی در هر دو سوی برنامه نویس و کاربر نهایی شد. بنابراین در تلاش برای صرفه جویی در وقت، انرژی و هزینه، یک مجموعه ی یکسان از کدهای برنامه نویسی ایجاد شد.
  • ساخته شده بر اساس بهترین و آخرین تکنولوژی: Bootstrap توسط تعدادی از بهترین و نخبه ترین برنامه نویسان ایجاد شده و در ساخت آن از آخرین نسخه های CSS3 و HTML5 و کتابخانه ی jQuery استفاده شده است. علاوه بر این، CSS بر روی پلتفرم LESS ایجاد شده است که هم در برنامه نویسی و هم در طراحی، در وقت صرفه جویی می کند.
  • صرفه جویی در زمان: Bootstrap توییتر به دو دلیل در وقت صرفه جویی می کند. دلیل اول این که برنامه نویسان می توانند با سرعت فوق العاده ای از کتابخانه های bootsrap استفاده کنند تا آیتم های فراوانی را در وب سایت خود ایجاد کنند. این امر که کدها از قبل ایجاد شده و آماده ی استفاده می باشد، تا حد زیادی به برنامه نویسی سرعت می بخشد.

دلیل دوم این که به دلیل این که Bootstrap یک کتابخانه ی مرکزی از کد می باشد که هم از جهت برنامه نویسی دارای یکسانی می باشد و هم تا حدودی به style هم پرداخته است، حجم زیادی از کار طراحی نیز به صورت خلاقانه ای انجام شده است. هنگامی که یک برنامه نویس وب بتواند برنامه را در اختیار طراح قرار دهید و ۵۰-۷۰ درصد کار styling انجام شده باشد، این امر تا حد زیادی به سرعت انجام پروژه کمک می کند. علاوه بر این، CSS با LESS ایجاد شده است و این امر باعث می شود که حجم زیادی از وقت طراحان ذخیره شود زیرا آنها می توانند از فرآیند ساده شده ی LESS در امر styling استفاده کنند.

  • ظاهر زیبا: طراحی Bootstrap توییتر بسیار زیباست. سادگی، شفافیت و یکپارچگی آن باعث شده است که بسیاری از وب سایت ها ترجیح دهند از آن استفاده کنند. هرچه وب سایت و کامپوننت ها تمیز تر و مشاهده ی آن ها ساده تر باشد، تجربه ی کاربری بهتر و نرخ روی آوری به آن وب سایت بالاتر خواهد رفت.

اکنون یکی از مهمترین مباحث منفی بر علیه استفاده از فریم ورک Bootstrap این است که به علت این که همه از یک پایگاه کد مرکزی استفاده می کنند، وب سایت هایی که بر اساس bootstrap ایجاد شده اند همگی ظاهری یکسان دارند. اگرچه این یک ایراد موجه است، اما مخالفت هایی با آن نیز وجود دارد. درست مانند هر پروژه ی دیگری در وب، توانایی تقریبا بی نهایتی در طراحی آن به دلخواه شما وجود دارد. حقیقت این است که برنامه نویسان بر روی قله ی کوه یخی Bootstrap ایستاده اند و هرچه که بیشتر توسعه یافته و طراحی شود، بیشتر و بیشتر متفاوت خواهد شد. این به طراحان بستگی دارد که در نحوه ی استفاده از استاندارد های bootstrap خلاقانه عمل کرده و وب سایت را به گونه ی دلخواه خود متفاوت از سایر وب سایت ها سازند.

Bootstrap چگونه می تواند Joomla را تغییر دهد؟

ورای مزایایی که در بالا گفته شد، به دلیل این که جامعه ی Joomla شروع به استفاده و برنامه نویسی بر اساس Bootstrap توییتر نموده اند، سطح بزرگی از همسانی بین اکتنشن ها دیده می شود. در حال حاضر، اگر شما یک وب سایت Joomla با اندازه ی متوسط داشته باشید که دارای ۱۰-۱۵ کاپوننت است، این شانس وجود دارد که هر یک از آن کامپوننت ها دارای style، آیکون، دکمه و سایر چیزهای منحصر به فرد خود باشد. این امر باعث ایجاد یکی از دو مشکل می شود؛ یا طراح باید وقت زیادی را صرف آپدیت کردن همه چیز کند تا آن را همسان نشان دهد و یا در غیر این صورت ظاهر وب سایت یکپارچه و روان نخواهد بود. هرچه که برنامه نویسان Joomla بیشتر و بیشتر از Bootstrap در اکستنشن های خود استفاده کنند، styling، دکمه ها و ایکون های هر کامپوننت بیشتر با یکدیگر انطباق یافته و بنابراین وبسایتی تمیز تر و یکپارچه تر ایجاد می شود.

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

برچسب‌ها, , , , ,

مطالب مرتبط

بهتر از من می دانید که دنیای برنامه نویسی هر روز با تغییرات جدی روبه رو است. هر روز که صفحات اینترنتی را باز می کنید می بینید که فریم ورک جدیدی وارد بازار شده که تا دیروز حتی اسمش را هم نشنیده بودید. با کمی تحقیق می بینید که اتفاقا بسیار کارامد هم هست. […]

نمی دانم برای شما هم پیش آمده است که روی پروژه ای مشغول کدنویسی باشید که در آن از افکت های سنگین ۳ بعدی و انیمیشنی بخواهید استفاده کنید یا خیر؟! اما من در چند وقت گذشته در یک پروژه ی وب اپلیکیشن مشغول کد نویسی بودم که هدفش انیمیشن سازی آنلاین در وب است. یک برنامه شبیه […]

یکی از بهترین و فوق العاده ترین پلاگین های جاوااسکرپیتی، پلاگینی است با عنوان ai2html، که کوتاه شده ی عبارت Adobe Illustrator to html می باشد. به طور خلاصه: می توانید فایل گرافیکی ساخته شده توسط نرم افزار Adobe Illustrator را به کدهای html تبدیل کنید. و این یکی از هیجان انگیزترین کارهای ممکن در وب است. […]

در این مقاله می خواهیم نگاهی داشته باشیم به مبحث JavaScript Templating یا همان مدیریت و ایجاد تمپلیت در وبسایت توسط جاوااسکریپت. در وحله ی اول بهتر است ببینیم تمپلیت های جاوااسکریپت چه معنایی دارند، چه زمانی باید از آنها استفاده کنیم و اینکه چگونه می توان آنها را پیاده سازی نمود. خوب است بدانید که موتورهای […]

نظراتتان را برایمان بنویسید

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

مطالب ما تو این شبکه های اجتماعی هم پخش میشه