Introduction to jsPsych 8.3.0
Learn to create behavioral experiments step by step, starting with Visual Studio Code and basic HTML. Each topic has its own guide and runnable example.
Download and set up the materials
The teaching materials are provided as a ZIP archive that includes both Japanese and English lesson pages. The Japanese lessons and shared sample HTML files stay at the top level of jspsych/; the English lesson pages are in en/. Keep the sample files, dist, and media together at the top level because the samples use relative paths such as dist/jspsych.js and media/ribbon.jpg. Do not move the sample files into en/.
Expected folder structure
jspsych/
├── index.html
├── styles.css
├── vscode.html / hello-world.html
├── fixation.html / image.html
├── audio.html / video.html / gonogo.html
├── sample-*.html
├── dist/
├── media/
└── en/
├── index.html
└── lesson pages (*.html)This ZIP contains a limited set of jsPsych features. For projects that need additional functionality, download the latest release from the official jsPsych website.
Lessons
Run the sample HTML files from the same directory level as the included dist
and media folders.