Bài viết này cung cấp một danh sách rất nhiều kinh nghiệm của tác giả khi làm việc với các thư viện JavaScript API của mạng mã hội nổi tiếng Facebook. Một bài viết rất đáng xem nếu bạn đang tìm hiểu cách để xây dựng các ứng dụng Facebook dựa trên JavaScript API của nó.

Uy lực mà jsB@nk muốn nói đến ở đây là mã nguồn JavaScript của hiệu ứng này được xây dựng với kĩ thuật hướng đối tượng rất công phu cùng với tài liệu sử dụng/chỉnh sửa rất chi tiết. Bạn có thể tạo nhiều đối tượng cuộn trên trang web như mong muốn cùng với không hạn chế phần tử trong mỗi đối tượng cuộn.

Chưa hết, bạn còn có thể dễ dàng khai báo tốc độ cuộn, vị trí cuộn, khoảng cách, thời gian, ... cho mỗi đối tượng cuộn trong hiệu ứng này.

Một hiệu ứng JavaScript đơn giản sử dụng thư viện jQuery để thực hiện việc thay đổi ảnh liên tục. Hiệu ứng mờ dần được sử dụng để hiển thị giữa các ảnh, bạn có thể dễ dàng thay đổi các hoạt hóa của hiệu ứng này với các hàm có sẵn của jQuery.

Mọi nhà phát triển/lập trình web đều biết tầm quan trọng của cache đối với hiệu suất hoạt động của trang web; với đặc tả kĩ thuật của các chuẩn HTML cũ, chúng ta chỉ có thể lưu cache trong cookie ở phía máy khách hoặc thực hiện ở phía máy chủ với session và/hoặc các biện pháp lưu trữ dạng tệp tin.

Nhưng mới HTML5, ngoài khả năng lưu trữ cache để xem ngoại tuyến (xem thêm nhiều tính năng khác của HTML5 tại Các hàm JavaScript mới trong HTML5); công nghệ mới này còn cho phép các nhà phát triển web xây dựng các ứng dụng web có thể lưu cache ở phía máy khách nhằm cải thiện hiệu suất hoạt động của trang web, bởi trình duyệt sẽ gửi ít truy vấn hơn đến máy chủ mỗi khi tải một trang web trong hệ thống website.

Bài viết này sẽ cung cấp cho bạn vài khái niệm cơ bản và ví dụ mẫu JavaScript để xây dựng tính năng cache trong HTML5. Vui lòng vào trang chi tiết để xem thêm.

Mặc dù HTML5 vẫn còn đang hoàn thiện về mặt công nghệ nhưng hiện tại chúng ta đã có thể thưởng thức rất nhiều ứng dụng tuyệt đẹp và đầy ấn tượng dựa trên công nghệ này, bạn có thể dùng thử:

- Trình đơn định hướng kiểu xếp tầng tuyệt đẹp với jQuery
- Phát âm thanh trên web với HTML5
- 10 điều JavaScript xưa không làm được
- 12 trò chơi JavaScript đầy sáng tạo bạn nên chơi
- 10 trải nghiệm tuyệt đẹp trên Google Chrome

Hôm nay, jsB@nk muốn giới thiệu với bạn thêm một ứng dụng đồ họa cực kì ấn tượng được xây dựng trên nền HTML5. Bạn vui lòng vào trang ví dụ mẫu trực tiếp để dùng thử ứng dụng này.

Thêm một hiệu ứng JavaScript nữa để bạn có thể dễ dàng kiểm tra và hạn chế số lượng kí tự mà người dùng có thể nhập vào các biểu mẫu. Trong ví dụ mẫu JavaScript trực tiếp này, bạn sẽ không thể nhập vào hơn 20 kí tự hoặc quá 10 dòng tùy điều kiện nào đến trước.

Hiệu ứng JavaScript này ưu việt hơn ở chỗ việc kiểm tra sẽ được thực hiện với các biểu thức so trùng (RegEx - Regular Expression); vì vậy việc kiểm tra khá chính xác.

Bài viết này sẽ hướng dẫn bạn cách thức xây dựng một Trình đơn định hướng kiểu xếp tầng tuyệt đẹp với jQuery cùng với mã nguồn kèm theo để tải về.

Đây là hiệu ứng trình đơn cực kì xuất sắc hệ thống danh mục to lớn cả về chiều sâu lẫn chiều rộng (các danh mục được chia theo nhiều chủ đề); hiệu ứng JavaScript này sẽ hiển thị tất cả các danh mục với một ngữ cảnh tươi sáng đầy màu sắc, mỗi chủ đề của danh mục sẽ có một ảnh minh họa riêng.

Hiệu ứng trình đơn này cực kì thích hợp với những website có hệ thống danh mục to lớn cả về chiều sâu lẫn chiều rộng (các danh mục được chia theo nhiều chủ đề); hiệu ứng JavaScript này sẽ hiển thị tất cả các danh mục với một ngữ cảnh tươi sáng đầy màu sắc, mỗi chủ đề của danh mục sẽ có một ảnh minh họa riêng.

Với sự hỗ trợ của thư viện jQuery, hiệu ứng sẽ thực hiện hoạt hóa cuộn cho mỗi danh mục mỗi khi người dùng nhấn chuột vào, bạn có thể thay đổi dễ dàng các phương thức hoạt hóa với các hàm có sẵn của jQuery.

Việc xây dựng hoàn chỉnh hiệu ứng này từ đầu khá công phu, jsB@nk sẽ hướng dẫn bạn từng bước để làm hiệu ứng này trong bài viết sau, còn bây giờ bạn hãy vào trang ví dụ mẫu JavaScript trực tiếp để thưởng thức.

Kế thừa là một kĩ thuật rất quan trọng trong các ngôn ngữ lập trình hướng đối tượng nói chung và trong ngôn ngữ JavaScript nói riêng bởi tiêu chí sử dụng lại của lập trình hướng đối tượng. Trong bài viết hướng dẫn này, tác giả giới thiệu với bạn 5 phương pháp quan trọng để thực hiện việc kế thừa trong JavaScript. Bạn nên nắm vững các phương pháp này để có thể lập trình chuyên sâu JavaScript hơn.

Thêm một đoạn mã JavaScript khác nữa để tạo hiệu ứng bàn phím ảo trên trang web. Lí do để dùng bàn phím ảo là nhằm tránh các vấn nạn bảo mật tài khoản ở các máy tính công cộng (cửa hàng/dịch vụ Internet).

Hiệu ứng JavaScript này tạo một bàn phím ảo với giao diện đồ họa người dùng tương đối rõ ràng, đồng thời hỗ trợ trên 20 ngôn ngữ phổ biến và cả các kí tự đặc biệt. Một hiệu ứng bàn phím ảo rất dễ sử dụng và cài đặt.

Có lẽ bạn muốn xem thêm các hiệu ứng tạo bàn phím ảo có trên jsB@nk:

- Bàn phím ảo
- Bàn phím ảo 2
- Tạo một bàn phím