jsPsych 從入門到通

1 章關於jsPsych 1  
1.1 什麼是jsPsych 1  
1.2 為什麼要使用jsPsych 2  
1.3 如何學習jsPsych 7  
1.4 為什麼要使用jsPsych 7.x 版本（選讀） 8  
1.5 小結9  
2 章HTML 基礎10  
2.1 HTML 簡介10  
2.2 開發環境11  
2.3 VsCode 的用法（選讀） 11  
2.4 HTML 初始代碼16  
2.5 註釋18  
2.6 jsPsych 中常用的HTML 標籤18  
2.7 小結28  
3 章CSS 基礎30  
3.1 CSS 的語法30  
3.2 jsPsych 中常用的CSS 樣式38  
3.3 小結56  
4 章JavaScript 基礎（一） 59  
4.1 JavaScript 簡介59  
4.2 變量62  
4.3 數據類型65  
4.4 相關閱讀78  
4.5 小結79  
5 章JavaScript 基礎（二） 80  
5.1 分支語句80  
5.2 循環語句86  
5.3 函數90  
5.4 異步（選讀） 95  
5.5 小結101  
6 章使用JavaScript 作網頁103  
6.1 獲取頁面上的元素103  
6.2 修改、獲取元素的屬性105  
6.3 動態添加、移除元素110  
6.4 s件111  
6.5 使用原生JavaScript 編寫簡單反應時實驗114  
6.6 小結124  
7 章jsPsych 初體驗126  
7.1 使用jsPsych 重寫簡單反應時實驗126  
7.2 理解使用jsPsych 搭建實驗的理念132  
7.3 小結133  
8 章時間線變量135  
8.1 時間線的嵌套135  
8.2 時間線變量137  
8.3 時間線變量的隨機化139  
8.4 動態參數143  
8.5 小結145  
9 章jsPsych 中的事件147  
9.1 單一試次相關的事件147  
9.2 子時間線相關的事件149  
9.3 全局生效的事件152  
9.4 生命週期158  
9.5 小結161  
10 章使用插件162  
10.1 所有插件通用的參數162  
10.2 獲取鍵盤按鍵的插件167  
10.3 預加載靜態資源176  
10.4 獲取鼠標點擊的插件179  
10.5 通過滑動條作答的插件184  
10.6 繪製複雜的刺激--使用canvas 187  
10.7 問捲編制194  
10.8 進入/退出全屏206  
10.9 根據瀏覽器剔除被試208  
10.10 關於學習插件的建議211  
10.11 小結214  
11 章自定義實驗215  
11.1 修改實驗外觀215  
11.2 實驗的配置項218  
11.3 自定義數據225  
11.4 增強試次功能240  
11.5 模擬模式242  
11.6 小結245  
12 章jsPsych 實驗的部署246  
12.1 使用Cognition 部署實驗246  
12.2 使用腦島部署實驗252  
12.3 對比Cognition 和腦島260  
12.4 小結260  
13 章應用：編寫jsPsych插件262  
13.1 簡單認識JavaScript 中的class 262  
13.2 jsPsych 插件的基本結構267  
13.3 實現一個插件270  
13.4 小結284