وبلاگ رسانگار
با ما حرفه ای باشید

سرور مجازی NVMe

12 کتابخانه جاوا اسکریپت برای تماشا در سال 2017

0 3
زمان لازم برای مطالعه: 6 دقیقه


12 کتابخانه جاوا اسکریپت برای تماشا در سال 2017

با وجود صدها کتابخانه رایگان JS، دشوار است که بدانید انرژی خود را کجا بگذارید. برخی در نهایت دور انداخته می شوند یا به پروژه های جدید تقسیم می شوند، در حالی که برخی دیگر به سرعت رشد می کنند و به پذیرش گسترده دست می یابند. اکثر توسعه دهندگان در حال حاضر نام های بزرگی مانند jQuery و React را می شناسند. اما در این پست می‌خواهم دوازده کتابخانه JS جایگزین را معرفی کنم که کمتر شناخته شده‌اند اما به سرعت در حال افزایش هستند.

1) D3.js

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

2) Node.js

02-nodejs-logo

من می دانم که بسیاری از توسعه دهندگان از شنیدن این موضوع خسته شده اند گره همیشه. اما واقعاً سریعترین رشد کتابخانه JS است و بسیار بیشتر از یک محیط توسعه دهنده ارائه می دهد. با NPM می توانید بسته های محلی را برای تمام پروژه های خود مستقیماً از خط فرمان مدیریت کنید. این باعث می شود Node یک جعبه ابزار توسعه کامل باشد که به خوبی با ابزارهای دیگری مانند Gulp کار می کند. به علاوه ده ها پروژه منبع باز مرتبط ساخته شده است روی Node تا بتوانید با واحد تست در آن کار کنید Mocha.js یا یک رابط جلویی با Sails.js چارچوب. اگر هنوز Node را امتحان نکرده اید، ممکن است تعجب کنید که چقدر از دست داده اید.

3) Riot.js

03-riotjs-screen

رندر DOM مجازی و عناصر سفارشی کتابخانه React را پر کرده است. این به سرعت به انتخاب همه حرفه‌ای‌هایی تبدیل شده است که می‌خواهند یک کتابخانه رابط دیجیتال قدرتمند برای توسعه جلویی داشته باشند. ولی Riot.js در حال برگزاری یک مبارزه محکم است که جایگزین خوبی برای React است. با استفاده از چارچوب Riot، شما همچنان به یک DOM مجازی دسترسی دارید، اما کنترل آن با الزامات نحو ساده‌تر بسیار آسان‌تر است. متأسفانه این کتابخانه به بزرگی React نیست و توسط فیس‌بوک پشتیبانی نمی‌شود، بنابراین انجمن بزرگی را نخواهید داشت. اما این یک جایگزین سالم است و یک رقیب مناسب در فضای جلویی است.

4) Create.js

04-createjs-easel-js-screen

از انیمیشن های وب گرفته تا رسانه های دیجیتال می توانید با همه چیز کار کنید CreateJS. این یک کتابخانه واحد نیست، بلکه مجموعه ای از کتابخانه ها است که برای اهداف مختلف ساخته شده اند. به عنوان مثال Easel.js با عناصر بوم HTML5 کار می کند در حالی که Tweet.js به شما کمک می کند تا توئینینگ و انیمیشن های سفارشی را برای وب بسازید. هر کتابخانه در این مجموعه اهداف متفاوتی را دنبال می کند و ویژگی های مدرن را برای همه مرورگرهای اصلی ارائه می دهد. اما بیشتر این کتابخانه‌ها به ویژگی‌های تخصصی کمک می‌کنند، بنابراین بهترین استفاده از آنهاست روی وب سایت های تخصصی اگر کنجکاو هستید، نگاهی به آن بیندازید وب سایت JS ایجاد کنید تا ببینید چه چیزی ارائه می دهد.

5) Keystone.js

05-keystone-js-cms

قبلاً به Node.js و تعداد کتابخانه های دیگر ساخته شده اشاره کردم روی بالای آن Keystone.js یک مثال فوق العاده است که با ارائه یک موتور CMS در مقیاس کامل فراتر از Node است. با Keystone می توانید بسازید به معنای برنامه های وب طراحی شده توسط Node/Express و MongoDB روی باطن Keystone.js کاملا رایگان است اما هنوز بسیار جدید است. در زمان نوشتن این مقاله فقط نسخه 0.3 است، بنابراین برای استفاده حرفه ای راه زیادی در پیش دارد. اما اگر یک CMS جاوا اسکریپت خالص شما را غلغلک می دهد، آن را بررسی کنید و ببینید چه فکر می کنید.

6) Vue.js

06-vuejs-logo

در دنیای فریم‌ورک‌های فرانت‌اند معمولاً دو انتخاب برجسته پیدا می‌کنید: Angular و Ember. ولی Vue.js یکی دیگر از انتخاب های بسیار محبوب است و از آن زمان به سرعت توجه بیشتری را به خود جلب می کند نسخه 2.0 انتشار. Vue یک چارچوب جاوا اسکریپت جلویی MVVM است بنابراین از معماری معمولی MVC دور می شود. یادگیری آن دشوار است، اما زمانی که درک کنید چگونه همه چیز کار می کند، نحو ساده است. مطمئناً این یک انتخاب مناسب در جنگ فریم‌ورک‌های فرانت‌اند است، و ارزش آن را دارد که به دقت زیر نظر داشته باشید. روی آن را طی چند سال آینده

7) شهاب

07-Meteor-js-logo

شما می توانید هر پلتفرمی را در آن ادغام کنید چارچوب شهاب سنگ با نتایج فوق العاده این پروژه منبع باز به توسعه‌دهندگان کمک می‌کند تا برنامه‌های دارای JS را بسازند، چه برنامه‌های چت هم‌زمان باشند، چه جوامع اجتماعی یا داشبوردهای سفارشی. حتی یک چارچوب خبری اجتماعی به نام وجود دارد تلسکوپ ساخته شده روی بالای شهاب این به شما امکان می دهد یک وب سایت خبری اجتماعی/رای گیری اجتماعی از ابتدا ایجاد کنید روی شهاب و واکنش. Meteor حیوانی از یک کتابخانه با ویژگی های فراوان است، اما یادگیری آن آسان نیست. با این حال، سرگرم کننده است و توسعه دهندگان JS ماهر می توانند تقریباً هر چیزی را با این پلتفرم بسازند.

8) Chart.js

08-chartjs-canvas-demo

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

9) WebVR

09-webvr-logo

به نظر می رسد که واقعیت مجازی با استارتاپ های جدید و توسعه دهندگان هیجان زده که به طور خستگی ناپذیر کار می کنند، جهان را غرق کرده است. روی پروژه های VR به همین دلیل از پیدا کردنش تعجب نکردم WebVR، یک API جاوا اسکریپت جدید که برای VR در مرورگر شما ساخته شده است. این بر روی محبوب ترین دستگاه ها مانند Oculus Rift و Vive کار می کند، اما در حال حاضر در مرحله توسعه است. API منبع باز است و به طور مداوم در برابر مرورگرهای مدرن آزمایش می شود تا روش عملکرد آن را ارزیابی کند روی دستگاه های VR اگر کنجکاو هستید که بیشتر بیاموزید یا با پروژه درگیر شوید، این را بررسی کنید سایت رسمی یا بازدید کنید MozVR page برای اطلاعات بیشتر.

10) Three.js

10-threejs-3d-graphics-webgl

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

11) Omniscient.js

11-incient-js-jS

برنامه نویسی کاربردی با جاوا اسکریپت چیز جدیدی نیست. اما نسبتاً جدید است روی وب و در حال حاضر با کتابخانه هایی مانند Omniscient.js. این کتابخانه منبع باز رایگان نماها را با رندر از بالا به پایین کنترل می کند process برای تمام اجزای جلویی می‌توانید کدهای JS کاربردی را از ابتدا بنویسید و با کتابخانه‌های رابط کاربری موجود مانند React کار کنید. من به طور خاص این کتابخانه را به توسعه دهندگان با تجربه ای که خواهان توسعه روان تر هستند توصیه می کنم process. این یک موضوع پیچیده برای مبتدیان است، اما Omniscient می‌تواند جریان کاری توسعه‌دهنده شما را در هماهنگی با مؤلفه‌های React به‌طور اساسی تغییر دهد.

12) ractive.js

12-RACTIC-JS-DEMO

اگر به دنبال یک کتابخانه UI هستید که با بقیه متفاوت است، فکر می کنم ractive.js قالب به خوبی متناسب است. این دارای اتصال دو طرفه برای عناصر و داده های قالب است، بنابراین می توانید الگوهایی را با عناصری که به توابع Raactive در جاوا اسکریپت متصل می شوند، بسازید. این یک کتابخانه بسیار متراکم است اما یکی از نرم ترین منحنی های یادگیری را برای مبتدیان ارائه می دهد. این به اندازه React جزئیات نیست و از نحو بسیار متفاوتی در JS و HTML استفاده می کند. بازدید کنید سایت اصلی برای کسب اطلاعات بیشتر، و بررسی کنید مثال ها page برای دیدن آنچه با راکتیو امکان پذیر است. همه کتابخانه های این پست چیزی منحصر به فرد برای ارائه به جامعه JS دارند. اگر از سرهم‌کردن با جاوا اسکریپت لذت می‌برید، دوباره به هر کتابخانه در اینجا نگاهی بیندازید و ببینید که آنها می‌توانند پروژه‌های توسعه‌دهنده وب شما را ارائه دهند.

(برچسب‌ها برای ترجمه جایگزین



منتشر شده در 1403-01-10 02:57:02

منبع نوشتار

امتیاز شما به این مطلب
دیدگاه شما در خصوص مطلب چیست ؟

آدرس ایمیل شما منتشر نخواهد شد.

لطفا دیدگاه خود را با احترام به دیدگاه های دیگران و با توجه به محتوای مطلب درج کنید