精通 reveal.js

這個視頻課程將教你如何使用 reveal.js 創建精美的簡報。

我們將從安裝 reveal.js、創建幻燈片和配置你的簡報的基礎開始。然後，我們將進一步探討更有趣的話題，如展示語法高亮代碼、使用自動動畫讓幻燈片內容動起來，以及使用演講者視圖。在高級視頻中，我們將探索 reveal.js JavaScript API、插件創建和如何自定義鍵盤綁定。（見完整視頻列表。）

這是為誰設計的？

這個課程面向剛接觸 reveal.js 的人，以及那些已經理解基礎但準備探索完整功能集的你。

你需要對 HTML、CSS 和 JavaScript 有基本的了解。HTML 是 reveal.js 的骨幹，在整個課程中廣泛使用。CSS 和 JavaScript 主要用於高級視頻，涵蓋如創建自定義主題、使用 reveal.js API 和編輯源代碼等主題。

誰來講解？

👋 我是 Hakim——一名瑞典前端開發人員和 reveal.js 的創建者。目前在我創辦的 Slides.com 工作——一個基於 reveal.js 構建的簡報平台和圖形編輯器。除此之外，我喜歡在 hakim.se 上進行視覺演示和實驗。

我在 10 年前 (!) 發布了 reveal.js 的第一個版本，當時沒有想到它最終會被成千上萬的人使用。我希望你能加入進來，親身體驗為什麼這麼多人選擇使用 reveal.js 創建他們的簡報！

^$99 ^$79

購買課程

22 視頻
總時長 5 小時 39 分鐘
以高清格式流媒體
以 4K 格式下載
免費更新

課程通過 Gumroad 銷售。購買時將添加增值稅（如果適用）。如果課程不適合你——保證 100% 無條件退款。

起步
起步	時長
安裝 reveal.js 和設置開發伺服器。	5:40
創建幻燈片，互相鏈接並保存草稿。	10:04
配置你的簡報。	8:23
使用垂直幻燈片。	9:05
使用 Markdown 創建幻燈片。	16:34
內容創建
向幻燈片添加文本、圖片、視頻和 iframe。	10:47
使用棧和自動大小文本佈局幻燈片內容。	13:58
全屏背景圖片、視頻、顏色和 iframe。	16:26
展示語法高亮代碼。	21:51
使用 Fragments 逐步構建幻燈片。	13:14
使用 Auto-Animate 動畫幻燈片內容。	17:01
配置與功能
簡報大小和比例。	14:34
幻燈片過渡。	12:36
主題化你的內容並創建你自己的主題。	16:12
演講者筆記和使用演講者視圖。	11:27
幻燈片編號與 URL。	19:55
將你的簡報轉換為 PDF。	10:23
高級 (JS)
初始化和運行多個簡報。	19:06
插件；在哪裡找到以及如何創建它們。	14:52
使用 reveal.js API 控制你的簡報。	40:32
自定義鍵盤快捷鍵。	15:04
與源代碼一起工作。	21:09

精通 reveal.js

這是為誰設計的？

誰來講解？

目錄