Javascript animation for websites, storytelling, data visualization and games

4.3
stars
156 ratings
Offered By
Coursera Project Network
10,048 already enrolled
In this Guided Project, you will:

Explore the range of uses for the Javascript .animate method and the different ways you can begin incorporating it into your Javascript creations

Clock2 hours
IntermediateIntermediate
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

In this course, we’ll guide you through a series of hands-on projects. You’ll build your own animations used in telling stories, in conveying data for presentations and in simple games for motivating kids. Everything will be done using only HTML, CSS and Javascript (ES6), so you’ll gain the foundational skills applicable to any other visualization or game framework you might wish to use later. Note: discussion forums in guided projects such as this one are not monitored or supported by Coursera staff or instructors.

Skills you will develop

front-endWeb DevelopmentVideo Game DevelopmentData Visualization (DataViz)JavaScript

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Create a simple animation that moves an object from one side of the screen to the other.

  2. Sequence the first animation with a second one which plays after the first completes.

  3. Create an animation containing natural feeling acceleration and deceleration.

  4. Create a visual representation of abstract data.

  5. Animate the previous visualization in a way that lets viewers experience the size and scale of the numbers presented.

  6. Group together multiple elements to be animated together as one.

  7. Create a simple game where animations respond to being clicked or touched.

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Reviews

TOP REVIEWS FROM JAVASCRIPT ANIMATION FOR WEBSITES, STORYTELLING, DATA VISUALIZATION AND GAMES

View all reviews

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.