google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






20 thư viện JavaScript tương tác để làm web nhanh mà tốt hơn Trong thế giới rộng lớn của phát triển và lập trình web, rất nhiều lập trình viên đã sáng tạo ra khá nhiều công cụ, ứng dụng hữu ích rồi sau đó phân phối miễn phí đến cộng đồng. Tại sao chúng ta phải phát triển các dự án web từ đầu? Trong khi chúng ta có thể dễ dàng sử dụng các công cụ này để tiết kiệm thời gian, đôi khi còn đạt kết quả tốt hơn?

Hãy cùng JavaScriptBank.com khám phá 20 công cụ hữu ích để giúp bạn làm web nhanh hơn và thậm chí còn tốt hơn.


Danh mục: Bài viết, Web 2.0

Website với hiệu ứng cuộn cực độc Hiệu ứng cuộn là một trong những hiệu ứng được sử dụng nhiều nhất trong thiết kết web. Và có vô số website sử dụng hiệu ứng cuộn này, với sự hỗ trợ của các thư viện JavaScript, để tạo nên các website với giao diện và cách hoạt động cực kì độc đáo.

Hôm nay trong bài viết này, jsB@nk sẽ giới thiệu với bạn danh sách 30 website được thiết kế cực kì độc đáo với hiệu ứng cuộn. Hãy vào trang chi tiết để xem, có thể chúng sẽ cung cấp cho bạn nhiều ý tưởng mới.


Danh mục: Bài viết, Showcases

35 hướng dẫn thực hành JavaScript và jQuery nâng cao Ngôn ngữ lập trình JavaScript và thư viện jQuery là những nhân tố cần thiết hầu như đối với mọi website; và gần như tất cả các nhà thiết kế web, lập trình web và phát triển web đều phải biết sử dụng chúng nếu muốn làm cho giao diện website trở nên sinh động và bắt mắt hơn. Tuy nhiên, các nhà thiết kế web sẽ gặp một vài khó khăn khi triển khai các mã nguồn JavaScript này bởi họ gần như không giỏi về lập trình.

Vì vậy, hôm nay trong bài viết này, jsB@nk muốn giới thiệu dành riêng cho các nhà thiết kế web những bài viết hướng dẫn thực hành JavaScript và jQuery cao cấp nhưng rất dễ làm theo, để tạo nên các hiệu ứng JavaScript tuyệt đẹp trên website.


Phòng trưng bày ảnh đơn giản mà tuyệt đẹp Đ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í


Trò chơi tránh thiên thạch với HTML5 và JavaScript Hôm nay, jsB@nk muốn giới thiệu đến bạn cách thức để xây dựng một ứng dụng trò chơi đơn giản với kĩ thuật HTMl5 và JavaScript; tên ứng dụng này là Asteroid, và được jsB@nk đặt là Trò chơi tránh thiên thạch bởi cách chơi của nó: chỉ cần dùng các phím mũi tên để di chuyển nhân vật của mình (chiếc phi thuyền) né tránh các vật thể di chuyển ngẫu nhiên xung quanh.

Điểm đặc biệt của trò chơi này là nó được xây dựng hoàn toàn dựa trên kĩ thuật HTML5 với tập lệnh canvas - một ví dụ mẫu JavaScript khá tốt để giúp chúng ta làm giúp chúng ta tiếp cận với kĩ thuật mới này.

Hãy tìm hiểu thêm về canvas và HTML5 nếu bạn muốn thông qua các bài viết, hiệu ứng JavaScript khác trên jsB@nk:
- JavaScript xoay ảnh với CANVAS trong HTML5
- Ứng dụng đồ họa tuyệt vời với HTML5
- Các hàm JavaScript mới trong HTML5
- 12 trò chơi JavaScript đầy sáng tạo bạn nên chơi


Danh mục: Trò chơi, Kĩ năng

Các khái niệm JavaScript: Đơn giản mà tốt nhất Nếu thường xem phim truyện trên kênh truyền hình HBO hẳn bạn sẽ quen với câu khẩu hiệu "Simply the Best" mà jsB@nk đang sử dụng để đặt cho tiều đề bài viết này. jsB@nk muốn mượn khẩu hiệu này để nói lên tính chất của bài viết: nội dung này cung cấp cho bạn các khái niệm rất cơ bản về JavaScript, có thể nhanh chóng và dễ dàng tiếp cận, nắm vững ngôn ngữ lập trình web JavaScript.

Bài viết cung cấp các hướng dẫn chi tiết cùng với mã nguồn ví dụ JavaScript mẫu kèm theo. Hiện tại bài viết này có 5 danh mục và sẽ được cập nhật liên tục, trong khi chờ đợi, bạn có thể xem qua:
- Phần 1: Lớp trong JavaScript
- Phần 2: Kế thừa trong JavaScript
- Phần 3: JavaScript và JSON
- Phần 4: Thuộc tính Prototype
- Phần 5: Tầm vực trong JavaScript

Các bài viết hướng dẫn làm quen với JavaScript khác có trên jsB@nk:
- Hàm JavaScript & Biểu thức so trùng: Vài ví dụ cơ bản
- Tổng quan về Prototype của JavaScript
- 5 kĩ thuật kế thừa trong JavaScript nên nắm vững
- Kiểu và Đối tượng đơn giản trong LTHĐT JavaScript
- 10 eBook tốt nhất người mới học JavaScript nên đọc


Tick Tock: Đồng hồ kim cực đẹp với CSS Hiệu ứng JavaScript này sẽ tạo ra một đồng hồ kim với giao diện cực đẹp trên trang web của bạn. Tuy nhiên mặt hạn chế chính là nó sử dụng một ảnh nền với kích thước rất lớn, lên đến 512x512 điểm ảnh, do đó bạn sẽ không thể thay đổi kích thước; bù lại mã nguồn cài đặt lại khá đơn giản, chỉ với một vài dòng mã lệnh.

Nếu muốn, bạn có thể thưởng thức thêm các hiệu ứng JavaScript khác tạo đồng hồ tuyệt đẹp có trên jsB@nk:

- Đồng hồ kim cực đẹp với Raphael và jQuery
- 10 tài nguyên JavaScript tạo đồng hồ tuyệt đẹp
- CoolClock: Đồng hồ kim tuyệt đẹp với JavaScript


JavaScript hướng đối tượng tạo chữ động kiểu đánh máy Đoạn mã JavaScript này sẽ làm cho các dòng chữ xuất hiện theo kiểu đánh máy văn bản nhưng cải tiến hơn ở chỗ nó sẽ không bắt buộc người dùng chờ để hiển thị; nghĩa là mỗi khi người dùng rê chuột vào các tiêu đề, nó sẽ lập tức hiển thị toàn bộ nội dung.

Ngoài ra mã nguồn JavaScript này còn được lập trình với các kĩ thuật OOP và DOM, rất hữu ích dành cho những ai đang quan tâm đến các kĩ thuật này.

Hãy thưởng thức thêm các hiệu ứng JavaScript tạo chữ đánh máy tuyệt đẹp khác trên jsB@nk:

- Chữ chạy kiểu đánh máy với sự kiện onClick
- Chữ động kiểu gõ phím
- Chữ cuộn kiểu đánh máy
- Chữ kiểu đánh máy và di chuyển


Danh mục: Chữ, Gõ chữ

Calc4Chem: Máy tính khoa học tuyệt vời dành cho Vật lý và Hóa học Đây là hiệu ứng JavaScript tạo một máy tính bỏ túi cực kỳ mạnh mẽ với rất nhiều chức năng như một máy tính khoa học thực sự: tính sin, cos, log, ...

Bên cạnh đó nó còn nhiều tính năng cực kì mạnh mẽ và hữu ích như lưu lại các hoạt động tính toán của chúng ta, cung cấp danh sách rất nhiều hằng số của hai lĩnh vực Vật lý và Hóa học, ...


Danh mục: Tính toán, Máy tính

JsTetris: Xếp gạch cực cool với JavaScript Có lẽ chúng ta không lạ gì với trò chơi xếp gạch (Tetris) này sự quá nổi tiếng của nó, ra đời cùng thời đại với Mario (tính đến thời điểm này là trên 25 năm) và cũng rất nổi tiếng như Mario. Tetris có mặt lần đầu tiên là vào năm 1984, hiện tại có hơn 125 triệu bản đã được phát hành trên tất cả các hệ máy chơi game.

Tetris - một trò chơi trí tuệ cực phổ biến - cũng đã có mặt trên jsB@nk từ những ngày đầu mới thành lập, với các hiệu ứng như:

- JavaScript Xếp gạch cao cấp
- JavaScript Xếp gạch
- JavaScript Trò chơi xếp gạch

Hôm nay jsB@nk muốn giới thiệu với bạn thêm hiệu đoạn mã JavaScript khác để tạo trò chơi Tetris cực kì độc đáo trên trang web.


JavaScript theo ngày


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web