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