UcretsizFrontendintermediate

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 haftaEN7 ders400 kayitli

YouTube'dan Derleme

Bu kurs, uzmanlarımız tarafından YouTube'dan özenle seçilmiş ve adım adım yapılandırılmış bir müfredata dönüştürülmüştür.

UcretsizBaslat

Kurs Icerigi

1 modul · 4 konu · 7 ders

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

4 konu

Fundamentals & Page TransitionsNew Description

2 ders

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 ders

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 ders

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 ders

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

Yetkinlik Parcast

Frontend

Modern web standartlarını kullanarak harika, duyarlı ve etkileşimli kullanıcı arayüzleri oluşturmayı öğrenin. Uygulamalı projelerle HTML, CSS, JavaScript, React ve Next.js konularında uzmanlaşın.