Coursera Plus Annual is 40% Off — Ends July 13.

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Awesome Filtering Animation with Vanilla JavaScript

Kevin Powell via YouTube

Start learning Write review
CodeSignal Ad

Learn the Skills Netflix, Meta, and Capital One Actually Hire For

Learn More → Boot.dev Ad

The Most Addictive Python and SQL Courses

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
Learn how to create an impressive filtering animation using vanilla JavaScript in this 35-minute tutorial. Explore the process of building a filter list, from updating buttons on click to filtering displayed events and adding smooth animations. Start with HTML structure, implement JavaScript functionality, and progressively enhance the user experience. Discover how to leverage the View Transitions API for effortless, eye-catching animations. Perfect for web developers looking to add interactive and visually appealing features to their projects.

Syllabus

- Introduction
- The HTML
- Starting the JS
- iCodeThis
- Updating the active button
- Filtering the events
- Adding the dividers
- THAT Conference
- Adding a fading animation
- Improving the animation

Taught by

Kevin Powell

Reviews

Start your review of Awesome Filtering Animation with Vanilla JavaScript

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.