مقایسه 5 فریمورک محبوب Front-end

سید علی اندرزگو 121 بازدید

فریمورک های سمت کاربر زیادی امروزه در دسترس هستند، در بین همه ی آن ها چند فریمورک است که برتری  و محبوبیت بیشتری دارند. در این مقاله 5 مورد از محبوب ترین آن ها را مقایسه خواهیم کرد.

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


1 . Bootstrap

Bootstrap رهبر بلامنازع فریمورک های سمت کاربر امروز است. با توجه به محبوبیت گسترده ایی که دارد هنوز هم هر روز در حال رشد است، می توانید مطمئن باشید که این ابزار فوق العاده شما را رو به جلو می برد و شما را در راه ساختن وب سایت های موفق تنها نمی گذارد.


  • خالقان بوتسترپ: مارک اتو و یعقوب تورنتون.
  • انتشار 2011
  • نسخه فعلی: 4/5
  • محبوبیت: 126202 ستاره در GitHub
  • توضیحات: فریمورک سمت کاربر، بصری و قدرتمند برای توسعه سریعتر و آسانتر وب
  • مفاهیم اصلی / اصول: ابتدا RWD و موبایل.
  • اندازه فریم ورک: 592 KB (پوشه فشرده سازی شده از قبل)
  • پیش پردازنده: Sass
  • responsive
  • ماژولار
  • دارای الگوهای شروع و طرح بندی
  • مجموعه آیکون: گنجانده نشده است
  • Extras/Add-ons: هیچکدام بسته دیگری ندارند، اما بسیاری از افزونه ها در دسترس هستند.
  • اجزای منحصر به فرد: Jumbotron، Card
  • مستندات: عالی
  • شخصی سازی: گزینه ای برای پرونده های جداگانه برای سیستم Grid و Reboot، سفارشی سازی آسان با Sass. بدون شخصی سازی کننده آنلاین
  • پشتیبانی مرورگر: آخرین نسخه های Firefox  Chrome  Safari ،IE810-11-Microsoft Edge.
  • مجوز: MIT


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


2 . Foundation by ZURB

Foundation دومین فریمورک لیست ما در این مقایسه است. Foundation با داشتن یک شرکت پشتیبان مانند ZURB بسیار قدرتمند عمل می کند. علاوه بر این در بسیاری از وب سایتهای بزرگ از جمله National Geographic ،Facebook ،Mozilla ،Ebay ،Yahoo از آن استفاده می شود.


  • خالق: ZURB
  • انتشار 2011
  • نسخه فعلی: 6.4
  • محبوبیت: 27، 497 ستاره در GitHub
  • توضیحات: "پیشرفته ترین چارچوب پاسخگو جلوی جهان"
  • مفاهیم اصلی / اصول: RWD ، موبایل اول ، معنایی
  • اندازه فریم ورک: 233 کیلوبایت
  • پیش پردازنده ها: Sass
  • responsive
  • ماژولار
  • دارای الگوهای شروع و طرح بندی
  • مجموعه آیکون: فونت های آیکون Foundation
  • Extras/Add-ons: بله
  • مولفه های منحصر به فرد: نوار آیکون، پاک کننده سبد، ویدئو Flex، کلیدهای صفحه، Joyride، جداول قیمت گذاری
  • مستندات: خوب، منافع بسیار زیادی در دسترس است
  • شخصی سازی: سفارشی سازی اولیه GUI
  • پشتیبانی مرورگر: Chrome ،Firefox ،Safari ،IE9 +؛ iOS ،Android ،Windows Phone 7+
  • مجوز: MIT



Foundation یک فریمورک سمت کاربر واقعاً حرفه ای است که با پشتیبانی تجاری، آموزش و مشاوره ارائه شده است. همچنین منابع زیادی فراهم می‌کند که این منابع به شما کمک می‌کند تا آن را سریع‌تر و آسان‌تر یاد گرفته و استفاده کنید. در Foundation لزومی ندارد عرض و ارتفاع تعریف کنید. این فریمورک برای مبتدیان چندان مناسب نیست.

3 . Semantic UI

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


  • خالق: جک لوکیک
  • انتشار 2013
  • نسخه فعلی: 2.3
  • محبوبیت: 42،162 ستاره در GitHub
  • توضیحات: یک فریمورک مؤلفه UI مبتنی بر اصول مفید زبان طبیعی
  • مفاهیم اصلی / اصول: معنایی، برچسب زدن به محیط زیست، responsive
  • اندازه فریم ورک: 1.8 مگابایت
  • پیش پردازنده ها: کمتر
  • responsive
  • ماژولار
  • شروع قالب ها / طرح بندی ها: بله، برخی از الگوهای اولیه شروع کننده ارائه می شوند
  • مجموعه آیکون: Font Awesome
  • Extras/Add-ons: بله
  • اجزای منحصر به فرد: تقسیم کننده، پرچم، Rail ، فاش کردن، Step، تبلیغات، کارت، فید، Item، آمار، Dimmer، امتیاز، Shape
  • مستندات: بسیار خوب، ارائه اسناد بسیار سازمان یافته، به علاوه یک وب سایت جداگانه که راهنمایی هایی را برای شروع، شخصی سازی و ایجاد مضامین ارائه می دهد
  • شخصی سازی: بدون سفارشی سازی GUI، فقط شخصی سازی دستی
  • پشتیبانی مرورگر: Firefox ،Chrome ،Safari ، IE10 + (IE9 فقط با پیشوند مرورگر)، Android 4 ،Blackberry 10
  • مجوز: MIT


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


4 . Pure, by Yahoo

Pure یک فریمورک سبک و ماژولار است که با CSS خالص نوشته شده است، Pure شامل مؤلفه هایی است که بسته به نیاز شما می توانند در کنار هم یا جداگانه استفاده شوند.

  • خالق: یاهو
  • انتشار 2013
  • نسخه فعلی: 1.0.0
  • محبوبیت: 18،825 ستاره در GitHub
  •  توضیحات: "مجموعه ای از ماژول های CSS کوچک و پاسخگو که می توانید در هر پروژه وب استفاده کنید"
  • مفاهیم اصلی / اصول: SMACSS، ساده
  • اندازه فریمورک: 3.8 کیلوبایت
  • پیش پردازنده ها: هیچ کدام
  • responsive
  • ماژولار
  • دارای الگوهای شروع و طرح بندی
  • مجموعه آیکون: هیچکدام؛ می توانید به جای آن از Font Awesome استفاده کنید
  • Extras/Add-ons: خیر
  • مؤلفه های منحصر به فرد: هیچ کدام
  • مستندات: خوب است
  • سفارشی سازی: سازنده پایه GUI Skin
  • پشتیبانی از آخرین نسخه های Firefox ،Chrome ،Safari؛ IE7 +؛ iOS 6.x ،7.x و اندروید 4.x
  • مجوز: Yahoo! شرکت BSD


 Pure فقط سبک های bare-bones را ارائه می دهد. این امر برای افرادی ایده اآل است که نیازی به یک فریمورک پیشرفته ندارند بلکه فقط به اجزای خاصی نیاز دارند که در کار خود قرار دهند.


5 . UIkit by YOOtheme

UIkit مجموعه ای مختصر  ودقیق از قطعات با کاربرد آسان برای شخصی سازی است. اگرچه به اندازه رقبای خود محبوب نیست اما همان عملکرد و کیفیت را ارائه می دهد. این فریمورک component های زیادی داره از جمله: Breadcrumb ،Accordion ،Animation و… که این کامپوننت ها کار طراحی سایت رو راحت تر می کنند. این مورد از لیست ما ظاهری مدرن و زیبا دارد


  • خالق: YOOtheme
  • انتشار 2013
  • نسخه فعلی: 3.0.0
  • محبوبیت: 12،821 ستاره در GitHub
  • توضیحات: یک فریمورک سمت کاربر سبک و ماژولار برای توسعه سریع و قدرتمند وب
  • مفاهیم اصلی / اصول: ابتدا RWD، موبایل
  • اندازه فریمورک: 374 KB (پوشه فشرده)
  • پیش پردازنده ها: Less, Sass
  • responsive
  • ماژولار
  • دارای الگوهای شروع و طرح بندی
  • مجموعه آیکون ها: UIkit با سیستم آیکون SVG و کتابخانه همراه با تعداد فزاینده ای از آیکون های طرحواره همراه است
  • Extras/Add-ons: بله
  • مؤلفه های منحصر به فرد: Article، Flex، Cover، Editor HTML
  • مستندات: خوب
  • سفارشی سازی: رابط گرافیکی پیشرفته تنها در نسخه ۲ (نسخه قبلی) موجود است
  • پشتیبانی مرورگر: Chrome ،Firefox ،Safari ،IE9 +
  • مجوز: MIT


UIkit در بسیاری از موضوعات وردپرس استفاده می شود و موفق عمل می کند، یک مکانیزم شخصی سازی دستی انعطاف پذیر و قدرتمند را ارائه می دهد. (نسخه قبلی این فریمورک نیز یک سفارشی سازی پیشرفته GUI ارائه داده است.)

فریمورک سمت کاربر مناسب برای شما کدام است؟


در پایان چند راهنما برای انتخاب فریمورک مناسب به شما ارائه می دهیم:

  •  آیا این فریمورک محبوبیت کافی دارد؟ محبوبیت بیشتر به معنای افراد درگیر بیشتر در پروژه است بنابراین، آموزش ها و مقالات بیشتری از انجمن گرفته تا نمونه ها / وب سایت ها، برنامه های افزودنی بیشتر و محصولات نسبی توسعه وب است. همچنین محبوبیت بیشتر به معنای این است فریمورک اینده نگری بیشتری داشته باشد: هر چه جامعه استفاده بزرگتر باشد احتمال کمتری دارد که کنار گذاشته شود.
  • آیا فریمورک در حال توسعه و فعال است؟ یک فریمورک خوب باید مرتباً با جدیدترین فن آوری های وب، به ویژه در مورد موبایل همگام باشد.
  • آیا یک فریمورک مستندات خوبی را ارائه می دهد؟ مستندات مناسب همیشه به منظور تسهیل فرایند یادگیری مطلوب است.
  • سطح ویژگی فریمورک چیست؟ نکته اصلی این است که در مقایسه با فریمورکی با خصوصیات پیشرفته، کار با یک فریمورک عمومی بسیار ساده تر است. در اکثر موارد بهتر است فریمورکی با حداقل سبک های اعمال شده انتخاب کنید، زیرا سفارشی سازی بسیار ساده تر است. اضافه کردن قوانین جدید CSS یک فرآیند بسیار راحت تر و کارآمدتر در مقایسه با نوشتن یا غلبه بر قوانین موجود است.



تهدیدات و خطرات استفاده از vpn

نظرات

برای ارسال نظر در سیستم ابتدا وارد شوید.

هنوز نظری برای این مطلب ثبت نشده است.