Free Video Course

Articulate Storyline 360 Video Tutorials: From Basics to Advanced JavaScript

Learn how to design, develop, and publish interactive, SCORM-compliant digital learning experiences with free video lessons and agency-proven workflows.

Transform Your Instructional Design Capabilities

Whether you are an instructional designer, corporate L&D manager, or beginner eLearning developer, mastering Articulate Storyline 360 gives you full control over dynamic digital learning environments.

At Swift eLearning Services, we've structured our free, self-paced video catalog to take you from initial interface navigation to complex conditional logic, custom media control, and advanced JavaScript triggers used in enterprise L&D projects.

Key Highlights

  • 100% Free Video Library
  • Real-World Agency Workflows
  • SCORM and xAPI Ready
  • Unlimited Lifetime Access

What You Will Master in This Training Series

Level 1: Foundations

Interface, Layouts, Player Setup and Quizzing Mechanics.

Level 2: Interactivity

Triggers, Variables, State Logic and Dynamic Branching.

Level 3: Advanced and JS

Custom Timers, JavaScript, Accessibility and LMS Export.

Core Learning Objectives

Interface Mastery and Layouts

Navigate Storyline 360 efficiently, configure slide properties, and customize player controls for desktop and mobile devices.

Interactive Objects and Layers

Utilize slide layers, custom triggers, multi-state objects, hover effects, and drag-and-drop mechanics.

Assessments and Knowledge Checks

Design engaging multiple-choice, drag-and-drop, and fill-in-the-blank assessments with adaptive feedback.

Dynamic Logic and Variables

Build adaptive, personalized learning paths using text, number, and Boolean variables.

Advanced JavaScript Integration

Implement custom countdown timers, dynamic audio/video speed sliders, and dynamic username capture via custom scripts.

LMS Compatibility and Accessibility

Ensure compliance with SCORM 1.2/2004, xAPI, cmi5, and WCAG/Section 508 accessibility standards.

Technical Prerequisites

To follow along with these practical video tutorials, we recommend having:

  • A computer connected to the internet to access online videos.

  • An active trial or full license of Articulate 360 software installed on your computer.

Complete Video Tutorial Curriculum

Level 1: Foundations and Core Setup

01Module 1: Introduction to Articulate Storyline 360
  • Introduction to Storyline 360: Learn the essentials of Storyline 360, a powerful eLearning tool for creating interactive, SCORM-compliant courses. Explore its intuitive interface, quiz features, simulations, and mobile-friendly design.
02Module 2: Slide Types and Properties
  • Slide Types 1 – Introduction: Explore the different types of slides available in Storyline 360 and how to use them to build effective eLearning experiences.
  • Slide Types 2 – Content Library Assets: Discover how to maximize Storyline 360's Content Library by using pre-built templates, characters, and icons to speed up development.
  • Slide Types 3 – Custom Templates: Learn how to create, save, and reuse custom slide templates in Storyline 360 for consistent corporate branding.
  • Slide Types 4 – Basic and Custom Layouts: Explore slide customization options in Storyline 360, including dynamic interactions, animations, and responsive layout strategies.
  • Slide Types 5 – Quizzing Slides: Master the creation of engaging quizzes in Storyline 360, including multiple-choice, drag-and-drop, and fill-in-the-blank assessments.
  • Configuring Slide Properties: Learn how to configure slide properties in Storyline 360, including transitions, navigation settings, and revisiting behavior.
  • Slide Advances and Navigation: Manage slide progression and revisiting properties in Storyline 360 to optimize learner engagement and interaction flow.
  • Base Layer and Slide Layer Properties: Adjust base layer properties in Storyline 360 to control when and how content reappears during learner navigation.
  • Customizing Player Controls: Configure player settings and navigation controls to improve usability, accessibility, and learner engagement across devices.
  • Working with Slide Layers: Understand the importance of slide layers in Storyline 360 and how to use them to build multi-layered interactions.
  • Managing Layer Properties: Adjust slide layer visibility properties in Storyline 360 to create clean, responsive interactions.

Level 2: Timeline, Triggers and Variable Logic

03Module 3: Timeline, Object States, and Notes
  • Timeline, States, and Notes Overview: Understand how the Timeline, States, and Notes panels work together in Articulate Storyline 360.
  • Navigating the Timeline Interface: Learn how to use the Timeline panel in Storyline 360 to control object visibility, layering, and entry animations.
  • Timing, Duration, and Object Order: Adjust object timing, set animation durations, and manage element layering on the Timeline.
  • Syncing Animations with Audio: Master the technique of syncing animations, transitions, and on-screen visuals with audio tracks using playhead cue points.
  • Working with Audio and Video Files: Insert, edit, and synchronize audio and video files within the Storyline 360 Timeline for rich multimedia courses.
  • Understanding Object States: Explore how object states work in Storyline 360 and how to use them to create visual hover and completion states.
  • Utilizing the Slide Notes Panel: Understand the Notes Panel in Storyline 360 and how it provides accessibility transcripts and narrator scripts.
  • Formatting Slide Notes for Accessibility: Add and format slide notes in Storyline 360 to assist screen reader users and support voiceover narration.
  • Creating Custom Object States: Create, customize, and modify object states in Storyline 360 to enhance interactivity.
04Module 4: Working with Triggers and Variables
  • Introduction to Triggers and Variables: Learn the fundamentals of triggers and variables in Storyline 360 and how they power adaptive learning paths.
  • Adding Triggers to Slides and Objects: Apply triggers to slides, layers, and visual objects to create user-driven navigation.
  • Categorizing Trigger Types: Explore click-based, timeline-based, and variable-driven triggers in Storyline 360.
  • Adding Conditional Logic to Triggers: Apply conditions to triggers in Storyline 360 to control when interactions occur based on learner inputs.
  • Managing Triggers Efficiently: Learn how to copy, reorder, group, and delete triggers to streamline your course development workflow.
  • Creating Text, Number, and Boolean Variables: Master adding text, number, and Boolean variables in Storyline 360 to store dynamic user data.
  • Adjusting Variable Values via Triggers: Discover how to modify variable values through triggers to create personalized course experiences.
  • Using Variables in Trigger Conditions: Incorporate variables into trigger conditions to unlock custom branching scenarios and gated navigation.
  • Editing and Renaming Variables: Learn how to edit, rename, and clean up variables in Storyline 360 without breaking existing triggers.
  • Organizing Variable Catalogs: Locate and organize variables efficiently within Storyline 360 projects for effortless maintenance.
05Module 5: Interactive Objects and Data Entry
  • Creating Interactive Objects: Build and customize interactive objects in Storyline 360, including custom buttons, hot spots, and data entry fields.
  • Formatting Custom Buttons: Format buttons in Storyline 360 by changing colors, shapes, and icon styles to match corporate style guides.
  • Working with Button States: Use built-in hover, visited, selected, and disabled button states to provide clear visual feedback to learners.
  • Connecting Buttons to Action Triggers: Add triggers to buttons in Storyline 360 to drive scene navigation, layer displays, and pop-ups.
  • Data Entry Fields and Learner Input: Insert text and numerical entry fields in Storyline 360 to capture learner input and display custom variables.

Level 3: Advanced Mechanics, JavaScript and LMS Publishing

06Module 6: Advanced Customization, Scripting and Compliance
  • Game-Based Learning and Motion Paths: Create smooth animations and interactive gamified slides with motion paths in Storyline 360.
  • Embedding Storyline Blocks into Articulate Rise: Integrate interactive Storyline 360 blocks into modern Articulate Rise 360 web courses.
  • Generating Random Numbers with JavaScript: Use JavaScript to generate random numbers in Storyline 360 for dynamic quiz pools and randomized scenarios.
  • Continuous Background Music Loops: Enable continuous background audio in Storyline 360 to maintain ambient music across slide changes.
  • Animating Images and Vector Shapes: Apply entrance, exit, and motion animations to images and vector shapes to guide learner focus.
  • WCAG and Section 508 Accessibility Compliance: Implement best practices for Storyline 360 accessibility, including focus order, alt text, keyboard navigation, and screen reader optimization.
  • Text-to-Speech Voiceovers: Generate clean, natural-sounding audio voiceovers using Storyline 360's built-in text-to-speech engine.
  • Building a Custom Audio Mute/Unmute Toggle: Build a custom toggle button in Storyline 360 to give learners control over course narration.
  • Custom Volume Control Slider: Build a custom volume control slider in Storyline 360 for enhanced multimedia control.
  • Publishing Single Slides or Scenes: Export individual slides or scenes in Storyline 360 for rapid stakeholder review and testing.
  • Building a Custom Countdown Timer: Create a custom visual countdown timer in Storyline 360 to limit quiz time and boost engagement.
  • Controlling Media Playback Speed with JavaScript: Add custom video and audio playback speed controls (0.5x, 1x, 1.5x, 2x) using JavaScript.
  • Styling Dropdown Quizzes with Custom CSS/JS: Customize dropdown quiz fonts, borders, and background colors using JavaScript in Storyline 360.
  • Merging Slides across Storyline Files: Import and merge slides or scenes into existing Storyline 360 projects smoothly.
  • Dynamic Countdown Timer with JavaScript: Build dynamic, real-time countdown timers in Storyline 360 using JavaScript scripts.
  • Capturing and Displaying Usernames: Personalize courses by capturing learner names from the LMS and displaying them dynamically using JavaScript.
  • Per-Question Countdown Timers: Set individual timers for specific quiz questions in Storyline 360 using JavaScript.
  • Setting Character Limits on Data Fields: Restrict character counts in text entry fields using JavaScript triggers in Storyline 360.
  • Dynamic Color Changes via JavaScript: Change text box and background colors dynamically using triggers and JavaScript in Storyline 360.
  • Multi-Language Subtitle Integration: Add and manage multi-language closed captions and subtitles in Storyline 360 courses.
  • Linking Buttons inside Web Objects: Execute JavaScript to link external web object buttons with internal Storyline 360 triggers.
  • Customizing Closed Caption Formatting: Adjust closed caption widths, fonts, and background opacities using custom JavaScript.
  • Restricting Player Playback Speeds: Remove unwanted playback speed options from the default Storyline 360 player using JavaScript scripts.
  • Navigating Slides via JavaScript Triggers: Enable learners to jump between specific scenes using programmatic JavaScript execution.
  • Controlling Video Progress via "Jump to Time": Control video scrub times in Storyline 360 with precision using the Jump to Time trigger.
  • Equalizing Narration Audio in Audacity: Ensure balanced, broadcast-quality audio levels across all Storyline voiceovers using Audacity.

Explore Related eLearning Solutions

Custom eLearning

Build courses global-ready from the start, designed for localization day one.

Learn more about Custom eLearning

Learning Management System (LMS)

Simplify training administration, track employee compliance effortlessly, and deliver engaging digital learning.

Learn more about Learning Management System (LMS)

Off-the-Shelf Courses

Explore our comprehensive library of off-the-shelf eLearning courses.

Learn more about Off-the-Shelf Courses

Explore Our eLearning Course Catalog

Free Soft Skills Courses

Upskill Your Team at Zero Cost. Build core workplace competencies in critical thinking, business email etiquette, change management, coaching, and time management with our complimentary 30-minute self-paced courses. Designed for immediate impact, these interactive HTML5 modules include instant digital certificates and free corporate LMS portal access for up to 10 team members.

Explore Free Courses

Safety and Compliance (OHS) Courses

Protect Your Workforce and Ensure Regulatory Compliance. Mitigate hazards and satisfy compliance standards with our ready-to-deploy Occupational Health and Safety catalog. Covering critical topics like Fall Protection, Electrical Safety, Lockout/Tagout, WHMIS, and TDG, all courses are SCORM/xAPI-ready for instant integration into your corporate LMS with flexible enterprise licensing models.

Browse Safety Catalog
What Clients Say

Client Testimonials

FAQ

Frequently Asked Questions

What is Articulate Storyline 360?

Articulate Storyline 360 is an industry-standard eLearning authoring software used to create interactive digital courses, software simulations, drag-and-drop activities, and assessments without requiring complex coding.

Are these Articulate Storyline 360 tutorials completely free?

Yes! All video lessons provided are 100% free with unlimited lifetime access.

Do I need coding experience to learn Storyline 360?

No prior coding knowledge is required. Our curriculum starts with foundational drag-and-drop tools and gradually introduces optional advanced topics like JavaScript triggers for developers looking to build complex mechanics.

Can courses created in Storyline 360 be published to an LMS?

Yes. Storyline 360 supports publishing to SCORM 1.2, SCORM 2004, xAPI (Tin Can), cmi5, and HTML5 web formats, ensuring seamless tracking on any modern Learning Management System.

How do these tutorials differ from official software user guides?

Our training focuses on practical, real-world agency workflows showing you how to solve actual course development challenges, optimize performance, write custom scripts, and implement advanced features used in professional corporate L&D projects.

Get in Touch

Ready to Transform Your Training?

Get a tailored project proposal, custom timeline, and a free SCORM sample built directly from a slice of your existing training materials.

  • Free Proof-of-Concept

    Send us a short document or presentation, and we'll transform it into an interactive SCORM sample so you can judge our instructional design.

  • Expert Consultation

    Talk directly with our eLearning specialist to align your business goals with the right technology stack.

  • Transparent Pricing

    Clear cost estimates and realistic project milestones delivered with zero hidden fees.

Prefer direct email? Reach our lead team at [email protected].

Send Us a Message

Fill in a few details and we'll get straight back to you.