Bạn đang chán ngấy các trò chơi JavaScript và muốn thử tìm hiểu cách thức xây dựng các trò chơi trên nền web? Thì bài viết hướng dẫn sử dụng JavaScript này là một nguồn tham khảo đáng giá dành cho bạn.

Bài viết này hướng dẫn chúng ta sử dụng một thư viện JavaScript là Crafty để tạo ra một trò chơi nhập vai RPG đơn giản nhưng đồ họa khá đẹp cùng với cách chơi cũng không quá đơn giản để tạo sự nhàm chán. Cơ bản, chúng ta cần làm những việc cần thiết như: định hình các nhân vật, xây dựng các cảnh chơi, xây dựng lối chơi (gameplay), tạo các hoạt hóa và kết hợp chúng thành một thể thống nhất.

Trang trong sẽ cung cấp cho bạn bài viết chi tiết cùng với hướng dẫn, cũng như là trò chơi mẫu để bạn thử cùng với mã nguồn đầy đủ cho phép bạn tải về.

Hôm nay jsB@nk muốn giới thiệu đến bạn danh sách hơn 70 công cụ, ứng dụng JavaScript, tiện ích AJAX cực kì hữu ích để bổ sung vào các ứng dụng web, ứng dụng JavaScript của mình.

Trong danh sách này có một vài ứng dụng AJAX đã từng được giới thiệu trên jsB@nk như:
- Trình tải nội dung trang với AJAX
- GreyBox: Công cụ tạo cửa sổ popup tuyệt đẹp
- Interstitial Content Box

Và vẫn còn rất nhiều ứng dụng AJAX hữu ích khác trong danh sách này, bạn hãy vào trang trong để xem thêm.

Bài viết này được jsB@nk tổng hợp từ các nguồn khác nhau trên Internet để có được danh sách 13 hàm JavaScript dạng Prototype cực kì hữu ích và thiết yếu để tăng lực cho các ứng dụng JavaScript, ứng dụng web của bạn. Nếu chưa rõ về JavaScript Prototype, bạn vui lòng tìm hiểu rõ hơn khía cạnh rất độc đáo này của ngôn ngữ lập trình JavaScript thông qua các bài viết:
- JavaScript Prototype: Some Basic Concepts
- Prototype Dollar Function

Bài viết này bao gồm 13 hàm prototype dùng cho dữ liệu JavaScript kiểu mảng, kiểu chuỗi và kiểu số; chi tiết bạn vui lòng vào trang trong, jsB@nk chỉ giới thiệu một vài hàm rất phổ biến như sau:
- contains: kiểm tra chuỗi con trong một chuỗi
- getChar: lấy kí tự trong chuỗi tại ví trí xác định
- trim: cắt bỏ các kí tự rỗng dư thừa ở đầu và cuối chuỗi
- copy: sao chép một mảng dữ liệu
- random: trả về một dữ liệu ngẫu nhiên trong mảng

YouTube - một trong những hiện tượng trên Internet - nơi cộng đồng khắp nơi trên thế giới chia sẻ các đoạn phim do mình tự quay hoặc làm. Tuy nhiên, nếu chỉ dùng trình chiếu mặc định (Flash) của YouTube để xem trên các trình duyệt thì khá bất tiện, hôm nay jsB@nk muốn giới thiệu với bạn danh sách 5 công cụ JavaScript (plug-ins) khá hữu ích để xem YouTube tốt hơn trên Opera. Lí do tôi chủ yếu giới thiệu các ứng dụng JavaScript dành cho Opera có lẽ các bạn cũng đã biết nếu thường xem các bài viết trước. Hi vọng jsB@nk sẽ sớm có các bài viết về Firefox và các trình duyệt khác nhằm phục vụ các bạn.

Còn bây giờ là đến phần chính của bài viết, 5 ứng dụng được giới thiệu trong bài viết này là: YouTube "Lights Out", Xem YouTube toàn màn hình tự động, YouTube Video Downloader, Youtube Resizer và YouTube Prevent Autoplay.

Hãy xem thêm các tiện ích JavaScript khác dành cho Opera nếu bạn đang dùng trình duyệt này:
- Essential JavaScript Applications (UserJS) for Opera Browser

Web Worker là một trong những tính năng mới rất đáng giá của HTML5, với nó các nhà phát triển, lập trình ứng dụng web có thể làm được các chuyện sau:
- Xử lí tệp tin với HTML5 và JavaScript
- JavaScript và Cache trong HTML5

Ngoài ra bạn có thể xem thêm nhiều tính năng khác có trên HTML5 cùng với web worker tại Các hàm JavaScript mới trong HTML5, nhưng hôm nay, jsB@nk muốn giới thiệu với bạn thêm một ứng dụng khác của Web Worker, đó là tạo ra các ứng dụng JavaScript có thể xử lý đa luồng. Bạn vui lòng vào trang chi tiết để xem hướng dẫn đầy đủ.

Đoạn mã JavaScript này tạo hiệu ứng trưng bày ảnh khá đẹp và độc đáo với một giao diện rât đơn giản. Phòng trưng bày ảnh này không dùng nhiều chữ mà chỉ dùng các hình ảnh, các biểu tượng mạng xã hội để trang trí cho cả căn phòng. Các hiệu ứng hoạt hóa được xây dựng dựa trên thư viện jQuery và tiện ích prettyPhoto cũng trên nền jQuery, được kết hợp với kĩ thuật Cufont nên phòng trưng bày này càng đẹp và bắt mắt hơn.

Hiệu ứng JavaScript trưng bày ảnh này hiện có hai giao diện tối và sáng, bạn hãy vào trang chi tiết để đánh giá hoặc tải bản nén này nhé, hoặc xem thêm các hiệu ứng trưng bày ảnh khác:
- Phòng trưng bày ảnh với hai kiểu hiển thị
- Tạo một trình diễn ảnh trượt với jQuery
- 65 giải pháp trình diễn ảnh tuyệt vời mà miễn phí
- 16 hiệu ứng trưng bày ảnh miễn phí

Bài viết này sẽ hướng dẫn bạn cách để xây dựng một hàm JavaScript đơn giản để tải các tệp tin JavaScript và CSS linh động hơn. Tuy không có gì mới nhưng vẫn là một trong nhiều cách để làm website trở nên có thể tùy biến cao.

Là một nhà phát triển và quản trị web, hẳn nhiên chúng ta cũng chú ý đến khía cạnh tốc độ tải trang. Và để giảm thời gian tải trang web thì việc nén các mã nguồn JavaScript và CSS là một trong các công việc quan trọng nên làm.

Nếu đã từng thử qua cách dùng GZip để nén tệp tin trực tiếp trên máy chủ, thì tại sao bạn không thử nén các tệp tin này trước khi tải chúng lên máy chủ, như vậy thì việc nén sẽ trở nên hiệu quả hơn rất nhiều. Bài viết này sẽ cung cấp cho bạn danh sách 7 công cụ nén mã nguồn JavaScript và CSS trực tuyến khá hiệu quả, chúng là JS Compressor, Packer, Google Closure Compiler, YUI Compressor, JSMin, Minify and SquishIt.

Điểm hạn chế của các công cụ nén này là bạn phải có kết nối Internet để thực hiện, jsB@nk cũng đang áp dụng tính năng nén mã nguồn này với công cụ được xây dựng riêng, 3 tính năng nén CSS, JavaScript và các ngôn ngữ PHP, .NET, Java... trong một công cụ duy nhất. Hy vọng sẽ có thời gian để chia sẻ với bạn.

jsB@nk đã từng giới thiệu với bạn rất nhiều các trải nghiệm JavaScript, ứng dụng web tuyệt vời được xây dựng trên nền web thông qua các bài viết bên dưới:

- 5 ứng dụng desktop dựa trên JavaScript độc đáo
- Trình đơn định hướng kiểu xếp tầng tuyệt đẹp với jQuery
- 50+ trải nghiệm tuyệt đẹp với các ứng dụng web
- Các trải nghiệm JavaScript tuyệt đẹp trên Chrome, Safari
- 10 trải nghiệm tuyệt đẹp trên Google Chrome

Hôm nay trong bài viết này, jsB@nk muốn giới thiệu với bạn thêm danh sách 9 ứng dụng JavaScript và HTML5 canvas khác, dĩ nhiên các ứng dụng JavaScript này vẫn thỏa tiêu chí độc đáo, có thể làm lay động người dùng thông qua các trải nghiệm thực tế. Bạn vui lòng vào trang chi tiết để xem thêm.

Tổng quát, bài viết này sẽ hướng dẫn bạn chi tiết cách thức kiểm tra các kiểu dữ liệu JavaScript. Bài viết bao gồm đầy đủ mã nguồn JavaScript ví dụ và chỉ dẫn chi tiết, bạn vui lòng vào trang chính để xem thêm.

Các bài viết liên quan khác:
- Lập trình JavaScript hướng đối tượng dành cho người mới
- 10 thủ thuật JavaScript đơn giản dành cho người mới học
- 10 eBook tốt nhất người mới học JavaScript nên đọc
- Các vấn đề JavaScript cơ bản cho người mới học