GratisFrontendintermediate

Framer Motion

Name: Framer Motion
Availability: InStock

From smooth transitions to dynamic interactions, this duo is here to turn your code into pure motion magic. This course Breaking down how to build cool stuff on the web using ReactJS and Framer Motion.

2 semanasEN7 licoes400 inscritos

Curado do YouTube

Este curso foi selecionado a dedo do YouTube por nossos especialistas e organizado em um currículo estruturado passo a passo.

Iniciarcursogratis

Conteudo do curso

1 modulos · 4 assuntos · 7 licoes

TutorialBreaking down how to build cool stuff on the web using ReactJS and Framer Motion

4 assuntos

Fundamentals & Page TransitionsNew Description

2 licoes

Core Animation PrinciplesThis module introduces Framer Motion’s essential APIs and hooks to build basic animations.
Page Routing & TransitionsLearn to integrate Framer Motion into routing frameworks and craft enter/exit animations.

Scroll & Parallax EffectsNew Description

2 licoes

Scroll-Triggered AnimationsThis module teaches you to animate elements based on scroll position for dynamic content reveal.
Parallax & Horizontal ScrollingFrom this module learn to build advanced scroll-driven depth and horizontal animations

Interactive Components & Advanced TechniquesNew Description

2 licoes

Draggable InterfacesFrom this module learn to Implement drag-and-drop, carousels, and swipeable components.
Hover Effects & SVG AnimationsThis module Focus on teaching you interactive hover states and SVG path animations.

Capstone AssignmentNew Description

1 licoes

Create an Interactive Portfolio WebsiteThis assignment integrates all Framer Motion techniques learned throughout the course to create a professional, interactive portfolio website.

Trilha de habilidades

Frontend

Domine a criação de interfaces de usuário bonitas, responsivas e interativas com padrões modernos. Aprende HTML, CSS, JavaScript, React e Next.js por meio de projetos práticos.