Part 1: The Basics

Learn the basics of how JavaScript is used in Articulate Storyline to extend and enhance the capabilities of the courses created with this popular e-learning authoring tool.

 ⏰  20 minutes

Troubleshoot Part 1: Initialization and Linking

Ensure proper initialization and linking of Storyline variables, verify the accuracy of JavaScript code for calculations, and conduct tests with known values to confirm the functionality of the 'numbags' output in your project. 

⏰  8 minutes

Part 2: Where's My Coffee?

In this module, participants engage in an interactive game to define and utilize four string variables for different locations, each with a unique description. Interact with markers to change messages upon clicking, identifying one specific location as the spot where coffee is found, which triggers a congratulatory message. The activity is designed to reset each time it’s revisited, ending with a blank page to encourage trying the game without prior knowledge of the solution. 

⏰ 14 minutes

Troubleshoot Part 2: Diagnose and Resolve

Diagnose and resolve issues related to variable definitions, marker functionality, message updates on interaction, and ensure the correct display of the 'found' message upon locating the coffee, all while maintaining functionality to reset the game upon revisit.

⏰ 11 minutes

Part 3: Where is My Coffee This Time?

Explore randomization in e-learning through our "Where Is My Coffee This Time?" module. Learn to utilize JavaScript math functions such as Math.random for generating a random number and Math.floor for rounding it down to select a random location. JavaScript with Storyline can dynamically select coffee locations and update game states, enhancing interactivity and engagement in your courses.

⏰ 13 minutes

Troubleshoot Part 3: Identify and Resolve

Identify and resolve common issues encountered when integrating JavaScript and Storyline to dynamically generate random locations. Cover debugging techniques for JavaScript code, especially focusing on Math.random() and Math.floor(), ensuring variables within Storyline correctly respond to script changes as intended each time a user revisits the module. This session is essential for maintaining the seamless operation and user experience of your interactive e-learning course.

⏰ 6 minutes

Part 4: Double Espresso or "The Hard Stuff"

The "Double Espresso" module introduces essential programming concepts such as data structures, including arrays and objects, alongside control structures like conditionals and loops. Learn how to create and manipulate lists of data, manage complex conditions with if/then/else statements, and efficiently iterate over data using for and while loops. This foundation supports the development of dynamic and interactive functionalities in programming projects, enhancing both the utility and interactivity of applications.

⏰ 31 minutes