Blog Post

Articles
2 MIN READ

Introduction to JavaScript for E-Learning

ZsoltOlah's avatar
ZsoltOlah
Super Hero
9 years ago

Have you heard e-learning developers talking about JavaScript? Are you wondering what all the fuss is about? Good news! This is the intro you need to understand what JavaScript is, why it’s relevant to e-learning, and how you can get started using it to create dynamic e-learning with Articulate Storyline.

What’s JavaScript and Why Is It Useful for E-Learning? 

JavaScript is a computer programming language developers use to make websites interactive. How does that help your e-learning courses? Well, let’s imagine for a second that Mr. JavaScript is applying for a position at Storyline Corp. The hiring manager and Mr. Player are eager to learn if Mr. JavaScript is the right choice: 

 If Storyline Corp. hires Mr. JavaScript, they’ll be able to use his expertise to help Mr. Player do even more. Let’s take a closer look.

Why Would You Use JavaScript?

Storyline lets you create dynamic interactions with the combination of triggers, actions, conditions and variables. That’s all available for you, out of the box, without JavaScript. Why would you use JavaScript then?

JavaScript lets you do things to extend the power of the built-in tools in Storyline. For example, augmenting Storyline with JavaScript lets you create math functions such as generating random numbers, rounding numbers up or down, working with dates and time, and more. String functions are also powerful in JavaScript. String functions are things like splitting text to count the number of words, searching and replacing text, or checking text for keywords.

Storyline's three variable types (number, text, and true/false) require different triggers to execute the actions. This means that when you're building very complex, highly interactive courses you may end up with dozens of triggers in the triggers panel.

Using JavaScript allows you to group a bunch of variables together. This can speed up the course development process and streamline the number of triggers in the triggers panel. In other words, you can accomplish more with fewer lines of code.

Where to Start with JavaScript 

Think of JavaScript as an ally that you can use to strengthen your Storyline power. I would suggest learning the basics of JavaScript before you integrate it into Storyline. It makes debugging easier. Here are some great ways to really get started with JavaScript:

Keep coming back to E-Learning Heroes regularly for more helpful advice on everything related to e-learning. If you have any comments, please share them below.

Published 9 years ago
Version 1.0
  • As I remember HTML5 gives you the content, CSS the layout and Js the behavior. Great post Zsolt, excellent primer for anyone shy about coding.
  • Anne-Seller's avatar
    Anne-Seller
    Community Member
    Thanks for this post, Zsolt! I just signed up with "codecademy.com" and am digging into the "Fundamentals of JavaScript"... I've been wanting to learn JS for ages, so thanks for getting me started! :)
    • ZsoltOlah's avatar
      ZsoltOlah
      Super Hero
      Anne, Awesome! Come back in a week and tell us how it's going!
      • Anne-Seller's avatar
        Anne-Seller
        Community Member
        Well, it’s ten days later and I’ve created variables, discovered if/else and switch statements (my favourite, so far), generated random numbers (very cool), written functions and I even know the difference between global and functional scope. Now I can’t wait to use it all in my next Storyline project! Thanks again, Zsolt for the info – Codecademy’s free „Introduction to Javascript“ course is great! :)
  • Great read and awesome video, Zsolt (I especially like the eye roll at 0:05!)
    • ZsoltOlah's avatar
      ZsoltOlah
      Super Hero
      HR appropriate eye roll. My favorite (just because we had to do so many trainings around interviewing) is the "Tell me about a time when you had to make a hard decision..."
  • Thanks! I mostly wanted to "humanize" the approach, make it memorable. Just enough substance to tease your palate like an appetizer in a tapas bar :) The rest of the meal is on you.
  • SeanOBrien1's avatar
    SeanOBrien1
    Community Member
    Nice elearning about elearning. Kinda off topic. I am currently in the consultation phase of a module that involves sensitive protection issues with children and wanted to do interactive video. I wanted to use video to "humanize the approach" as you did here. But using real live children would be problematic.

    What did you use to do the animation? This isn't 3D Studio or Maya is it?
    • ZsoltOlah's avatar
      ZsoltOlah
      Super Hero
      This is Plotagon (https://plotagon.com/). It's a free application (+ some characters and scenes to buy, very inexpensive). Limitation is that only two characters and they don't really interact with the world. If you nee a little more sophistication, even 3D, try Nawmal (http://www.nawmal.com/)
  • AmanVohra's avatar
    AmanVohra
    Community Member
    Amazing video, it inspired me to work even more with Mr. JavaScript and insert the code into Mr. Player's execute javascript function..lol :)
  • bitashakouri's avatar
    bitashakouri
    Community Member
    hi
    please
    Introducing the script Learning Book?or ebook script storyline?
    thanks