
Learn how HTML provides elements and structure, CSS adds style through properties like color, width, height, and position, and JavaScript adds behavior with events, conditions, and triggers.
CodePen Link: https://codepen.io/Jeff-Batt/pen/JjgxrpO
Code Used in Video:
function runCode() {
alert("Hello");
alert("Jeff");
}
Apply JavaScript operators to manage scores, perform arithmetic, and build messages in Articulate Storyline 360. Explore assignment and comparison operators, string concatenation, and basic booleans to drive conditional logic.
Learn to implement if statements in JavaScript by evaluating score against conditions, using equals and greater-than operators, and handling else and else if with function-wrapped checks on a button.
Explore booleans through a hands-on JavaScript quiz that uses prompts and console.log to evaluate true or false responses, conditionals, and range checks.
Explore arrays as lists, learn to access and modify items with let, const, and array methods like push, pop, unshift, shift, indexOf, includes, slice, and splice, and verify length.
Convert strings to arrays in JavaScript to extract first and last names from storyline variables, parse CSV fields, and manipulate words by splitting on spaces or commas with array methods.
Create a set from text to capture unique characters and from a sentence to capture unique words. Log the results and join them back into a clean string.
Learn to collect five learner inputs into an array, apply array methods to count items and randomize a daily fruit for Storyline.
Learn to reference objects in Articulate Storyline using execute JavaScript, creating a const reference to an object like oval one, and prepare to update position, rotation, and other properties.
Use the update function to run and have the duck follow the mouse with pointer x and y after clicking the rectangle, with an 80-pixel offset and a conditional stop.
Learn to point an object at the cursor in Storyline 360 using a vector1 script, update names, and compute x, y, and angle with atan2 to rotate as timeline starts.
Are you ready to unlock the power of JavaScript to elevate your instructional design skills and create customized, interactive learning experiences in Articulate Storyline 360? This hands-on course is designed for instructional designers and eLearning developers with little to no JavaScript experience who want to integrate this powerful tool into their eLearning projects.
This course takes you step-by-step from understanding JavaScript fundamentals to applying them directly in Articulate Storyline. Whether you want to enhance functionality, build advanced interactions, or better control your projects, this course will give you the skills and confidence to make it happen.
Why Choose This Course?
By enrolling, you’ll gain access to a growing library of practical lessons tailored to Articulate Storyline users. You’ll be part of an Storyline and JavaScript community, receiving new modules and updates as they’re released. Plus, each module is packed with real-world examples to help you apply what you learn immediately to your Storyline Courses.
Who is this for?
This course is perfect for instructional designers, eLearning developers, and anyone looking to expand their technical skills and bring a whole new level of interactivity to their learning experiences.
Sign up today to start building better learning solutions with JavaScript and Articulate Storyline!