Javascript animation for websites, storytelling, data visualization and games

4.3
stars
131 ratings
Offered By
Coursera Project Network
9,325 already enrolled
In this Free 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

Showcase this hands-on experience in an interview

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: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Requirements

Familiar with HTML, CSS, Javascript

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.