Những thư viện hữu ích cho lập trình JavaScript

Những thư viện hữu ích cho lập trình JavaScript là tập hợp các thư viện mạnh mẽ giúp bạn tạo dựng các ứng dụng thú vị như trình chơi nhạc, lập trình game với JavaScript, Animation, form validation

JavaScript và Audio - Âm Thanh

Các thư viện hữu ích giúp bạn tạo một Trình Chơi Nhạc xịn xò với JavaScript

1. howlerjs

howlerjs là một thư viện JavaScript - Audio - Âm Thanh cho web hiện đại, siêu nhẹ. Nó sử dụng Web Audio API và dự phòng cho âm thanh HTML5.

Điều này giúp làm việc với âm thanh trong JavaScript dễ dàng và đáng tin cậy trên tất cả các nền tảng.

2. tone.js

Tone.js là một Web Audio framework để tạo trình chơi nhạc, ứng dụng tương tác trong trình duyệt.

Tone.js hướng tới sự quen thuộc với cả nhạc sĩ và lập trình viên âm thanh, tạo ứng dụng âm thanh trên web.

3. wavesurfer.js

wavesurfer.js là một thư viện giúp bạn tạo sóng âm thành dựa trên Web Audio API và HTML5 Canvas.

wavesurfer sẽ giúp bạn tạo một ứng dụng DJ từ đơn giản đến phức tạp. Xem demo ở đây

4. SoundManager 2

SoundManager 2 là thư viện đơn giản giúp bạn làm việc với audio dễ dàng thông qua JavaScript API

5. amplitudejs

AmplitudeJS là thư viện siêu nhẹ của JavaScript cho phép bạn điều khiển và thiết kế một ứng dụng nghe nhạc dễ dàng.

6. soundjs

soundjs là thư viện chung cấp các JavaScript API đơn giản nhưng lại vồ cùng mạnh mẽ dể làm việc với file âm thanh trên HTML5 

JavaScript và Animation

Animation là "sự chuyển động", trên nền tảng website ngày nay cần có những chuyển động để giúp web trở nên trông sinh động đơn. Để đơn giản, có thể sử dụng các thư viện JavaScript bên dưới:

1. Anime.js 

Anime.js là thư viện siêu nhẹ của JavaScript giúp bạn dễ dàng tạo các chuyển động uyển chuyển trên web.

Anime.js có hoạt động với CSS, Individual Transforms, SVG, các thuộc tính DOM và các đối tượng JS.

2. Velocityjs

Velocityjs là một công cụ tạo animation thông qua API, thay thế cho jQuery $.animate().

Velocityjs có nhiều tính năng như đổi màu, vòng lặp, dịch chuyển, hỗ trợ SVG, scrolling.

3. popmotion

popmotion là thư viên JavaScript cực nhẹ chỉ với 5kb nhưng mạnh mẽ, hỗ trợ keyframes, spring and inertia animations on numbers, colors, and complex strings.

4. AOS - Animate On Scroll Library

AOS - Animate On Scroll Library là một thư viện JavaScript được thiết kế với mục đích tạo hiệu ứng animation cho các thành phần trên website khi người dùng cuộn trang.

Việc sử dụng thư viện rất đơn giản bằng cách khai báo các thuộc tính ngay trong các thẻ HTML của thành phần. 

5. mo.js

mo.js là thư viện tạo animation bằng JavaScript nhanh chóng, dễ dàng tuỳ chỉnh

JavaScript và Form

1. quilljs - Trình Soạn Thảo

quilljs là thư viện JavaScript tạo trình soạn thảo văn bảng nhanh chóng cho website.

quilljs có đầy đủ các API và có hỗ trợ để custom module dễ dàng.

2. fineuploader - thư viện File upload

fineuploader là thư viện JavaScript hỗ trợ upload file trên trình duyệt, với nhiều tính năng nổi bật như Progress Bar, Drag and Drop, Upload to the Cloud, Image Previews & Scaling...

3. parsleyjs 

parsleyjs là thư viện miễn phí giúp xác thực form, cung cấp cho người dùng thông tin phản hồi trước khi gửi đến server, giúp tiếp kiệm thời gian và tài nguyên của server

4. Selectize

Selectize là thư viện JavaScript cải thiện người dùng khi chọn nhiều danh mục, items. 

Selectize hỗ trợ select đơn và đa giá trị, tìm kiếm, gắn thẻ, cuộn vô hạn.

5. jqueryvalidation

jqueryvalidation là Jquery Validation plugin của Jquery, giúp cho việc validate ở clientside trở nên dễ dàng hơn, trong khi vẫn cung cấp nhiều customize options.

6. Cleave.js

Cleave.js là plugin JavaScript  miễn phí giúp tự động định dạng các trường đầu vào như phone number, email address, thẻ tín dụng,...

7. pickadate.js 

pickadate.js là plugin Jquery cực nhẹ giúp bạn custom trường date, datetime dễ dàng và nhanh chóng.

JavaScript và Games

Để tạo trò chơi với JavaScript thì nên xem ngay các thư viện dưới

1. Pixi.js

Pixi.js là một bộ công cụ 2D của JavaScript, hoàn toàn miễn phí được dùng để tạo website hoạt hình và trò chơi HTML5, hỗ trợ trên nhiều loại trình duyệt khác nhau.

2. Phaser.js

Phaser.js là 2D game framework mạnh mẽ tạo từ JavaScrip, giúp cho chúng ta tạo nhanh một game trên Canvas và WebGL trên website HTML5.

Bạn có thể xem một vài trò chơi được tạo trên Phaser.js - Demo 

3. Babylon.js 

Babylon.js là tool JavaScript mạnh mẽ để tạo nên thế giới 3D trên website. Không chỉ có thể tạo ra Game online còn có thể tạo ra những ứng dụng tuyệt vời

Babylon.js có hệ thống GUI cực mạnh mẽ, cung cấp vô số tiện ích phong phú, có thể xem các đặc trưng ở đây

4. master.js

Matter.js là công cụ JavsScript tạo 2D physics engine trên website

ngoài ra bạn còn có các công cụ, thư viện khác để làm game có thể tham khảo melonJS, craftyjs, threejs, fabricjs