THE ONLY COURSE YOU WILL NEED TO MASTER WEB ANIMATIONS.
Early Bird Price
$129.00 $99.00

Mastering Web Animations
$99.00

Whether you're a beginner or an experienced developer, the course will guide you through, principles of motion, timeline animation, tools, and techniques used by award-winning developers.

  • Duration: 12 hours
  • Level: Beginner
  • Certificate of completion
  • Progress Tracking
  • Lifetime-Access
  • Downloadable Material
  • Language: English
  • Real Project
1
Taxes and shipping calculated at checkout
WHY IS IT CONSIDERED

The Web Animation Ultimate Guide?

5+ YEARS OF ANIMATIONS COMPILED IN ONE EXCLUSIVE COURSE

You'll start by learning the basics of web animation, including the principles of motion, timeline animation, and the tools and techniques used by award-winning developers. You'll then move on to more advanced topics, such as creating animations with advanced timelines, text animations, smooth transitions, parallax animations, mouse interactions and much more.

SEE PROJECT
001

CHAPTERS INDEX

  • 001

    ADVANCED TIMELINE

    The advanced timeline feature is a powerful tool for creating complex and synchronized animations.

  • 002

    SMOOTH TRANSITION

    Used to create pleasing visual effect and transitions between different elements on the page.

  • 003

    MOTION PATH

    Creation of dynamic animations that move objects along a path, giving them a realistic and fluid motion.

  • 004

    MOUSE INTERACTIONS

    It refers to the various ways in which users can use their mouse to interact with the content on a website.

  • 005

    ANIMATIONS ON SCROLL

    Animate elements as the user scrolls down the page, making the website feel visually interesting.

  • 006

    CLIP-PATH ANIMATIONS

    Reveal an element on the page, making it appear as if it's emerging from behind another object.

  • 007

    TEXT ANIMATIONS

    Help to capture your audience's attention and communicate your message in a fun and creative way.

  • 008

    CUSTOM PRELOADER

    They're designed to give users something to look at and engage with while they wait for the website to load.

  • 002

    COURSE CONTENT

    CHAPTER 002

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi modi magni harum explicabo suscipit numquam asperiores aliquam alias, molestiae ad doloribus ipsa dolores, praesentium minus! Cum culpa ut omnis facilis!

    CHAPTERS
    Duration

    • Course Introduction and Setup

      3 Lectures (12min)

      01. Introduction & Overview
      01:49
      02. Setup and Install
      05:38
      03. Folders and Files
      05:04

    • FOUNDATION OF ANIMATIONS

      10 Lectures (66min)

      01. Learning methods: .from(), .to(), .fromTo()
      11:26
      02. Staggering
      06:55
      03. Easing
      04:48
      04. Delay
      03:46
      05. Loops
      03:54
      06. Wrap
      07:44
      07. Callbacks
      04:39
      08. Timelines
      06:08
      09. Position Parameters
      10:20
      09. Control Timeline
      06:04

    • BUILDING TIMELINE

      4 Lectures (TBD)

      01. Buiilding a chain of animations (Timeline)
      (TBD)
      02. Timeline Parameters
      (TBD)
      03. Understading Position Parameter
      (TBD)
      04. Fragmenting timeline
      (TBD)

    • DYNAMIC ANIMATIONS

      1 Lecture (TBD)

      01. Understading the problem
      (TBD)
      02. Creating dynamic animations
      (TBD)

    • ADVANCED TIMELINES (ANIMATION)

      1 Lecture (TBD)

      01. Animations using Advanced Timeline technique
      (TBD)

    • ANIMATIONS ON SCROLL (ANIMATION)

      1 Lecture (TBD)

      01. Animations using Browser's scroll
      (TBD)

    • SMOOTH TRANSITIONS (ANIMATION)

      1 Lecture (TBD)

      01. Animations using Smooth Transitions technique
      (TBD)

    • MOTION PATH (ANIMATION)

      1 Lecture (TBD)

      01. Animations using Motion Path technique
      (TBD)

    • TEXT ANIMATIONS (ANIMATION)

      1 Lecture (TBD)

      01. Text Animations technique
      (TBD)

    • MOUSE INTERACTIONS (ANIMATION)

      1 Lecture (TBD)

      01. Animations using Mouse Interaction technique
      (TBD)

    • CLIP-PATH ANIMATIONS (ANIMATION)

      1 Lecture (TBD)

      01. Animations using Clip-Path technique
      (TBD)

    • CUSTOM PRELOADER (ANIMATION)

      1 Lecture (TBD)

      01. Creating a Custom Preloader
      (TBD)

    • PRODUTIONS AND DEPLOYMENT

      1 Lecture (TBD)

      01. Best practices for deploying animations
      (TBD)

    • BEST PRACTICES

      3 Lectures (TBD)

      01. Perfomance
      (TBD)
      02. Re-use of animations
      (TBD)
      03. Calling animations from other files
      (TBD)
INSTRUCTOR

VICTOR WORK

In just a few years of my career, Victor has achieved a place in the international market and become a world-renowned creative developer and designer.

WHO AM I?

AN ANIMATION LOVER

Today, I work with clients and partners on six continents around the world. A look based on details and a creative mind helps me give life and translate the perfect pixels from UI & UX to the browser using animations

Emphasizing the statics model into a memorable and interactive experience, perfectly aligning the sense between effects and animations, I usually rely on advancing and improving browsers to break barriers and make the web a place.

REEL

HIT THE PLAY

AWARDS AND RECOGNITIONS AROUND THE WEB.
still counting
AWARDS PLATFORMS
AWWWARDS
FWA
BEHANCE
CSS DESIGN AWARD
MUZLI
CODROPS
RECOGNITIONS

As a person who loves to push boundaries and who focuses on breaking the barriers, being recognized always makes me feel like I am heading in the right direction. I hope that they inspire you to achieve great things.