Javascript animation for websites, storytelling, data visualization and games

4.3
별점
120개의 평가
제공자:
Coursera Project Network
8,458명이 이미 등록했습니다.
학습자는 이 안내 프로젝트에서 다음을 수행하게 됩니다.

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
Intermediate중급
Cloud다운로드 필요 없음
Video분할 화면 동영상
Comment Dots영어
Laptop데스크톱 전용

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.

개발할 기술

front-endWeb DevelopmentVideo Game DevelopmentData Visualization (DataViz)JavaScript

단계별 학습

작업 영역이 있는 분할 화면으로 재생되는 동영상에서 강사는 다음을 단계별로 안내합니다.

  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.

안내형 프로젝트 진행 방식

작업 영역은 브라우저에 바로 로드되는 클라우드 데스크톱으로, 다운로드할 필요가 없습니다.

분할 화면 동영상에서 강사가 프로젝트를 단계별로 안내해 줍니다.

검토

JAVASCRIPT ANIMATION FOR WEBSITES, STORYTELLING, DATA VISUALIZATION AND GAMES의 최상위 리뷰

모든 리뷰 보기

자주 묻는 질문

자주 묻는 질문

궁금한 점이 더 있으신가요? 학습자 도움말 센터를 방문해 보세요.