35 کتابخانه‌ی مفید جاوااسکریپت

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

1. SmartPhoto

SmartPhoto ساده‌ترین روش برای نشان دادن عکس‌های شما در یک لایت‌باکس واکنش‌گراست. این کتابخانه تمرکز ویژه‌ای روی دستگاه‌های موبایل دارد.

2. UPNG.js

UPNG.js کتابخانه‌ای برای سروکله زدن با فایل‌های PNG است. این کتابخانه قابلیت فشرده‌سازی تصاویر را نیز در اختیار شما قرار خواهد داد.

3. Tinytime

Tinytime کتابخانها‌ی سبک بوده که امکان قالب‌بندی کردن تاریخ و زمان را به شما می‌دهد. با کمک آن می‌توانید الگوهایی با امکان استفاده‌ی مجدد را تعریف کنید.

4. Birdview.js

Birdview.js کتابخانه‌ای جالب است که با آن می‌توانید نمای یک صفحه را کوچک‌نمایی کنید. کیفیت تمام اطلاعات و نوشته‌ها در حین کوچک‌نمایی حفظ خواهد شد. شما با یک بار کلیک کردن می‌توانید صفحه را به حالت استاندارد خودش برگردانید.

5. StrMan

StrMan با 60 متد مفید، کار کردن با رشته (String) را برای توسعه‌دهندگان آسان‌تر می‌کند.

6. C3.js

C3.js یک کتابخانه‌ی مبتنی بر D3 بوده که برای ساخت چارت‌ها استفاده می‌شود. کار کردن با آن آسان است و امکان اعمال تغییرات پیشرفته را برای شما فراهم می‌کند.

7. Walkway.js

Walkway.js یک کتابخانه‌ی انیمیشن SVG است.

8. Bonsai.js

Bonsai.js یک کتابخانه‌ی سبک برای دستکاری و متحرک‌سازی گرافیک است. این کتابخانه یکی از پیشرفته‌ترین ابزارها برای انجام این کار به حساب می‌آید.

9. Aquarelle

Aquarelle کتابخانه‌ای است که به شما در ساخت یک افکت آبرنگ کمک می‌کند.

10. Bricklayer.js

Bricklayer.js کتابخانه‌ای است که به شما امکان ساخت یک طرح‌بندی گرید را می‌دهد.

11. Chocolat.js

Chocolat.js پلاگینی قدرتمند برای ساخت لایت‌باکس است و بیش از 12 حالت برای نمایش عکس دارد.

12. EaselJS

EaselJS به طرز چشمگیری کار کردن با Canvas را در HTML آسان می‌کند. شما برای ساخت بازی‌ها نیز می‌توانید از این کتابخانه استفاده کنید.

13. Dynamic.js

این کتابخانه به شما در ساخت انیمیشن‌های مبتنی بر فیزیک کمک می‌کند.

14. Parallax.js

کتابخانه‌ای محبوب که در ساخت افکت پارالاکس کاربرد دارد.

15. Vivus.js

Vivus.js یک انیمیشن طراحی را به المان‌های SVG اضافه می‌کند.

16. Joi

Joi کتابخانه‌ای بزرگ برای اعتبارسنجی فرم‌هاست. این کتابخانه انواع مختلفی از اعتبارسنجی را در اختیار کاربران قرار می‌دهد.

17. AniJS

کتابخانه‌ای جالب که امکان اضافه کردن انیمیشن‌ها به روشی خوانا را برای شما فراهم می‌کند.

18. Anchorme

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

19. Planck.js

Planck یک موتور فیزیک دو بعدی است. ما معمولاً از این کتابخانه برای ساخت بازی‌های HTML5 استفاده خواهیم کرد. شما می‌توانید 30 نمونه از کاربردهای این ابزار را در صفحه اصلی آن مشاهده کنید.

20. Eagle.js

Eagle.js یک فریمورک مخصوص برای ساخت پرزنتیشن با Vue است. این فریمورک از انیمیشن‌ها، تم‌ها و ویجت‌های تعاملی پشتیبانی می‌کند. با وجود API ساده‌ای که دارد، می‌توانید آزادی عمل زیادی داشته باشید.

21. BigPicture

BigPicture کتابخانه‌ای سبک و مدرن برای نمایش دادن عکس‌ها و فیلم‌ها در یک پنجره پاپ‌آپ است. در خصوص تگ‌های IMG، یوتیوب، ویدیوهای محلی و غیره نیز کاربرد دارد.

22. Zuck.js

این کتابخانه یک کپی از Facebook Stories است. شما می‌توانید تم‌ها، مستندات و افکت‌های انیمیشنی زیبایی را در آن پیدا کنید.

23. SVG.js

SVG.js کتابخانه‌ای سبک بوده که برای دستکاری کردن المان‌های SVG استفاده می‌شود.

24. Selector

این کتابخانه‌ی 5 کیلوبایتی می‌تواند جایگزینی برای jQuery باشد. همچنین شباهت زیادی به Umbrella JS دارد اما از گزینه‌های بیشتری برخوردار است.

25. Reactive Listener

Reactive Listener هیچ ارتباطی باReact ندارد. ما با کمک این کتابخانه می‌توانیم even listener پشرفته‌تری را خلق کنیم.

26. Moon

Moon کتابخانه‌ای مینیمالیستی است که از Vue الهام گرفته شده است. به راحتی می‌توانید نحوه استفاده از آن را یاد بگیرید. این کتابخانه عملکرد بالایی را برای شما فراهم خواهد کرد.

27. Tippy.js

Tippy کتابخانه‌ای سبک برای ساخت نکات است. این کتابخانه بیش از 12 انیمیشن دارد و از اکثر مرورگرها (حتی +IE10) پشتیبانی می‌کند.

28. Packery

Packery یک کتابخانه‌ی جاوااسکریپت بوده که ساخت طرح‌بندی‌هایی (Layout) با قابلیت کشیده شدن را آسان می‌کند.

29. WebVR

واقعیت مجازی را می‌توان جزئی از آینده دانست. با کمک چنین ابزار هیجان‌انگیزی می‌توانید این تکنولوژی را به مرورگر خود اضافه کنید.

30. Three.js

Three.js کتابخانه‌ای گسترده برای ساخت انیمیشن‌های سه بعدی است. می‌توانید چندین نمونه از کاربردهای آن را در صفحه اصلی‌اش مشاهده کنید.

31. FitVids

FitVids یک روش آسان است که به کمک آن می‌توانید ویدیوهای موجود در وبسایت خود را واکنش‌گرا کنید.

32. Tilt.js

Tilt کتابخانه‌ای سبک بوده که امکان اضافه کردن افکت skew را در یک المان محیا می‌کند. Tilt در jQuery نیز حضور دارد.

33. Offline.js

با کمک Offline.js می‌توانید کاربران را از قطعی اتصال مطلع کنید. تمام درخواست های AJAX در زمان قطع اتصال ذخیره می‌شوند و هنگام آنلاین شدن به طور مجدد اجرا خواهند شد.