No video

Learn JavaScript in Articulate Storyline 360 in 20 Minutes

In this 20-minute tutorial, you will learn how to use JavaScript in Articulate Storyline 360 to create interactive and engaging e-learning content. Discover how to implement looping animations, utilize slide elapsed time variables, and enhance your instructional design skills. Whether you are new to e-learning development or looking to level up your Articulate Storyline abilities, this tutorial is perfect for you. Watch now to master Articulate Storyline 360 and take your e-learning projects to the next level!
If you would like learn more visit learningdojo.n....
Chapters
0:00 Introduction
0:25 Getting Started with JavaScript
1:05 Exploring the example
1:21 Getting and Setting Variables
2:16 Adding the JS trigger
2:36 Basics components of websites
3:36 JavaScript alerts
4:31 Previewing JavaScript
5:37 Resources for more JavaScript
6:31 Getting variable information
10:24 Updating the variable
13:45 Pushing the variable to Storyline
16:49 Wrap Up

Пікірлер: 107

  • @tylergarrison3654
    @tylergarrison36547 ай бұрын

    I'd be interested in a full course on practical JS applications in storyline

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    Sweet thank you for saying!

  • @SpeakingAmericanTruth

    @SpeakingAmericanTruth

    4 ай бұрын

    That makes two of us!

  • @MichaelSongOfficial

    @MichaelSongOfficial

    8 күн бұрын

    @@SpeakingAmericanTruth three of us haha

  • @elmirinsapov
    @elmirinsapov20 күн бұрын

    Hey Jeff! The idea of creating a course on Javascript in Storyline is awesome. Looking forward!

  • @LearningDojo

    @LearningDojo

    16 күн бұрын

    In the works!

  • @edge9751
    @edge97512 ай бұрын

    Hey thanks so much for this tutorial! I'm currently working on an instructional design portfolio project, ans Storyline sometimes just gives me headaches, especially when working with video and animations. This gives me hope that I'll be able to go beyond what limited functionality Storyline gives me with the triggers. Thanks!

  • @LearningDojo

    @LearningDojo

    Ай бұрын

    Glad to hear that and yes the limitations of Storyline in animations is hard. GSAP does help.

  • @ratrahan
    @ratrahanАй бұрын

    I would definitely be interested in a course on Javascript with Storyline. Thank you!

  • @LearningDojo

    @LearningDojo

    29 күн бұрын

    In the works!

  • @HeyitsLalalyka
    @HeyitsLalalyka7 ай бұрын

    Yay! I was hoping you would cover this! Thank you for all that you do.

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    You are so welcome! My pleasure!

  • @Cali4niaZonin
    @Cali4niaZonin17 күн бұрын

    Hey Jeff! I would love to see a course on using JavaScript in Storyline 360!!

  • @LearningDojo

    @LearningDojo

    16 күн бұрын

    In the works!

  • @carllewis4386
    @carllewis43867 ай бұрын

    Hey jeff, I would love to see a Java script course showing how to specifically use it in Storyline, any update on this?

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    This video was just posted a few weeks ago. Had some good response so I for sure see the need for the course. I am currently working on a Camtasia certification course for TechSmith, then plan to overhaul my basic Storyline course and then probably dive into the JavaScript and Storyline course after that so may be Q2 or Q3 of this year before it comes out.

  • @leesnibley
    @leesnibley3 ай бұрын

    I would love to learn more about using JavaScript in Storyline 360.

  • @LearningDojo

    @LearningDojo

    3 ай бұрын

    In the works!

  • @user-my3ll6fu3w
    @user-my3ll6fu3w7 күн бұрын

    Do we have a course for practical applications of JS in storyline yet? I d be very interested

  • @LearningDojo

    @LearningDojo

    6 күн бұрын

    It's in the works! Still in planning stages but once I finish up recording my other course this will be the next main focus.

  • @JustJessee
    @JustJessee9 күн бұрын

    Why didn't the updatedNum part need to be in quotation marks like the "variableTest" needed to be in? player.SetVar("variableTest", updatedNum);

  • @LearningDojo

    @LearningDojo

    9 күн бұрын

    Because updatedNum is a variable name coming from the line of code above. The quotes are because you are passing the info back to Storyline. Just a formatting requirement.

  • @j.c.d.7303
    @j.c.d.73033 ай бұрын

    Looking for info on using js to change player style. Need to show hide menu items. Is this possible? Havent found a tut yet.

  • @LearningDojo

    @LearningDojo

    3 ай бұрын

    Oh like hide/remove and chance color in the player settings? That is done within the player settings button when you are on the home tab.

  • @MichaelSongOfficial
    @MichaelSongOfficial8 күн бұрын

    I believe we have been looking for rooms to go for a full course on Practical JS application in Storyline. I've been following you on the Udemy.

  • @LearningDojo

    @LearningDojo

    6 күн бұрын

    It's in the works! Still in planning stages but once I finish up recording my other course this will be the next main focus.

  • @MichaelSongOfficial

    @MichaelSongOfficial

    6 күн бұрын

    @@LearningDojo cheer for the good work

  • @UncommonSense1776
    @UncommonSense17767 ай бұрын

    Yep, interested in how and what we can do in Storyline 360 using javascript.

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    Thanks for letting me know!

  • @UncommonSense1776
    @UncommonSense17766 ай бұрын

    Something that would be helpful is to get an idea of what can be done with JavaScript in Storyline. What sort of things can be done that are actually useful and then how do you do them. Thanks

  • @LearningDojo

    @LearningDojo

    6 ай бұрын

    I have a whole playlist with examples of what you can do kzread.info/dash/bejne/hXiT1MWpirK7mbw.html

  • @barmazuz-technologyinstruc537
    @barmazuz-technologyinstruc5375 ай бұрын

    I use Storyline all the time but I am no programmer, I'd love to have a video with explanation about JavScript and how it applies to Storyline!

  • @LearningDojo

    @LearningDojo

    5 ай бұрын

    I am working on a course that will cover this but Storyline essentially publishes websites because they are websites they are HTML, CSS and JavaScript. HTML is the structure of a website, CSS is the style and JavaScript is how the Website behaves. By added on our own JavaScript we are able to go beyond the functionality Storyline provides. Hopes that helps some.

  • @alejandraramirez7838
    @alejandraramirez78385 ай бұрын

    Hey Jeff, please make the course on JavaScript basics that I can use in Storyline.

  • @LearningDojo

    @LearningDojo

    5 ай бұрын

    In the planning stages!

  • @ChristopherAdams-hc5uv
    @ChristopherAdams-hc5uv7 ай бұрын

    Hey Jeff, please add me to the list for a JavaScript video! This tutorial was easy to follow but without a base of JavaScript knowledge it’s hard to picture a real life application. Thanks!

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    Great! I am starting to plan this already.

  • @ksaravan910
    @ksaravan9102 ай бұрын

    I would also be interested in this course!

  • @LearningDojo

    @LearningDojo

    2 ай бұрын

    Awesome! One I am done with updating my basic Storyline course then I will get started on this.

  • @user-cm9co3ob3g
    @user-cm9co3ob3g4 ай бұрын

    I'd love a JavaScript in Storyline course

  • @LearningDojo

    @LearningDojo

    4 ай бұрын

    In the works!

  • @amyhao920
    @amyhao9207 ай бұрын

    Definitely interested. Thank you so much for sharing your knowledge and expertise!

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    Yeah my pleasure!

  • @ChristinaKaough
    @ChristinaKaough3 ай бұрын

    I am interested! I am working on a project to add speech to text in storyline. I would love to get your insights on how to make that happen.

  • @LearningDojo

    @LearningDojo

    3 ай бұрын

    I could look into this possibly for this course

  • @ChristinaKaough

    @ChristinaKaough

    3 ай бұрын

    @@LearningDojo That would be great!

  • @johnrussouw3507
    @johnrussouw35072 ай бұрын

    How would you store a variable using SL and js in a user's browser using localStorage so that you can pass the same variable when starting a new course in a different SL build?

  • @LearningDojo

    @LearningDojo

    2 ай бұрын

    Hmm, great question. That may be a good future video topic. You have to trigger a JS trigger that gets the variable from SL and then saves it into LocalStorage before the course closes. Then once the new course loads you would have to check the local storage if if there is local storage then you set the variable within the new Storyline course. I added that in my backlog for a future video. Thanks for the idea!

  • @johnrussouw3507

    @johnrussouw3507

    2 ай бұрын

    @@LearningDojo I tried this and failed, my js knowledge isn't any good. This is the code I used: // Ensure that Storyline Player is available var player = GetPlayer(); // Retrieve the value of the variable CharacterSelection from Storyline var characterSelection = player.GetVar("CharacterSelection"); // Store the value in localStorage localStorage.setItem("CharacterSelection", characterSelection); Retrieve the Variable from localStorage; // Ensure that Storyline Player is available var player = GetPlayer(); // Retrieve the value from localStorage var savedSelection = localStorage.getItem("CharacterSelection"); // Check if there is a saved value and set it back to the Storyline variable if (savedSelection !== null) { player.SetVar("CharacterSelection", Number(savedSelection)); } I am thinking It needs to be hosted on the same server in order for it to actually work.

  • @chrismalisilver
    @chrismalisilver3 ай бұрын

    Hi, that would be really nice if you could do a JS applications in storyline

  • @LearningDojo

    @LearningDojo

    3 ай бұрын

    In the works!

  • @jacobholmberg305
    @jacobholmberg3057 ай бұрын

    The biggest issue I have is finding inspiring code from GITHUB but not knowing where to begin to put it into a storyline file. I'm wondering if you could show the different ways js and storyline can interact, and what code in the JS is needed and what variables, triggers, accessibility names are needed in SL.

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    I do have whole playlist that does share various examples kzread.info/dash/bejne/hXiT1MWpirK7mbw.html. Also plan on creating more so stay tuned.

  • @jbwestcott2105
    @jbwestcott210516 күн бұрын

    Very interested in a course in JS for Storyline.

  • @LearningDojo

    @LearningDojo

    16 күн бұрын

    In the works!

  • @eswarkumarkantheti
    @eswarkumarkantheti7 ай бұрын

    Very Nice! Thank you for sharing this video.

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    Thanks for watching!

  • @dinamomen3830
    @dinamomen38307 ай бұрын

    Hey Jeff! Would definitely be interested in a full JavaScript application inside Storyline Course!

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    Noted! Thank you!

  • @bradgiorio3804
    @bradgiorio38044 ай бұрын

    I am interested in you creating a JavaScript course for Storyline 360.

  • @LearningDojo

    @LearningDojo

    4 ай бұрын

    Just wrapping up a course now, then I am updating my basic storyline course which should not take long and then that one is right after!

  • @glendadehoff1973
    @glendadehoff19737 ай бұрын

    I would be interested in a Storyline and JavaScript course.

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    Thanks for letting me know!

  • @user-zx6st1ni5p
    @user-zx6st1ni5p7 ай бұрын

    Hey Jeff I'm interested in the JS course

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    Noted. Thanks!

  • @aha_xchange
    @aha_xchange7 ай бұрын

    Please let me know if you create a course to explain how to enhance Storyline with Java!

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    It is in the works but may take a bit.

  • @rachelrolader8997
    @rachelrolader89974 ай бұрын

    Definitely interested!

  • @LearningDojo

    @LearningDojo

    4 ай бұрын

    In the works!

  • @Educraft
    @Educraft7 ай бұрын

    Excellent break down, Jeff!

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    Thank you!

  • @leadabilityvideos2114
    @leadabilityvideos21145 ай бұрын

    I'd be interested in a course on JS!

  • @LearningDojo

    @LearningDojo

    4 ай бұрын

    In the works!

  • @charlesalexandre7705
    @charlesalexandre77054 ай бұрын

    Can't wait that course about JS in Storyline (:

  • @LearningDojo

    @LearningDojo

    4 ай бұрын

    I am just wrapping up my Camtasia certification course and then will get started on development of this!

  • @GarethCroft
    @GarethCroft7 ай бұрын

    Great video Jeff, it was quite hard to follow though because of the constant fast transitions between the screen recording - might be better just to keep the screen recording up longer. Helpful video though thanks. :)

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    Yeah I sometimes get over ambitious and switch back every time I look at the camera but I’ll try to remember to do that less. Thanks for the good feedback.

  • @glendadehoff1973

    @glendadehoff1973

    7 ай бұрын

    Pause the video.

  • @heatherg4950
    @heatherg49506 ай бұрын

    Please make that course!

  • @LearningDojo

    @LearningDojo

    6 ай бұрын

    I am going into planning phase on this! Thanks for your feedback

  • @rebeccalawrence4381
    @rebeccalawrence43814 ай бұрын

    How would you use a "alert" to tell someone to do something before clicking the next button.

  • @LearningDojo

    @LearningDojo

    3 ай бұрын

    This might help. Mostly it is through layers that you can do it kzread.info/dash/bejne/qaafypSChsTZhc4.html

  • @rebeccalawrence4381

    @rebeccalawrence4381

    3 ай бұрын

    @@LearningDojo yea i know how to use the layers I was just interested in making pop up box look smaller and more slick. also ppl are more used to those alert boxes then a layer popping up. and some of our materials are complex and a instruction pop up for each slide is annoying and time consuming. Thought i would give java a try

  • @LearningDojo

    @LearningDojo

    3 ай бұрын

    @@rebeccalawrence4381 Ah yes, yeah you could try a JavaScript alert. I have customized those though so not sure but may be something I can look into.

  • @rebeccalawrence4381

    @rebeccalawrence4381

    3 ай бұрын

    @@LearningDojo that would be cool I think it would be more intuitive to a learner since most alerts that you did something wrong in software and online are basically that.

  • @LearningDojo

    @LearningDojo

    3 ай бұрын

    @@rebeccalawrence4381 Yeah agreed. I added it to my backlog to explore more.

  • @michelleej
    @michelleej4 ай бұрын

    I'm interested in that course.

  • @LearningDojo

    @LearningDojo

    4 ай бұрын

    In the works!

  • @WillBachmaneducation
    @WillBachmaneducation4 ай бұрын

    Interested!

  • @LearningDojo

    @LearningDojo

    4 ай бұрын

    In the works!

  • @mahdi.green1997
    @mahdi.green19977 ай бұрын

    Hey Jeff Im interested on Js course

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    Thanks for letting me know!

  • @tonygil8617
    @tonygil86177 ай бұрын

    Jeff let's have a whole course on this

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    Will do!

  • @Flight-Instructor
    @Flight-Instructor7 ай бұрын

    Jeff, I’m also interested in the course, too.

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    Thanks for letting me know!

  • @julianchippendale7078
    @julianchippendale70786 ай бұрын

    Very interested

  • @LearningDojo

    @LearningDojo

    6 ай бұрын

    Thank you!

  • @joachimku2181
    @joachimku21816 ай бұрын

    hey thank you

  • @LearningDojo

    @LearningDojo

    6 ай бұрын

    No problem

  • @hathspider9763
    @hathspider976323 күн бұрын

    I'm interestd in a JavaScript course

  • @LearningDojo

    @LearningDojo

    22 күн бұрын

    In the works!

  • @hathspider9763

    @hathspider9763

    22 күн бұрын

    @@LearningDojo noice!

  • @abionaadekunle6589
    @abionaadekunle65896 ай бұрын

    Hey! I am interested

  • @LearningDojo

    @LearningDojo

    6 ай бұрын

    Awesome! It is in the works

  • @thesugs5766
    @thesugs57667 ай бұрын

    Hey Jeff, please make the course on JavaScript basics that I can use in Storyline.

  • @LearningDojo

    @LearningDojo

    7 ай бұрын

    Thanks!