Checklist

Certification

You will get a certificate on completing this course.

University

This course is not affiliated with any university.

Price

This course costs very less.

Edvicer's Rewards

You can get a cashback of ₹ 100 on buying this course.

UI Prototyping with Framer.js

UI Prototyping with Framer.js

1425/month
Start anytime
Self paced
English
Course by
PluralsightCourses from Pluralsight
Certificate awarded
Beginner
Login to earn ₹ 100

Limited Time Discount Offers

Save your money with Edvicer. Check out our premium courses with discount offers.

Discount offers - Edvicer

Limited Time Discount Offers

Save your money with Edvicer. Check out our premium courses with discount offers.

Map your Career

Not sure which job profiles this course will open for you? Check out our AI based tool to get a complete personalized career map.

Career Mapper - Edvicer

Map your Career

Not sure which job profiles this course will open for you? Check out our AI based tool to get a complete personalized career map.

Checklist

Certification

You will get a certificate on completing this course.

University

This course is not affiliated with any university.

Price

This course costs very less.

Edvicer's Rewards

You can get a cashback of ₹ 100 on buying this course.

Why should you choose this course?

Description

Use Framer Studio to design and build responsive interactions, explore advanced animation techniques, and build data-driven UI prototypes together.

Syllabus

Intro and Agenda
UI Prototyping
Framer Examples
Under the Hood
Framer Studio Tour
Exercise 1: Ship a Framer Prototype
CoffeeScript Primer
Layers
Layer Properties
Layer Events
Code Structure
Exercise 2: Interacting with Layers
Animation Basics
Dragging and Scrolling
Video
Exercise 3: Material Response
Importing Overview
Importing from Photoshop
Importing from Sketch
Exercise 4: Prototype an App
Animation Objects
Bezier Animation Curves
Setting Defaults and Layer States
Sequencing and Cascading
Exercise 5: Animation Workshop
Exercise 5: Solution
Dynamism
Modulation
Resistance
Velocity
Thresholds
Exercise 6: Card Swipe UI
Exercise 6: Continued
Layers and HTML
Pulling in JSON
Using Firebase
Exercise 7: 'Smart' Prototypes with Firebase
Wrap-up

What others say about this course

Write your review of UI Prototyping with Framer.js

Facebook account of EdvicerLinkedin account of EdvicerInstagram account of Edvicer
Twitter account of EdvicerPinterest account of EdvicerYoutube account of Edvicer