Bootstrap چیست؟

bootstrap
تکنولوژیتکنولوژی وب

فریم‌ورک‎ متن باز CSS که با استفاده از آن می‌توان قالب سایت را با سرعت طراحی نمود. Bootstrap در واقع از چند فایل CSS و Java Script تشکیل شده است که موجب می‌شود تا دیگر نیازی به نوشتن کدهای سی اس اس یا جاوا اسکریپت نباشد و از کلاس‌های آماده بوت استرپ استفاده نمود. به عبارت دیگر Bootstrap مجموعه‎ای از ابزارهای رایگان است برای ایجاد صفحات وب و نرم افزارهای تحت وب جهت تولید و نمایش فرم‌ها، دکمه‌ها، تب‌ها، ستون‌ها و سایر المان‌های مورد نیاز.

یکی از موارد زمانبر در طراحی سایت اختصاص ویژگی‌های مختلف به عناصر صفحه مانند لینک‌ها، هدرها، دکمه‌ها و … است که بوت استرپ به طور پیش فرض این کار را انجام داده است. در واقع به کمک فریم‎ورک Bootstrap طراحان صفحات وب قادر خواهند بود تا صفحاتی با پویایی بالا ایجاد کنند. بوت‌استرپ شامل قالب‌های آماده طراحی با محوریت HTML و CSS برای تایپوگرافی، فرم‌ها، دکمه‌ها، نمودارها، منوهای راهبری و دیگر اجزاء رابط کاربری است. بوت‌استرپ یکی از محبوب‌ترین پروژه‌ها در سایت GitHub است که توسط سایت‎های مطرحی چون istockphoto و who.is و godaddy از آن استفاده می‎کنند.

از دیگر موارد مهم در طراحی وب‎سایت، نمایش صحیح سایت در دستگاه‌های مختلف نظیر تبلت و موبایل است. طراحی واکنش گرا قابلیتی است که Bootstrap برای این مساله تدارک دیده است. برای استفاده از قابلیت طراحی Responsive باید از سیستم شبکه بندی استفاده نمود؛ سیستم GRID بوت استرپ به صورت پیش فرض با ۱۲ ستون و عرض ۹۴۰ پیکسل طراحی شده است که قابل تغییر است.

ویژگی های Bootstrap

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

jquery
تکنولوژیتکنولوژی وب

  jQuery یک فریم‎ورک‎ جاوا اسکریپت است که امکان استفاده ازقابلیت های از پیش تعریف شده ای را فراهم می کند . در واقع jQuery کتابخانه ای از جاوا اسکریپت است که به کمک آن می‎توان نرم‌افزارهای مبتنی بر ایجکس، برنامه‌های سطح پایین مبادله ای (ارتباط مرورگر با کاربر) و حتی حرکات انیمیشنی با افکت‌های پیشرفته را ایجاد نمود. به کمک jQuery می‎توان صفحات وب قدرتمند و داینامیک(پویا) طراحی نمود. با توجه به اینکه jQuery برخی از میانبرهای نوشتاری را ارائه می‌کند اما نمی‌توان آن را جایگزین جاوا اسکریپت دانست، چرا که زبان اصلی نگارش کدها همان جاوا اسکریپت می‌ باشد.

jQuery هیچ دخالتی در کدهای html نمی‌کند و به عبارتی Unobtrusive محسوب می‌شود؛ این یعنی هیچ یک از کدهای جاوا اسکریپت، داخل کدهای XHTML قرار نمی‌گیرند و از این نظر کدهای سایت کاملاً مجزا و مرتب خواهند بود. از طرفی وقتی JS روی مرورگر فعال باشد، کدهای جاوا اسکریپت اجرا می‌شوند ولی اگر JS فعال نباشد، هیچ مشکلی در نمایش سایت بوجود نخواهد آمد. از دیگر نوآوری‌های jQuery می‌توان به انتخاب تگ‌ها بر اساس قواعد CSS اشاره نمود که باعث سهولت در اجرای پروژه می‌شود. همچنین هر مرورگر کدهای JSرا به گونه ای متفاوت تفسیر می‌کند؛ جی کوئری محیطی را فراهم کرده است که این اطمینان را به توسعه دهنده وب می‌دهد که کد نوشته شده، در همه مرورگرها و IE نسخه ۶ به بعد به درستی کار خواهد کرد.

ویژگی های jQuery :

دستورات ساده و قابل درک در زمینه بکار گیری فناوری Ajax
وجود پلاگین های متعدد و بسیار کار آمد
امکان تغییر آسان ظاهر یک صفحه و پشتیبانی از انواع مرورگر‎ها
کنترل و جلوگیری از اتفاقات غیرمنتظره بهنگام کلیک کردن کاربر
افزودن انیمیشن به یک صفحه سایت
کسب اطلاعات از یک سرور بدون نیاز به بارگذاری دوباره آن صفحه
ساده‎سازی عملکردهای مشترک / تکراری جاوا اسکریپت
سهولت در شناسایی و تغییر مختصات صفحات وب

php
تکنولوژیتکنولوژی وب

PHP یکی از پرکاربرد ترین و محبوب ‎ترین زبان‎های برنامه ‎نویسی open source است که برای طراحی وب توسعه یافته ‌است. php را می‌توان بر روی اکثر سرورهای وب که نرم‌افزار php  بر روی آن نصب باشد، اجرا و کامپایل کرد. دستورات این زبان می‌ توانند به صورت مستقیم در درون کدهای Html قرار بگیرند. php عمدتاً مانند یک فیلتر عمل می‌ کند، کد برنامه را به عنوان ورودی می‌ گیرد و صفحات وب را به عنوان خروجی (غالبا از نوع Html) ایجاد می‌ کند.

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

زبان PHP بصورت Html embedded است و این بدان معناست که دستورات این زبان در بین کدهای html قرار می ‌گیرند. بنابراین برنامه نویسی به زبان PHP کمی پیچیده تر از برنامه نویسی به زبان Html به حساب می‌آید.
PHP بر خلاف زبانهای برنامه نویسی، یک زبان اسکریپتی‌ می باشد به عبارت دیگر دستورات PHP بعد از رخداد یک رویداد (Event) اجرا می‌شوند. این رویدادها می‌توانند شامل ارسال یک فرم رفتن به یک URL مشخص و یا مواد دیگر باشند متداول‌ترین زبان اسکریپتی زبان Java Script می‌باشد که معمولاً برای پاسخ به رویدادهای کاربر در مرورگر وب بــه کار می‌رود تفاوت عمده Java Script با PHP در این است که Java Script یک تکنولوژی سمت سرویس گیرنده (Client-side) می‌باشد

ویژگی های php

open source بودن و امکان دسترسی به منابع رایگان زیاد
زبان تخصصی برنامه‎نویسی تحت وب
سرعت بسیار بالای سرویس دهی نسبت به سایر زبان‎های برنامه‎نویسی مشابه نظیر asp
استفاده بهینه از منابع و حافظه
سرعت بسیار بالا در کار با SQL
سرعت و سهولت در رفع ایرادات به دلیل منبع باز بودن زبان php
اجرا بر روی Platform های مختلف
قابلیت اجرا بر روی هاست‎های لینوکس که ارزانتر و دارای امکانات بیشتر هستند

css3
تکنولوژیتکنولوژی وب

css زبان نشانه ‎گذاری تحت وب است که برای توصیف ظاهر یک وب‎ سایت برای مرورگر استفاده می‎ شود. CSS از سه حرف ابتدای کلمات cascading style sheet تشکیل شده است؛ CSS3 در واقع آخرین ورژن CSS است که دارای قابلیت ‎هایی فراتر از دو نسل اول است. CSS3 به خاطر ساختار ماژولارش، به طراحان وب این امکان را می ‎دهد که صفحات وب با محتوای غنی که نیاز به کد سبک‎تری دارند، ایجاد کنند. این یعنی ایجاد ظاهری رویایی ، واسط‎ های کاربری بهتر و بارگذلری سریعتر وب ‎سایت به‏ کمک عملکرد‎ هایی که برای طراحان وب نسبتا غیر ممکن بود تا بتوانند بدون استفاده از jQuery و Photoshop آنها را بسازند. ویژگی هایی نظیرshadow متن، گرد کردن لبه های کادرها، استفاده از چند تصویر پس زمینه به عنوان background، ایجاد افکت های حرکتی بر روی عناصر صفحه تنها بخشی از قابلیت های منحصر بفرد css3 است.

با  آمدنCSS3 و html5 انقلاب بزرگی در طراحی وب سایت صورت گرفته است که امروزه اکثر مرورگر های جدید و استاندارد، از قابلیت های CSS3 و HTML5 پشتیبانی می کنند و طراحان وب می توانند از این فناوری جدید به خوبی استفاده کنند. البته باید توجه داشت که کار کردن با CSS3 به معنی تغییر دادن کدهای قبلی CSS نیست بلکه به معنی گسترش دادن آنهاست به طوری که قابلیت های جدید CSS3 را به کدهای قبلی اضافه نمود.

وجود خصیصه‎های متنوع و جدید نظیر:

انتخاب کننده ها، مدل جعبه ای، جلوه های متنی، زمینه و حاشیه، تبدیل های دو/سه بعدی، انیمیشن، ستون های چندگانه، واسط کاربری (UI)

html5
تکنولوژیتکنولوژی وب

 HTML5 جهت ایجاد مطالب محتوای وب است که قابلیت های زیادی دارد و از مهمترین آن‎ها می‎توان به ایجاد حرکت و پشتیبانی از فناوری‌ های جدید چند ‎رسانه‌ای اشاره کرد. بزرگترین مزیت HTML5 که بار بزرگی را از دوش طراحان وب و بهینه ‎سازان وب برداشته است این است که جستجوگر‎ها بویژه google از متن‎ های داخلی انیمیشن‎ ها پشتیبانی می‎کنند و این بدان معنی است که استفاده همزمان از نوشته و تصاویر متحرک همراه با صدا و موسیقی است.

HTML5 نسبتا با امکان بروزرسانی استانداردهای کدنویسی وب که برای فعال سازی وب سایت های گرافیکی غنی که با سطوح بالای تعامل صورت می‌پذیرد در ارتباط است. برای مثال، HTML5 این ویژگی را به طراحان وب می‌دهد تا به کد نویسی مستقیم ویدیو در سایت‌ ها بپردازند، عناصر “drag &drop” را در صفحه اضاف کرد و گرافیک و تصاویری در وب سایت گذاشت که به درخواست کاربر پاسخ می‌ دهند.

همچنین در این ورژن جدید روش‌های جدید معرفی شده است تا هماهنگی مرورگرها با این نوع HTML کامل‌تر باشد. در این نوع کدنویسی به طراح وب این امکان داده می‌ شود تا بدون نصب پلاگین های اضافی یا استفاده از فلش، به سایت خود عناصری را اضافه کنند.

ویژگی های HTML۵:

برنامه های تمیز و ساختار یافته جهت بارگذاری سریعتر صفحه
تعامل بهتر کاربر با سایت و کاربرد پذیری
استفاده از تگ‎های نشانه ‎گذاری برای دسته بندی مطالب وب سایت
امکان طراحی اشیا و اشکال به صورت دو بعدی و غیر منظم با استفاده از تگ
امکان گذاشتن فایل های صوتی و تصویری بدون نیاز به نرم افزارهای جانبی با استفاده از تگ‎ها
اضافه شدن کنترل های جدید فرم همانند Email، Calendar، Date و Time
امکان ذخیره اطلاعات بر روی مرورگر کاربر
طراحی مناسب سایت برای نسخه responsive

responsive design
تکنولوژیتکنولوژی وب

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

 

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

چرا طراحی واکنشگرا؟

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

میزان محبوبیت طراحی ریسپانسیو در مقایسه با طراحی رایج موبایل:

joomla3
تکنولوژیتکنولوژی وب

جوملا یک سیستم مدیریت محتوای متن بازاست که تحت مجوز GNU/GPL منتشر می‎شود. جوملا به زبان PHP نوشته شده است و از یک فریم‎ورک های مبتنی بر MVC بهره می‎گیرد و برای ذخیره سازی داده‎ها از پایگاه داده MySQL استفاده می‎کند. انواع وب‎سایت‎های تجاری ، کسب و کارهای آنلاین، پرتال‎های خدمات الکترونیک، وب‎سایت‎های سازمان‎های دولتی، وب‎سایت‎های آموزشی و پرتال‎های آموزش الکترونیک، وب‎سایت‎های خبری و حتی وب‎سایت‎های شخصی ، بوسیله جوملا پیاده‎سازی شده‎اند.

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

افتخارات جوملا

این سیستم مدیریت محتوا ۳بار به عنوان بهترین سیستم مدیریت محتوای open source  جهان انتخاب شده است. همچنین این سیستم از لحاظ گسترش بهترین سیستم مدیریت محتوای جهان می باشد. هم اکنون ۲٫۸ درصد از کل وب سایتهای جهان توسط این نرم افزار قدرت یافته اند. در زیر برخی از افتخارات جوملا لیست شده است:

۲۰۰۵ بیش از ۲٫۵ میلیون بار دانلود در اولین سال انتشار

۲۰۰۵ بهترین پروژه ی linux/open source جهان

۲۰۰۵ جایزه UK Individual Contribution to Open Source

۲۰۰۶ جایزه UK Individual Contribution to Open Source

۲۰۰۶ بهترین پروژه ی linux/open source جهان

۲۰۰۶ بهترین سیستم مدیریت محتوای open source سال جهان

۲۰۰۷ بهترین سیستم مدیریت محتوای open source سال جهان

۲۰۰۸ کسب عنوان MVP توسط Johan Janssens

۲۰۰۹ کسب عنوان MVP توسط Louis Landry

۲۰۱۱ بهترین سیستم مدیریت محتوای open source سال جهان

مقایسه میزان محبوبیت دو سیستم مدیریت محتوا جوملا و دروپال – گوگل تِرند: