مقایسه 5 تا از محبوب ترین فریم ورک های سمت کاربر

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

در حال حاضر، چارچوبهای  CSS  در بازار موجود است.
اما تعدادی از آنهایی که واقعا خوب هستند واقعا کم است.

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

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

حتی اجزاء مختلف را از چارچوب های مختلف جلویی ترکیب می کند.

فریم ورک های که می خواهم کاوش بر اساس محبوبیت GitHub خود ارائه شوند.
شروع با محبوب ترین،  بوت استرپ است.

توجه داشته باشید که بعضی از اطلاعات زیر از زمان انتشاراین فریم ورک ها  انتشار یافته اند- مانند ستاره های GitHub و شماره نسخه ها – پس از این موضوع آگاه باشید.

همچنین توجه داشته باشید که اندازه های فریم ورک ها اندازه های منحصر به فرد از فایل های لازم CSS و جاوا اسکریپت

مقایسه 5 تا از محبوب ترین فریم ورک های سمت کاربر

1. بوت استرپ

بوت استرپ، رهبر بی نظیر در میان فریم ورک موجود امروزی است.

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

فریم ورک
فریم ورک

 

سازندگان: مارک اوتو و یعقوب تورنتون.
منتشر شده: 2011
نسخه فعلی: 4. *. *
محبوبیت: 126،202 ستاره در GitHub
شرح: “چارچوب جلویی، بصری و قدرتمند برای توسعه سریع و آسان وب سایت”.
مفاهیم / اصول هسته: ابتدا RWD و موبایل.
اندازه چارچوب: 592 کیلوبایت (پوشه زیپ پیش ساخته شده)
پیش پردازنده: Sass
پاسخگو: بله
مدولار: بله
شروع قالب / طرح بندی: بله
مجموعه آیکون: شامل نمی شود.
افزودنیهای اضافی / افزودنیها: هیچکدام همراه نیست، اما بسیاری از افزونه های شخص ثالث در دسترس هستند.
اجزای منحصر به فرد: Jumbotron، Card
مستندات: عالی
سفارشی سازی: گزینه ای برای فایل های جداگانه برای سیستم Grid و Reboot، سفارشی سازی آسان با Sass؛ هیچ سفارشی آنلاین نیست.
پشتیبانی مرورگر: آخرین نسخه های Firefox، Chrome، Safari، IE810-11-Microsoft Edge.
مجوز: MIT

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

توجه: با گفتن “اجزای منحصر به فرد” منظورم این است که آنها در مقایسه با فریم ورک های جلویی که در این لیست ذکر شده اند منحصر به فرد هستند.


بیشتر بخوانید »»» 20 ایده عالی برای محتوای وب سایت شما 

2. بنیاد ZURB

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

فریم ورک
فریم ورک

سازندگان: ZURB
منتشر شده: 2011
نسخه کنونی: 6
محبوبیت: 27، 497 ستاره در GitHub
شرح: “پیشرفته ترین چارچوب پاسخگو در جلوی در جهان”
مفاهیم / اصول هسته: RWD، تلفن همراه اول، معنایی
اندازه چارچوب: 233 کیلوبایت
پیش پردازنده: Sass
پاسخگو: بله
مدولار: بله
شروع قالب / طرح بندی: بله
مجموعه آیکون: آیکون فونت پایه
افزودنیهای اضافی / افزودنیها: بله
اجزای منحصر به فرد: نوار آیکون، روشنایی سبد، Flex Video، کلید زدن کلید، Joyride، جداول قیمت گذاری
مستندات: خوب، با منابع زیادی اضافی در دسترس است.
سفارشی سازی: customizer GUI عمومی
پشتیبانی مرورگر: کروم، فایرفاکس، سافاری، IE9 +؛ iOS، Android، Windows Phone 7+
مجوز: MIT

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

3. UI semantic

UI semantic تلاش مداوم برای ایجاد وب سایت های ساختمانی بسیار معنادارتر است. از اصول زبان طبیعی استفاده می کند، بنابراین کد بسیار قابل خواندن و قابل فهم تر شدن است.

فریم ورک
فریم ورک

خالق: جک لوکیک
منتشر شد: 2013
نسخه فعلی: 2.3
محبوبیت: 42،162 ستاره در GitHub
شرح: “چارچوب جزء UI بر اساس اصول مفید از زبان طبیعی”
مفاهیم / اصول هسته: معنایی، دوغاب برچسب، پاسخگو
ابعاد چارچوب: 1.8 مگابایت
پیش پردازنده: کمتر
پاسخگو: بله
مدولار: بله
شروع قالب / پوسته: بله، برخی از قالب های اولیه اولیه ارائه شده است.
مجموعه آیکون: Font Awesome
افزودنیهای اضافی / افزودنیها: نه
اجزاء منحصر به فرد: تقسیم کننده، پرچم، راه آهن، آشکار، مرحله، آگهی، کارت، خوراک، مورد، آمار، دیمر، امتیاز، شکل
مستندات: بسیار خوب، مستندات بسیار سازمان یافته را ارائه می دهد، به علاوه یک وب سایت جداگانه ای است که راهنمایی هایی برای شروع، سفارشی سازی و ایجاد تم ها ارائه می دهد.
سفارشی کردن: بدون customizer GUI، تنها سفارشی دستی
پشتیبانی مرورگر: فایرفاکس، کروم، سافاری، IE10 + (IE9 تنها با پیشوند مرورگر)، Android 4، Blackberry 10
مجوز: MIT

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


بیشتر بخوانید »»» پورتال در وب

4. توسط یاهو

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

فریم ورک
فریم ورک

خالق: یاهو
منتشر شد: 2013
نسخه فعلی: 1.0.0
محبوبیت: 18،825 ستاره در GitHub
شرح: “مجموعه ای از ماژول های کوچک، CSS پاسخگو که می توانید در هر پروژه وب استفاده کنید”.
مفاهیم / اصول هسته: SMACSS، مینیمالیسم
اندازه چارچوب: 3.8 کیلو بایت حداقل و gzip شده است.
پیش پردازنده: هیچکدام
پاسخگو: بله
مدولار: بله
شروع قالب / طرح بندی: بله
مجموعه آیکون: هیچکدام؛ شما می توانید به جای فونت بسیار جذاب استفاده کنید.
افزودنیهای اضافی / افزودنیهای: هیچکدام
اجزای منحصر به فرد: هیچکدام
مستندات: خوب
سفارشی کردن: اسکریپت گرافیکی اساسی
پشتیبانی مرورگر: آخرین نسخه های فایرفاکس، کروم، سافاری؛ IE7 +؛ iOS 6.x، 7.x؛ آندروید 4.x
مجوز: یاهو شرکت BSD

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


بیشتر بخوانید »»» 5 تا از بهترین زبان برنامه نویسی برای هک کردن

5. UIkit توسط YOOtheme

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

فریم ورک
فریم ورک

خالق: YOOtheme
منتشر شد: 2013
نسخه فعلی: 3.0.0
محبوبیت: 12،821 ستاره در GitHub
توضیحات: “یک چارچوب جامد سبک و مدولار برای توسعه سریع و قدرتمند رابط وب”.
مفاهیم / اصول هسته: RWD، موبایل اول
اندازه چارچوب: 374 کیلوبایت (پوشه زیپ شده)
پیش پردازنده: کمتر، ساس
پاسخگو: بله
مدولار: بله
شروع قالب / طرح بندی: بله
مجموعه آیکون: UIkit همراه با سیستم آیکون SVG خود و کتابخانه با تعداد روزافزون آیکون های تصویری می آید.
افزودنیهای اضافی / افزودنیها: بله
اجزای منحصر به فرد: مقاله، فلکس، جلد، ویرایشگر HTML
مستندات: خوب
سفارشی سازی: Customizer GUI پیشرفته فقط در نسخه 2 (نسخه قبلی) موجود است.
پشتیبانی مرورگر: کروم، فایرفاکس، سافاری، IE9 +
مجوز: MIT

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


بیشتر بخوانید »»» 10 تا از بهترین موتورهای جستجو جهان در سال


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

در نهایت، اجازه دهید به شما راهنمایی هایی برای انتخاب فریم ورک درست بدهم.
در اینجا برخی از موارد مهم برای مراقبت از موارد زیر است:

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

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

آیا این چارچوب مستندات خوب را ارائه می دهد؟
اسناد خوب همیشه برای تسهیل فرایند یادگیری مطلوب است.

سطح مشخصه چارچوب چیست؟
نکته اصلی این است که یک چارچوب عمومی تر در مقایسه با چارچوب با ویژگی خاص سطح کار ساده تر است.

در بیشتر موارد بهتر است چارچوبی با حداقل سبک اعمال شود، زیرا سفارشی کردن آن بسیار ساده است.
اضافه کردن قوانین جدید CSS، فرآیند بسیار راحت و کارآمد در مقایسه با رونویسی مجدد یا بروزرسانی موجود است.

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

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

به عنوان مثال، شما می توانید سبک یکپارچه سازی CSS کوچک را از یک چارچوب دریافت کنیدیک سیستم شبکه ترجیحی از دیگری،و اجزای پیچیده تر از یک سوم. مدولا ویوا!

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

افکار شما چیست؟
آیا هر یک از این فریم ورک های امروزی دارای نقاط قوت و ضعف است که در اینجا ذکر نشده اند؟

آیا فکر میکنید دیگران باید فهرست شوند؟
این مقاله در 2018 به روز شد تا منعکس کننده وضعیت فعلی ویژگی های موجود در فریم ورک های امروزی باشد.

source

  1. طراحی سایت موزیک و دانلود در اردبیل
  2. طراحی سایت آژانس های تبلیغاتی در اردبیل
  3. طراحی سایت آژانس های مسافرتی در اردبیل
  4. طراحی سایت رستوران ها در اردبیل
  5. طراحی سایت سرگرمی و تفریحی در اردبیل