Skip to content

E-learning

JavaScript: Basics

5 Hour Video Training Course

"Help! I need to write JavaScript!"

Stand easy! You are in the right place.

JavaScript is the programming world’s lingua franca (common language). Knowing a little JavaScript is like knowing a little English; it’s useful no matter where you are or what you’re doing. What’s more, JavaScript is one of the easiest languages to learn. JavaScript is nothing to be afraid of. 

This course will teach you everything you need to know to start writing your own simple JavaScript programs.

Lesson by lesson we will introduce you to new programming concepts such as…

…and we’ll learn it all while building a game!

 

 

A heads or tails coin flip game.

Watch the Introduction

"But I'm not a programmer!"

We hear you.

Not everyone finds programing concepts intuitive. It looks difficult; it sounds difficult; and if you’ve watched so called ‘basic’ programming courses before, it may feel difficult too.

However, we have been very conscious to prepare this course in such a way that is considerate to new-comers. Our target audience is non-programmers.

"What about Captivate?"

This is not a course about JavaScript in Captivate, and that’s good. If this is your first encounter with JavaScript then a Captivate + JavaScript course would be somewhat overwhelming. Think of this course as preparation for that JavaScript + Captivate course.

That said, we’re not totally leaving Captivate behind. In the final lesson of the course we take the game we’ve already built and make simple adjustments so we can import it into a Captivate slide.

Your Teacher

Tristan has more than 10 years of experience in the E-learning and programming fields. He is the developer of the CpExtra and CpMate Captivate extensions. Outside of Adobe you would find it hard to find anyone who knows more about JavaScript and Captivate. Despite that, Tristan considers himself a teacher first, and programmer second. He is passionate about finding simple ways to explain unfamiliar concepts.

Buy

JavaScript: Basics

Buy now!
$ 88
75 USD
  • 5 hour course
  • Learn all the basic JavaScript concepts
  • Build a game and import it into Captivate
Sorry, but you do not have permission to view this content.
Sorry, but you do not have permission to view this content.

CpMate - Quick Start

1 Hour Video Training Course

Learn what you need - Today!

CpMate allows you to link your Adobe Animate animations with Adobe Captivate. This course shows you how to set up Adobe Captivate and Adobe Animate to work with CpMate. It will also teach you CpMate’s most commonly used features with real world examples. By the end of the course, you’d be equipped and inspired to unleash the power of Adobe Animate on your Captivate courses.

Note, in this course we assume you are already familiar with Adobe Captivate and Adobe Animate. We will stop and explain what we are doing in these programs, but we will assume you are familiar enough that we do not need to explain their base concepts.

Discover how to...

Set up

Configure Captivate and Animate to work together in the smoothest way possible

Sync Captivate and Animate timelines

Use Captivate effects to sync your animation with your course's voiceover clip.

Group Multiple animations in a single file

Streamline your workflow by including all animations for your Captivate module in a single Adobe Animate file.

Communicate between Animate and Captivate

Change Captivate variables from within Animate. Change animations from within Captivate.

Build Animations for Responsive

Enable outer rendering to create animations with elastic stages that fill the screen, no matter whether it's a phone, tablet or desktop.

Your Teacher

Tristan has more than 10 years of experience in the E-learning. He remembers the good old days when you could pull in an SWF animation into Adobe Captivate. Based his nostalgia for the ‘golden days’ he designed and built CpMate. Now he’s here to teach you, and share the joy of building animations for your Captivate courses.

Buy

Quick Start Course

Buy it now!
$ 22
75 USD
  • 1 hour course
  • Learn CpMate's essential features
  • Taught by the head developer

CpMate + Quick Start

Bundle and save!
$90.25
$ 84
50 USD
  • Save money!
  • Software + training in one package
Popular
Sorry, but you do not have permission to view this content.
Sorry, but you do not have permission to view this content.
cpextra logo

CpExtra - Up and Running

4 Hour Video Training Course

Become a CpExtra expert

This course is a deep dive into CpExtra’s features. 

By the end of the five chapters you will do things that will make other Captivate developers sit and wonder… 

"How did they do that?"

Content Summary

Course Introduction

Set Up

Learn how to include CpExtra in your Captivate courses.

Create a local host server

We'll install a local host server to test how our projects will work on the web.

Chapter 1: Preference Variables

Disable Playbar Scrubbing

Preventing the learner scrubbing the playbar is as easy as defining a single variable.

Alter Text Box Behaviour

We'll discuss two preference variables that give you the power to do more with text entry boxes.

Redecorate the Multichoice Question

Change the rollover appearance of multichoice answers with two preference variables.

Chapter 2: Command Variables

Run Batch Actions with @syntax

Hide, show, enable and disable any number of objects in a single line of code. Learn the wizardry that is @syntax.

Mark unvisited slides complete

Say goodbye to your completion status woes. Fear the branching scenario no more!

Change the Mouse Cursor

Change the cursor to an iBeam, even when not over a text field. Display a loading animation. Or hide it entirely!

Chapter 3: Course Communication

Local and session Storage

Via building a functional menu page that displays which course modules have been viewed, we will learn how to utilize local storage and session storage to facilitate communication between Captivate modules.

Get Variables

Change the value of variables by changing your course URL.

Chapter 4: Enhanced Object States

Use Variables to Change STates

By combining enhanced object states with local storage variables we'll complete the menu page we started in chapter 3. All that with NO Advanced Actions!

Change States By Mouse Event

Create rollover and down states on any slide object. Then we'll make states that only appear with a combination of mouse and variable input.

Chapter 5: Event Listeners

Call One Advanced Action From Another

Learn how to reuse your code by calling a series of small Advanced Actions, rather than building one giant unwieldy one.

Respond to Mouse Events

Move beyond click boxes and into the brave new world of event listeners! Trigger actions when rolling over, rolling out, mousing down, mousing up, or double clicking any slide object.

Trigger actions when video/audio ends

Sometimes you need to know when the learner has watched a video all the way to the end. After this chapter you'll even be able to trigger an action when this happens.

Your Teacher

Tristan has more than 10 years of experience in the E-learning and programming fields. Based on that experience he designed CpExtra with features that Captivate developers would actually use.  Tristan considers himself a teacher first, and programmer second. He’s gone to great lengths to explain CpExtra as simply as possible.

Using practical, every day, examples he’ll take you step-by-step through CpExtra’s simplest features, all the way up to its most groundbreaking abilities.

Buy

Up and Running Course

Buy it now!
$ 88
75 USD
  • 4 hour course
  • Learn practically all CpExtra's features
  • Taught by the head developer

CpExtra + Up and Running Course

Bundle and save!
$172
$ 138
20 USD
  • Quick Start course thrown in for free!
  • Software + training in one package
  • Save big!
Bundle

PSSST! Looking for something simpler?

cpextra logo

CpExtra - Quick Start

1 Hour Video Training Course

Learn what you need - Today!

CpExtra is changing the way people are using Captivate. A basic knowledge of CpExtra’s features will allow you to slash your interaction development time, and open up new worlds of possibilities.

In less than an hour, this course introduces and explains how to use the CpExtra features you need to know about.

Discover

Smart States

Have any object change its state on mouse interaction.

@syntax and #syntax

Enact an action on multiple objects with one assignment.

Local Storage Variables

Share data between your Captivate modules.

Advanced Action Chaining

Call one Advanced Action from another. Create more sophisticated interactions.

Event Listeners

Trigger an Advanced Action when an audio clip ends and more!

Your Teacher

Tristan has more than 10 years of experience in the E-learning and programming fields. Based on that experience he designed CpExtra with features that Captivate developers would actually use. Tristan considers himself a teacher first, and programmer second. He’s gone to great lengths to explain CpExtra as simply as possible.

Buy

Quick Start Course

Buy it now!
$ 22
75 USD
  • 1 hour course
  • Learn CpExtra's essential features
  • Taught by the head developer

CpExtra + Quick Start

Bundle and save!
$106
$ 96
USD
  • Save 10%
  • Software + training in one package
Popular

PSSST! Looking for something more in depth?

This page will hold topics about how to integrate JavaScript code with Adobe Captivate.  At this time we don’t have anything much to offer but we are working on it!

Topics about how to design e-learning courses according to sound instructional design principles. Please note that this is OUR personal approach to designing e-learning courses based on our 15 years experience as contracted professionals. But this is an area of frequent disagreement between people in the e-learning industry, so be warned that “your mileage may vary”.