23/11/2011
1
Đến hẹn lại lên, mỗi khi ngày Giáng sinh sắp đến, jsB@nk sẽ cố gắng đăng vài bài viết về cuộc sống mùa Giáng sinh trong công nghệ số, bạn có thể xem lại các bài viết mà jsB@nk đã viết trong các mùa Giáng sinh trước:
- 25 giao diện WordPress tuyệt đẹp dành cho Giáng sinh
- Các ứng dụng tốt nhất dành cho iPhone trong mùa Giáng sinh
- Các biểu tượng mạng xã hội tốt nhất dành cho Giáng sinh
- 10 bộ đếm đến ngày Giáng sinh đẹp nhất
- Thêm 10 bộ đếm đến ngày Giáng sinh đẹp nhất
Trong bài viết hôm nay, jsB@nk muốn giới thiệu đến bạn các ứng dụng Android được đánh giá là tốt nhất dành cho mùa Giáng sinh 2011, bài này được cộng tác viên của jsB@nk viết cho 9BlogTips.com, bạn vui lòng vào Christmas 2011 Ready with Awesome Android Apps for FREE để xem thêm.
Bài viết này hướng dẫn chúng ta chi tiết cách thức tạo một trình đăng tải tệp tin đơn giản với AJAX. Vui lòng vào trang trong để xem chi tiết hướng dẫn từng bước cùng với mã nguồn JavaScript ví dụ mẫu.
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ề.
Đ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í
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
Tô sáng mã nguồn là một tính năng cực kì hữu ích đối với những trang web hoặc blog chuyên cung cấp mã nguồn, jsB@nk cũng đã từng giới thiệu với bạn rất nhiều thư viện JavaScript, ứng dụng web có khả năng thực hiện nhiệm vụ này rất tuyệt vời thông qua hai bài viết:
- Tô sáng mã nguồn JavaScript và PHP với hàm PHP highlight_string
- 16 công cụ tô sáng mã nguồn miễn phí bằng JavaScript
Thật sự tôi cũng đã có kế hoạch sử dụng tính năng này trên jsB@nk từ hơn 2 năm trước, nhưng vì nhiều lí do khách quan mà vẫn chưa thể áp dụng được dự định này. Nay jsB@nk muốn giới thiệu với bạn thêm một thư viện JavaScript nữa tuy khá đơn giản (chỉ đơn giản so với các thư viện đã giới thiệu ở trên chứ thật ra nó vẫn rất phức tạp) nhưng vẫn làm việc khá hiệu quả.
XML - một kiểu định dạng dữ liệu đang ngày càng phổ biến bởi tính cơ động của nó, những mô tả trực quan của nó đối với dữ liệu làm cho các ứng dụng dễ dàng truy vấn hơn. Định dạng dữ liệu này ngày càng được sử dụng nhiều hơn bởi các ứng dụng web trên nền JavaScript, PHP, .NET, Java, Flash, ... do chúng ta chỉ cần một chuẩn dữ liệu lưu trữ sau đó truy vấn trên mọi nền tảng.
Hầu hết các công cụ phát triển web cũng đều có những thư viện (hàm hoặc đối tượng) chuyên dụng để xử lí dữ liệu dạng XML này, bên cạnh đó các nền tảng khác như WordPress, Zend, Joomla, ... cũng xây dựng riêng các thư viện để xử lý XML; điều này đủ để chứng tỏ tính hiệu quả của dạng dữ liệu XML mà jsB@nk đang nói ở trên.
Tuy nhiên, lĩnh vực XML rất rộng lớn, có rất nhiều quyển sách nói về XML có số trang lên đến vài nghìn; đó không phải là điều jsB@nk muốn đề cập đến trong bài viết này. jsB@nk chỉ muốn giới thiệu với bạn một ứng dụng JavaScript đơn giản để thực hiện việc xuất dữ liệu ra dạng XML. Bạn vui lòng vài trang ví dụ mẫu JavaScript để xem chi tiết hướng dẫn, giải thích ngắn: bên trái là một đoạn JavaScript mẫu, bên phải là kết quả xuất.
Thêm một đoạn mã JavaScript đơn giản nữa để thực hiện hiệu ứng ẩn/hiện một layer khi người dùng nhấn chọn vào một liên kết được chỉ định. Trong ví dụ mẫu JavaScript lần này, hiệu ứng được thực hiện với các bình luận của một bài viết.
Tương tự như các hiệu ứng tạo popup nội đã từng giới thiệu trên jsB@nk:
- GreyBox: Công cụ tạo cửa sổ popup tuyệt đẹp
- Cửa sổ popup tự động trượt
- Popup nội với cookie
- Popup luôn ở phía trên
Nhưng hiệu ứng này lại đơn giản hơn rất nhiều với chỉ vài dòng mã lệnh JavaScript. Rất phù hợp nếu bạn chỉ cần một popup đơn giản và làm việc hiệu quả.
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.
