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 lecciones400 inscritos

Curado de YouTube

Este curso fue seleccionado a mano de YouTube por nuestros expertos y organizado en un plan de estudios estructurado paso a paso.

Iniciarcursogratis

Contenido del curso

1 modulos · 4 temas · 7 lecciones

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

4 temas

Fundamentals & Page TransitionsNew Description

2 lecciones

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 lecciones

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 lecciones

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 lecciones

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

Ruta de habilidades

Frontend

Domina la creación de interfaces de usuario hermosas, responsivas e interactivas con estándares modernos. Aprende HTML, CSS, JavaScript, React y Next.js mediante proyectos prácticos.