REVEAL.JS THE HTML PRESENTATION FRAMEWORK

1. Giới thiệu Reveal.JS

Trong bài viết lần này, mình xin được giới thiệu với các bạn một công cụ xây dựng các bài trình chiếu đang được sử dụng rộng rãi tại các conference công nghệ. Đó là Reveal.js

Được tạo ra bởi @hakimel , đây là một dự án mã nguồn mở reveal.js với 51.8k stars trên Github.

Để sử dụng được công cụ này, người dùng cần có hiểu biết về HTML, CSS và Javascript. Nếu bạn không tự tin về kỹ năng code HTML, CSS và JS của mình, creator của RevealJS có cung cấp một nền tảng (có thu phí) cho phép bạn tạo ra các bài trình chiếu vô cùng ấn tượng, nền tảng đó là Slides.

2. Những ưu điểm của Reveal.JS này

  1. Bài trình chiếu được xây dựng trên nền tảng công nghệ HTML, CSS và JS. Nó như một trang web tĩnh, điều này đồng nghĩa, chỉ cần máy tính của bạn có cài đặt một trình duyệt (bất cứ trình duyệt nào, Chrome, Firefox, Safari,...) đều có thể mở bài trình chiếu này lên. Ưu điểm này cho phép RevealJS chạy trên đa nền tảng - không phụ thuộc vào hệ điều hành. Bạn thậm chí còn có thể xem các bài trình chiếu trên smartphone, chỉ đơn giản như xem một trang web.
  2. Miễn phí. Điều này là điều mình cực thích, vì là một developer, mình có thể code HTML, CSS và JS, nên việc có một công nghệ cho phép tạo bài trình chiếu như RevealJS thì quá tuyệt, Mình không cần phải cài PowerPoint hay bất cứ phần mềm tạo bài trình chiếu nào khác.
  3. Mới mẻ. Đây cũng là một phần quan trọng. Nó mang đến một luồng gió mới cho việc presentation, vốn dĩ đã tồn tại trong một thời gian quá dài, vô hình khiến người xem có phần nhàm chán. Các bài trình chiếu được tạo ra bởi RevealJS thật sự khiến người xem tập trung vào bài thuyết trình được lâu hơn.
  4. Mã nguồn mở. Điều này cho phép người dùng (là developers) có thể tham gia đóng góp, chỉnh sửa, thêm tính năng cho framework. Với những người dùng không chỉ dừng lại ở việc sử dụng công cụ, mà còn thích cải thiện, xây dựng công cụ, thì điều này quả thật quá tuyệt vời.

3. Cài đặt và sử dụng

Hướng dẫn về cài đặt RevealJS được mô tả rất chi tiết tại trang web chính thức. Installation. Tổng cộng có 3 cách để cài đặt RevealJS, ở bài viết này, mình sẽ hướng dẫn các bạn cách đơn giản nhất.

  • Bước 1: Download phiên bản gần nhất của reveal.js tại https://github.com/hakimel/reveal.js/archive/master.zip
  • Bước 2: Giải nén và thay thế nội dung của file index.html tùy theo ý muốn của bạn
  • Bước 3: Mở file index.html này lên bằng trình duyệt.

DONE!!

4. Demo

Đây là một video ví dụ về RevealJS được sử dụng tại các Conference lớn. Cụ thể trong video là bài Presentation - 25 years of PHP của Rasmus Lerdorrf (người tạo ta PHP).

5. Kết

Cá nhân mình cảm thấy rất thích style của các bài trình chiếu được tạo ra bởi RevealJS. Nó mới, nó đơn giản, quan trọng là nó miễn phí. Hy vọng sau bài giới thiệu này, sẽ có nhiều bạn thử trải nghiệm và sử dụng nó để tạo ra các bài Presentation ấn tượng. Rất cảm ơn các bạn đã đọc bài viết.