Advanced Scripting with Axure RP

Course details

On the journey from initial idea to development, you may find that your UX designs end up appearing and responding differently than you expected. Prototypes—particularly realistic, high-fidelity ones—can prevent such situations by allowing you to see how your design ideas feel and interact earlier in the process. In this course, learn how to create more dynamic prototypes with Axure RP. Instructor Shauna Bybee steps through some of the most common ways to use variables and functions in Axure RP. Learn about string methods, how to format dates and times, how to work with window properties, and much more. Throughout the course, Shauna shares examples that lend a real-world context to the concepts she covers.

Learning objectives
Using variables in Axure
String methods in Axure
Truncating text strings
Formatting dates and times
Setting up a looping animation
Setting up a responsive background image
Positioning widgets in the browser
Repeater and item properties
Adding custom HTML, CSS, and JavaScript
Troubleshooting

Concepts

0. Introduction

01 - Create realistic, interactive prototypes with Axure
02 - What you should know

1. Widget Properties

03 - Axure variables overview
04 - Widget properties
05 - This and Target
06 - Example - Creating a moving hover effect
07 - X and Y coordinates
08 - Top, left, right, and bottom properties
09 - Positioning with dynamic panels
10 - Width and height
11 - Example - Resizing a hover effect
12 - Example - Creating a slider
13 - Centering widgets
14 - Widget text

2. Strings

15 - String methods in Axure
16 - String length
17 - Searching strings
18 - Case sensitivity in string searches
19 - Truncating text strings
20 - Truncating to the last four digits

3. Dates and Times

21 - Now and GenDate
22 - Formatting dates
23 - Formatting dates from input fields
24 - Using the current time
25 - Formatting time
26 - Adjusting dates
27 - Example - Calculating future dates
28 - Setting up a looping animation

4. Window Properties

29 - Window width and height
30 - Setting up a responsive background image
31 - Positioning widgets in the browser
32 - Window scroll properties
33 - Creating a sticky header
34 - Pinning and unpinning on a scroll
35 - Parallax scrolling
36 - Parallax effects with offsets
37 - Parallax effects in dynamic panels

5. Repeater and Item Properties

38 - Item properties and OnItemLoad
39 - Using Item properties in OnItemLoad
40 - Conditional cases in OnItemLoad
41 - Item.isFirst and Item.isLast
42 - Example - Calculating a total
43 - Example - Moving widgets below a repeater
44 - Repeater data count properties
45 - Using dataCount to show a zero state
46 - Item.index
47 - Positioning a drop-down with Item.index

6. Global Variables

48 - Global variables
49 - Example - Customizing based on login

7. Adding Custom HTML, CSS, and JavaScript

50 - Using plugins on Axure Share
51 - Example - Adding CSS animation

8. When Things Go Wrong

52 - Troubleshooting using the console

Conclusion

53 - Next steps