姜绍彬
北京师范大学心理学部直博，熟练使用JavaScript、TypeScript、MATLAB、Python、Dart等语言和Electron、Django、Flutter等框架，以及jsPsych和PsychToolbox等心理学实验编程工具；曾独立完成jsPsych官方文档的中文翻译，开展jsPsych培训课程，并在知乎上发布相关系列教程。

蒋挺
北京师范大学心理学院副教授、发展与教育心理学博士。主讲“教育心理学”“实验心理学实验“和“MATLAB高级实验编程技术”等课程，致力于推动心理学本科生课程改革，通过培养学生的编程技术来提升他们的快速学习能力和问题解决能力。在基础认知心理学、游戏心理学和人因工程等领域开展了多个科研项目，并发表多篇高水平论文。

第 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　事件　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