JavaScript Scroll Animation Tutorial | Web Animations API + ScrollTimeline

Scroll-based animations used to be pretty hard and usually meant turning to a library. With the Web Animations API and ScrollTimeline, it's now surprisingly easy to do! 🔗 Links ⌚

Intermediate - 26 min - Software & IT - Kevin Powell

The full course: Learn Full-Stack & Backend free

What you'll need

• Laptop stand: Screen at eye level for long study sessions.
• Noise-cancelling headphones: Focus through long video lessons.
• Second monitor: Video on one screen, practice on the other.
• Wireless keyboard and mouse: Comfortable for hours of typing.

Books

1. Designing Data-Intensive Applications by Martin Kleppmann - View on Amazon
2. The Pragmatic Programmer by Dave Thomas - View on Amazon

Next lessons

• God-Tier Developer Roadmap (17 min, Fireship, Intermediate)
• Build and Deploy a Fullstack Responsive Portfolio Website (263 min, JavaScript Mastery, Intermediate)
• How to OVER Engineer a Website // What is a Tech Stack? (11 min, Fireship, Beginner)
• Learn MongoDB in 1 hour 🍃 (60 min, Bro Code, Intermediate)
• Web Development In 2021 - A Practical Guide (65 min, Traversy Media, Intermediate)
• Web Development In 2022 - A Practical Guide (91 min, Traversy Media, Intermediate)
• 100+ Web Development Things you Should Know (13 min, Fireship, Intermediate)
• Build and Deploy a Modern Full Stack Social Media App (284 min, JavaScript Mastery, Intermediate)