Class introduction

Is implementing animations and designs that move with user interaction a necessary task for developers? It's not! Even designers can do it if they learn to code with me in this class.

I've been working as an interactive designer at Naver for over 7 years, mainly creating UI animations and prototypes using coding. Of course, I also had a lot of trouble when I first started coding. In this class, I'll show you the trial and error I experienced while learning coding as a designer, and the coding know-how of a senior interactive designer that I've built up through this process.

It's common for us designers to work while watching visual results, right? We have prepared many examples so that you can check the finished result through coding.

Even if you're a designer who doesn't know anything about coding, if you follow my lessons step by step, you'll be able to create animations with beautiful movements!

Course effect

• Beginners who don't know anything about coding can create interaction examples.
• Learn how to create interactions and animations using JavaScript coding.
• You can learn about the types of issues that occur when implementing interactive design and how to solve them.

Recommended target

• Designers who want to improve their skills through interaction and animation implemented by coding
• Those who want to start a career as an implementing designer (interactive designer)
• Designers who want to apply their own designs and movements
• Designers who want to find their own competitive edge in interactive design

Pre-course notes

• This class is conducted using the Visual Studio English version of the code editor.
• You can use both Mac OS and Window OS.

Two things make this class special

❶ An interactive designer in the 12th year tells us

JavaScript syntax and coding

I create interactions and animations through coding, but I'm also a 'designer'. When I first learned coding, I also had a very difficult experience because it was difficult. That's why I want to help many designers who are just starting out with coding.

This class teaches basic Java Script grammar so that people who don't know anything about coding can get started with interactive design. In addition, you can learn how to design interactions by following various examples, and teach you how to solve all the problems you face in the process, and even how to improve the details of animations.

▲ Chapter 6 Sliding Pop-Up Animation Practice Example

▲ Chapter 7 Draw Circle Interaction Practice Example

❷ You can check it immediately by hitting the code

Fun interaction examples

We are not developers who specialize in development. Therefore, there is no need to know difficult development languages and development structures from the beginning. The designers are familiar with visual output, so they organized the class around such examples.

Learn coding by creating fun interactions with examples that you can visually check in your browser as soon as you hit the code! Interactive animations that look different depending on how the user acts, such as mouse movements and clicks, can now be created with your own hands.

▲ Chapter 8 Drag Rect Interaction Practice Example

▲ Chapter 9 Throw Ball Interaction Practice Example