Learn animation using CSS3, Javascript and HTML5

Master web animation with easy videos and source code. Learn CSS3, JavaScript, and popular libraries to create stunning animations in just over 2 hours.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course is all about learning to animate for the web! With easy videos and complete source code, you'll go from basic to complex animations in no time using CSS3, Javascript, and popular libraries.

Key Points

  • Create animations and transitions using CSS3.
  • Learn how animation works in Javascript.
  • Master different techniques to enhance your animations.
  • Use animation frameworks for quick results.
  • Follow along with included source code.

Learning Outcomes

  • Understand CSS3 syntax for smooth animations.
  • Get comfortable using Javascript for animations.
  • Leverage jQuery for quick animation effects.
  • Create complex animations with GSAP.
  • Complete the course in just over 2 hours!

About This Course

Master the art of animation for the web. Easy to follow videos. Source code included.

In this course you will learn how to create animations and transitions in CSS3 and Javascript. The easy to follow along tutorials will have you animating in no time.

Master the art of adding animation to your websites and pick the right tools for the job.

  • Create animations and transitions using CSS3

  • Learn the building blocks of how animation works in Javascript

  • See how different techniques can add life to your animations

  • Leverage animation frameworks that take care of the hard work and let you animate quickly.

  • Follow along with the included source code


    We'll learn the basics of animating all the way through complex sequenced animations.

    You'll learn how to use CSS3 syntax to create quick and smooth animations without needing javascript. Next I'll show you the building blocks of animating in javascript using setInterval and requestAnimationFrame in the canvas. Then you will learn how to leverage jQuery's animation methods, events, and properties to get animating quickly. Last but not least we'll cover GSAP (Greensock animation platform) where you'll learn the basics all the way through complex sequenced animations. This course comes complete with working code samples so you can work along side the instructor and modify to create your own animations. The full course can be completed in just over 2 hours.

  • Create animations and transitions using CSS, Javascript and HTML

  • Use popular javascript libraries to help create animations

Instructor

Profile photo of Matt Wallace
Matt Wallace

Matt Wallace is a professional Web Developer with over 15 years experience. He's worked at leading Agencies including Razorfish and Crispin Porter and has been freelancing for the last 5 years. A few of the Brands he's worked on include: Mercedes-AMG, Volkwagen, Burger King, HBO, Scion, Toyota, Axe, and Estee Lauder.

Review
4.9 course rating
4K ratings
ui-avatar of H C
H C.
5.0
4 years ago

great course

  • Helpful
  • Not helpful
ui-avatar of Tim Koerner
Tim K.
4.0
4 years ago

The examples a clear and the content is good. I would like for there to be more content.

  • Helpful
  • Not helpful
ui-avatar of Chris Thackrey
Chris T.
5.0
5 years ago

Great Course!

  • Helpful
  • Not helpful
ui-avatar of Tadeo Lemus
Tadeo L.
5.0
5 years ago

It's an awesome course! It gave me insight into animations and now I can start working on professional projects.

  • Helpful
  • Not helpful
ui-avatar of ozgurSeyidoglu
Ozgurseyidoglu
5.0
6 years ago

Fantastic!

  • Helpful
  • Not helpful
ui-avatar of Tim Tyndall
Tim T.
5.0
7 years ago

This is one of the best demonstration - teaching courses I've seen If I could give it six stars, I would.
Very comprehensive, no fluff, and all the examples I saw were very well structured and explained.
I'd like to do a course in the future, and if and when I do I will use this exact instructional format.
GREAT job111

  • Helpful
  • Not helpful
ui-avatar of Matthew Byrt
Matthew B.
5.0
7 years ago

Good stuff, very useful. thanks

  • Helpful
  • Not helpful
ui-avatar of Rakeshmk MK
Rakeshmk M.
5.0
7 years ago

very good i am enjoying

  • Helpful
  • Not helpful
ui-avatar of Jorge Hinojosa
Jorge H.
4.5
7 years ago

Explanations are easy to understand and feels like a good and steady pace.

  • Helpful
  • Not helpful
ui-avatar of Missy Nunez
Missy N.
5.0
7 years ago

Learning useful skills very easily.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses