Interactive Development Practice End [Capacity Enhancement]

Web Interaction, Easier + More Creative! 💎

Trendy UX created with my own hands.

To go beyond simple service implementation and implement trendy UX, solid fundamentals are most important. You can implement trendy UX of famous overseas sites with only pure JavaScript (Vanilla JS) without relying on specific frameworks or plugins.

From fancy motions using TweenMax to scroll events, responsiveness, and mobile touch, it contains 15 years of interactive development know-how. (Short and bold!)

Can anyone do interactive development?

I am also a non-developer major with a background in design. It's not that I lack the basics, I jumped into development without any basics at all. I know what is difficult and where I get stuck because I had a painfully difficult experience. At that time, I thought , 'I wish there was a lecture like this,' and that's why I created this lecture.

• We will teach you the know-how to easily resolve difficult situations that you may encounter in the field.
• Become a creative developer with solid fundamentals and increase your salary!

_{Sample Portfolio 1 (click to view)}

_{Sample Portfolio 2 (click to view)}

Course Features

Close to actual work
Practical example

Interactive Basics
Explained in concise code

Instead of boring theories
Go straight to the real thing

Source provided!
Take the class together

A taste of what you'll learn

Section 1

• Basic use of JavaScript such as variables, random, if statements, timers, etc.
• Some games that are super easy to make

Section 2

• Learn the very important concept of paging when creating interactive content.
• Create a completely different page by changing the style in the same script
• Implementing swipe functionality using mobile touch events

Section 3

• Star~falling~ Coding Eleven page production
• Simple parallax effect using two star images
• TweenMax, scrollTo plugin for smooth screen movement
• Comparison with a version implemented in pure JavaScript without plugins

Section 4

• A detailed explanation of how to use TweenMax
• Utilizing stageResize as needed on responsive pages
• 3D random card motion using TwinMax

Section 5

• Applying the paging script learned above
• Create TweenMax random motions with a variety of uses

Section 6

• 3D stereoscopic card
• 3D expression using transform and translateZ properties
• Interactive using mobile tilt

Click to view directly on the web

Average rating 4.9 ★
Coding Eleven new lecture.

Go to previous lecture

Interactive Web Development Know-How in a Few Lines [Beginner's Edition]

Interactive skills you can use right away in your work!

---

Frequently Asked Questions

Q. Can non-majors also take the course?

I'm not a major either ^^ Just being interested in interactive development is enough.

Q. Is there anything I need to prepare before attending the lecture?

It will be easier if you know the basics of HTML and CSS. (Full CSS code included ^^)

Q. I don't know much about JavaScript. Is that okay?

We start with basic concepts such as variables, arrays, and functions.
If you have any questions while proceeding, please ask them through the Q&A board!

Please note before taking the class!

• Please refer to the 'Class Notes' at the bottom of the video. I have explained the parts that were missing from the video.
• Uses ECMA 2015 (ES6) script.
• I provide the completed code . Please download the file from Section 0 - Lesson 3.