Authors
Video Tutorials
JavaScript For the Rest of Us: The Basics of JavaScript in Storyline 360
Are you curious about using JavaScript in Articulate Storyline but don’t know where to start? Not a programmer? No problem!
In this beginner-friendly session, instructional designer Nathaniel Hilliard walks through the basics of JavaScript with a focus on how to use it in Storyline 360.
You’ll learn what JavaScript is good for (and when to skip it), how to reference and manipulate Storyline variables, and get practical examples like formatting numbers and dates, validating input, and performing custom calculations. Nathaniel also shares tips on debugging and integrating external code, along with a preview of what’s possible as you build your skills.
It’s a great starting point for anyone who wants to add smarter, more customized interactivity to their projects, even without a programming background.
Resources:
- Nathaniel's Presentation
- Get help from others in the JavaScript Group
Previous Sessions
- Part 1: The Basics of JavaScript in Storyline 360
- Part 2: Stepping Up to Intermediate JavaScript in Storyline 360
- Part 3: Getting Creative with Advanced JavaScript in Storyline 360
- Part 4: JavaScript for the Rest of Us: A Practical Example in Storyline 360 with Drag and Drop Cables
Learn JavaScript
Places to learn JavaScript: some free resources, many of the pay sites offer basic and intro content for free
- https://www.freecodecamp.org/learn/
- https://learnjavascript.online/
- https://www.learn-js.org/
- https://www.codecademy.com/catalog/language/javascript
-
Here are some excellent beginner resources for learning JavaScript
- Mozilla Developer Network - the leading resource on JS
- FreeCodeCamp - free course
- Microsoft's Intro to Node.js
- CodeAcademy - intro to javascript - free course
- Odin Project - full stack javascript - free course
- JavaScript for impatient programmers - book
- Eloquent Javascript - book (many people struggle with this book)
- javascript.info - reference resource
- Traversy Crash Course in Javascript - video series
Intermediate/advanced material
- JavaScript Design Patterns - free book
- Professor Frisby's Mostly Adequate Guide to Functional Programming - free book
- What the heck is the event loop anyway? - JSConf talk about the event loop
- Understanding the Weird Parts - paid course covering more advanced topics
- Deep JavaScript: Theory & Techniques - free book
Software
Code Sandboxes
- JS Fiddle
- JS Bin
- CodeSandbox
- CodePen
- Repl.it - node
Other handy sites