Community Tutorials¶
If you're interested in learning more about jsPsych, prefer video tutorials, or would like to just see other perspectives on how to use the codebase, we have some community resources that can assist you. If you have an idea for a tutorial to add, if you want to make your own, or if you have found a particularly helpful resource while online, be sure to tell us through our issues board so we may potentially feature it here!
Version 8.x¶
Currently there many aren't any tutorials specific to jsPsych version 8.x due to the relatively recent release date. However, concerning most experiments, the 7.x tutorials should provide plenty of information. Along with this, our migration guide can also assist in bridging the gap, though most breaking changes have to do with plugin development, rather than experiment building.
University of Edinburgh¶
This tutorial provided by the folks at the University of Edinburgh is primarily used for students learning how to construct online experiments with jsPsych, but there is plenty of helpful information on here for anyone. A basic tutorial is initially provided, along with framework-specific topics like timeline variables and factorial design covered here. There are some more advanced tutorials covering participant and condition numbers, among other tutorials that should give you a deeper understanding of JavaScript and our framework.
Version 7.x¶
These tutorials use version 7.x of jsPsych.
jamesbrandscience¶
This very handy website focuses primarily on teaching how to use Cognition.run, a hosting service for jsPsych experiments, in tandem with teaching jsPsych. It is split into an introduction with jsPsych and Cognition.run, the basics of customizing timelines, CSS, and data processing, an overview of a proper experiment with the fullscreen, instructions, and survey-html-form plugins, and finally, a tutorial on using advanced stimuli, such as audio and images. For those interested in contributing to jsPsych, but have limited knowledge of Git and GitHub, there is also a very helpful tutorial for that as well.
Cognition and Learning Lab @ Purdue University¶
Purdue University's Cognition and Learning Lab has a simple tutorial on utilizing jsPsych 7.x. The rest of the tutorials pertaining to jsPsych on this website are written in jsPsych 6.x, but some of the information may still be applicable assuming you have a good grasp on how 7.x works.
Crump Lab @ Brooklyn College¶
The Psyc 2001 course at Brooklyn College used a combination of Quarto, an academic blogging workflow in RStudio, along with jsPsych to create tutorials on setting up a Quarto blog. While most of the advanced posts on the course blog concern data processing and R, the first few tutorials have videos accompanied for a basic overview on web development, our simple reaction time tutorial, and programming a Stroop experiment in jsPsych.
(中文) Resources in Chinese¶
Contributor Shaobin-Jiang has created resources specifically tailored to those who require a Chinese language tutorial, including a full video tutorial and a version of this documentation, in Chinese.
Version 6.x¶
These tutorials use version 6.x of jsPsych, and are not very applicable to the modern patterns of jsPsych. If you are to use this for a starting point, make sure to read the tutorials on this website to understand how 8.x works, watching these videos for any additional information. Some of the content still applies to 8.x and their corresponding plugins, but a solid understanding of the current framework is required in order to make use of the examples in the videos.
YouTube Channel¶
A variety of video tutorials are available on Josh de Leeuw's YouTube channel. Some tutorials walk through creating a basic version of an entire experiment, like the tutorial on creating a dichotic listening experiment aimed at new users. Others focus on specific features of jsPsych, like how to use functions as parameters to create experiments that change in response to participant input or how to create a new plugin.
Workshops¶
Moving Research Online (2020). Recordings from a Summer 2020 workshop on conducting online research are available on the workshop's YouTube channel. Session 1 provides an overview of jsPsych suitable for brand new users. Session 3 covers some more advanced features of jsPsych. This workshop was funded by the National Science Foundation.
babySTEP (2021). The Centre for Comparative Psycholinguistics (CCP, University of Alberta Department of Linguistics) hosted a two-part jsPsych workshop in 2021 as part of their annual STEP program. Day 1 covered the basics of creating a jsPsych experiment, with an emphasis on audio stimuli. Day 2 was organized around pre-submitted questions. The video demonstrates how to create a more complex experiment involving reading a sentence and hearing different audio options for completing the sentences, and answers several questions about timing accuracy, recording participant generated audio, embedding jsPsych into course (or other) websites, and some (non-empirical) advice about attention checks.