Trong bài viết hướng dẫn thực hành JavaScript này, tác giả sẽ cung cấp cho 10 thủ thuật JavaScript đơn giản mà bạn nên nắm vững để làm việc với ngôn ngữ JavaScript lập trình hiệu quả hơn.

Vân đúng vậy, bài viết này cung cấp thêm cho bạn 45 tài nguyên, công cụ và kĩ thuật cực kì hữu ích và thông dụng JavaScript, jQuery và phát triển web. Trong danh sách này, các bạn sẽ xem thêm được các tài nguyên về lịch và ngày tháng, bộ chọn ngày tháng, trình đơn định hướng, nút nhất, kĩ thuật tối ưu hóa tìm kiếm, sắp xếp dữ liệu bảng cùng khác tài nguyên cực kì hữu ích khác. Vui lòng vào trang chi tiết để xem thêm.

Tương tự như trò chơi Đập chuột chũi nhưng Đập mặt cười 1.2 này lại đơn giản hơn với việc thay đổi ảnh các chú chuột chũi bằng các nút nhấn hình mặt cười, mặt khóc, ... và nhiệm vụ của bạn là đập trúng các nút nhấn đại diện cho hình mặt cười trong thời gian cho phép càng nhiều càng tốt.

Đây là một hiệu ứng JavaScript chuyển ảnh cực kì tuyệt vời dùng thư viện jQuery để trình diễn các hoạt hóa. Và bạn vẫn có thể dùng hiệu ứng này để làm một trình diễn ảnh chuyển động (slideshow) hoặc một phòng trưng bày ảnh (gallery) đều được.

Ngay bây giờ, bạn có thể xem trực tiếp cách hoạt động của khung trưng bày ảnh này thông qua ví dụ mẫu JavaScript trực tiếp, và cài đặt cho riêng mình với các mã nguồn JavaScript/CSS/HTML đã được cung cấp sẵn. Hoặc bạn có thể đợi đến bài viết kế tiếp vào ngày mai, jsB@nk sẽ hướng dẫn bạn chi tiết cách tạo hiệu ứng này.

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 khác nữa được giới thiệu trên jsB@nk để tạo một bộ đếm thời gian cực đẹp với giao diện của HTC (một nhà sản xuất điện thoại thông minh rất nổi tiếng của Đài Loan) được xây dựng trên nền tảng jQuery.

Mã nguồn JavaScript của bộ đếm thời gian này đã được xây dựng sẵn, bạn chỉ cần nạp vào trang web và cài đặt chỉ với một vài dòng mã lệnh JavaScript đơn giản. Hãy vào trang ví dụ mẫu JavaScript trực tiếp để thưởng thức hiệu ứng này hoặc xem thêm các bộ đếm thời gian tuyệt đẹp khác đã từng được giới thiệu trên jsB@nk:

- Bộ đếm thời gian độc đáo với jQuery
- Bộ đếm thời gian dạng thanh với jQuery
- Bộ đếm thời gian giảm dần đẹp tuyệt vời

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

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.

Trong các bài viết trước jsB@nk đã giới thiệu với bạn rất nhiều kĩ thuật lập trình JavaScript hữu ích:
- Các kĩ thuật viết mã JavaScript giản lược thiết yếu
- Các thủ thuật JavaScript và jQuery hữu ích
- Vài hướng dẫn JavaScript cơ bản để tối ưu hóa hiệu suất trang web

Hôm nay trong bài viết này, jsB@nk muốn đề cập đến các kĩ thuật lập trình JavaScript giản lược (shorthand); các kĩ thuật này cực kì hữu ích trong việc cải thiện hiệu suất ứng dụng JavaScript, nâng cao kĩ năng lập trình JavaScript mà mỗi lập trình viên JavaScript cần nắm vững.

Bạn đã sẵn sàng để đọc thêm chưa? Hãy để lại bất cứ đề nghị nào trong phần bình luận.

Một đoạn mã JavaScript nhỏ nhưng rất giỏi võ, để tạo một hiệu ứng JavaScript cực kì bắt mắt trên trang web của bạn. Nó sẽ biến đổi một bảng HTML đơn giản thành các ô vuông chớp sáng và đổi màu liên tục. Bạn có thể dễ dàng thay đổi sang dải màu sắc khác với một cú nhấn chuột hoặc cứ đợi hiệu ứng JavaScript này trình diễn.

Một hiệu ứng JavaScript rất đẹp để giới thiệu các sản phẩm nổi bật trên các trang chào đón của bạn. Hãy thử các hiệu ứng tương tự khác:
- JavaScript các ô màu chớp sáng
- JavaScript Colorful Object onMouseover