Welcome
1
Programming for the Web
1.1
How a website works
1.1.1
“Front end” and “Back end”
1.2
Three languages of the web
1.2.1
HTML
1.2.2
CSS
1.2.3
JavaScript
1.3
Publishing a website
1.4
Tools for web development
1.4.1
Editor
1.4.2
Browser developer tools
1.4.3
SFTP client
1.4.4
Database client
2
The jsPsych Timeline
2.1
Setting up your first experiment
2.1.1
Step 1. Create a folder for your experiment.
2.1.2
Step 2. Download the jsPsych library.
2.1.3
Step 3. Create a new HTML file.
2.1.4
Step 4. Load the jsPsych library.
2.1.5
Step 5. Create a welcome screen.
2.1.6
Step 6. Create a timeline and add the welcome screen.
2.1.7
Step 7. Start the experiment!
2.1.8
The completed experiment.
2.2
How does a jsPsych experiment work?
2.2.1
Plugins
2.2.2
The timeline
2.2.3
Static and dynamic parameters
2.3
Experiment: Demographics questionnaire
3
Timeline Variables
3.1
Timeline Variables
3.2
Combining timeline variables and static information
3.3
Experiment: The Big 5 Personality Inventory
3.4
Experiment: Paired-Associate Learning
4
Working with jsPsych data
4.1
The Structure of jsPsych Data
4.2
Displaying the Data in the Browser
4.3
Saving the Data Locally
4.4
Saving the Data to a server
4.5
Working with Data During the Experiment
4.6
Experiment:
5
Dynamic Parameters
5.1
Experiment: Stroop
6
Event-Related Callback Functions
6.1
Experiment: Flanker
7
Conditional Nodes and Loop Nodes
7.1
Experiment: Lexical Decision with Semantic Priming
7.2
Experiment: Digit Span
8
Using Media Files: Images, Audio, and Video
8.1
Experiment: Matrix Reasoning
9
Randomization and Sampling
9.1
Experiment:
10
Controlling Visual Appearance
10.1
Experiment
11
Modifying and Creating Plugins
11.1
Experiment:
12
jsPsych Extensions
12.1
Experiment: Lexical Competition with the Visual World Paradigm (eye-tracking)
12.2
Experiment: Regressions to Ambiguities During Sentence Reading (MouseView)
13
Incorporating External JS Libraries
13.1
Experiment: Estimating Visual Perception Thresholds with an Random-Dot Kinematogram (RDK) Task
Online Behavioral Experiments with jsPsych
2
The jsPsych Timeline
This chapter describes…