About the course
What you’ll learn
Storing and changing data. A shift from static layouts to interactive prototypes starts with saving all the content that you want to be dynamic in special containers called variables.
Saving users’ input. Learn to store data from all kinds of form controls and use it in your prototypes.
Reacting to clicks and other user actions. Learn to create instructions for what should happen in response to user actions.
Showing and hiding UI elements. Display elements, components, and pages on demand with the help of conditions.
Displaying dynamic lists and grids. Learn how to create a collection of components from a single container and a special variable called an array.
Knowledge of the Layout basics is required to understand the HTML and CSS code used in the examples. With this knowledge, you will be able to focus solely on interactivity.
CodePen is used in this course for creating and previewing prototypes. Create an account if you haven’t already—it’s free.
Together with creating a knowledge base, the aim of Mockupless is to build an open community of designers who share ideas, struggles, and the desire to create better digital products. Visit the General Spectrum channel to discuss core prototyping concepts. Go to the Interaction basics channel to ask questions about this particular course, help others, and share your progress.
Please be kind and patient.