JavaScript Fundamentals for Articulate Storyline 360

Name: JavaScript Fundamentals for Articulate Storyline 360
Rating: 4.7 (7 reviews)

Get started with JavaScript while learning how to customize Storyline.

Created byJeff Batt

Last updated 1/2026

English

What you'll learn

The Basics of JavaScript
How JavaScript Works in Articulate Storyline
How to Create Custom JavaScript Code for Storyline
How to Use AI to Help Generate Code

Course content

14 sections • 163 lectures • 15h 46m total length

Welcome0:51
About this Course3:45
About Me3:15

Module Introduction0:48
Why Learn JavaScript in Storyline3:02
Publishing Out Storyline Files4:40
HTML, CSS and JS and How they Work10:39
Writing Your First Line of JavaScript5:27
CodePen Link: https://codepen.io/Jeff-Batt/pen/JjgxrpO
Adding JavaScript Inside Storyline4:17
External JavaScript in User.js2:46
JavaScript Events6:37
Code Used in Video:
function runCode() {
alert("Hello");
alert("Jeff");
}
Adding JavaScript On Published Files6:19
Using the Storyline Console6:25
Module Conclusion0:33

Module Introduction0:44
Logging to the Console4:35
Creating Variables with Let3:57
Creating Variables with Const5:43
Overview of Conditions7:22
if statements5:11
Data Types and Values9:55
Working with Variables: Numbers12:05
In Action: Working with Number Variables8:41
Working with Variables: Strings8:32
String Templates3:34
In Action: Working with Strings4:43
Working with Variables: Booleans3:23
In Action: Booleans5:15
Module Conclusion1:09

Module Introduction0:44
Reviewing How to Add JavaScript to Storyline6:52
Reviewing Events in Storyline8:37
How JavaScript Triggers Work in a Storyline Course8:46
Referencing the Player6:51
Getting a Variable from Storyline11:48
Setting Variable in Storyline Course2:49
Working More with Variables & Complex Math11:36
Referencing Storyline Objects9:02
Elevating Functions6:59
Trying to Adjust CSS Properties1:57
Module Conclusion1:04

Module Introduction0:59
Exploring What's Possible in the Storyline API9:04
Referencing Objects2:41
Object Properties: Scale, Position, Rotation and Opacity9:08
Object Properties: Depth Order, Size, Width & Height7:15
Object Properties: State Changes8:49
Core Functions: Mouse Info5:34
Clore Functions: Slide Info4:25
Core Functions: Update2:45
Snippets: Follow the Pointer7:57
Snippets: Rotate Based on Variable7:06
Snippets: Follow the Mouse6:57
Snippets: Point at the Mouse7:00
Snippets: Parallax Motion6:31
Update: Move To4:14
Animation: Basics7:38
Add to Timeline2:40
CSS Style Access5:29
Module Conclsuion1:11

Requirements

Basic Knowledge of Articulate Storyline 360

Description

Are you ready to unlock the power of JavaScript to elevate your instructional design skills and create customized, interactive learning experiences in Articulate Storyline 360? This hands-on course is designed for instructional designers and eLearning developers with little to no JavaScript experience who want to integrate this powerful tool into their eLearning projects.

This course takes you step-by-step from understanding JavaScript fundamentals to applying them directly in Articulate Storyline. Whether you want to enhance functionality, build advanced interactions, or better control your projects, this course will give you the skills and confidence to make it happen.

Why Choose This Course?

By enrolling, you’ll gain access to a growing library of practical lessons tailored to Articulate Storyline users. You’ll be part of an Storyline and JavaScript community, receiving new modules and updates as they’re released. Plus, each module is packed with real-world examples to help you apply what you learn immediately to your Storyline Courses.

Who is this for?

This course is perfect for instructional designers, eLearning developers, and anyone looking to expand their technical skills and bring a whole new level of interactivity to their learning experiences.

Who this course is for:

Learning Developers
Articulate Storyline Developers
Elearning Developers
Instructional Designers

JavaScript Fundamentals for Articulate Storyline 360

What you'll learn

Explore related topics

Course content

Course Introduction3 lectures • 8min

Articulate Storyline Published Files11 lectures • 52min

JavaScript Basics8 lectures • 36min

Working with Variables & Conditionals15 lectures • 1hr 25min

Controlling When Code Runs with Functions and Events12 lectures • 1hr 25min

Arrays, Loops and Iterations12 lectures • 56min

Objects, More on Arrays and Sets14 lectures • 1hr 25min

JavaScript within Storyline Basics12 lectures • 1hr 17min

Some Advanced JavaScript and Using AI to Code JavaScript12 lectures • 1hr 28min

Storyline's JavaScript API19 lectures • 1hr 47min

Requirements

Description

Who this course is for: