در این آموزش تصویری با نمونه سازی سریع با Framer آشنا می شوید. این دوره از دانلود Framer Studio و کار با رابط کاربری شروع می شود و در نهایت به آموزش  CoffeeScript برای Framer و کار با لایه ها در فتوشاپ و همچنین به ایجاد ماژول ها می پردازد. پس از پایان این دوره قادر به ایجاد نمونه های اولیه تعاملی با استفاده از Framer خواهید بود.
این دوره آموزشی محصول موسسه InfiniteSkills است.

سرفصل های دوره:

  • معرفی Framer
  • معرفی Framer Studio
  • کار با CoffeeScript برای Framer
  • کار با متغیرها
  • کار با اپراتورها
  • کار با آرایه ها
  • کار با حلقه ها
  • کار با رشته ها
  • کار با توابع
  • معرفی CoffeeScript
  • کار با لایه ها
  • انتخاب لایه ها در Framer
  • کار با ساختار فایل
  • نحوه ساخت انیمیشن
  • کار با میانبرهای صفحه کلید
  • کار با رویدادها
  • تنظیمات انیمیشن
  • کار با ماژول ها
  • و….

عنوان دوره: InfiniteSkills Rapid Prototyping with Framer
مدت زمان: 5 ساعت
نویسنده: Kenny Chen


In this project-based Rapid Prototyping with Framer video tutorial series, you'll quickly have relevant skills for real-world applications.
Follow along with our expert instructor in this training course to get:
Concise, informative and broadcast-quality Rapid Prototyping with Framer training videos delivered to your desktop
The ability to learn at your own pace with our intuitive, easy-to-use interface
A quick grasp of even the most complex Rapid Prototyping with Framer subjects because they're broken into simple, easy to follow tutorial videos
Practical working files further enhance the learning process and provide a degree of retention that is unmatched by any other form of Rapid Prototyping with Framer tutorial, online or offline... so you'll know the exact steps for your own projects.
In this Rapid Prototyping with Framer training course, expert author Kenny Chen will teach you how to create your own interactive prototypes with Framer. This course is designed for the absolute beginner, meaning no experience with Framer is required.
You will start by learning how to download Framer Studio and navigate the interface. From there, Kenny will teach you about CoffeeScript for Framer. This video tutorial also covers layers, including how to position and size layers, as well as how to import designs from Sketch and Photoshop. You will also learn about animation and how to work smarter and faster using layer and animation defaults. Kenny will then teach you about events, states, and components. Finally, you will learn how to create and use modules. 
Once you have completed this computer based training course, you will be fully capable of creating your own interactive prototypes using Framer.

01. Introduction
Framer And Prototyping
Course Overview
About The Author
0104 How To Access Your Working Files
02. Our First Framer Prototype
Downloading Framer Studio
The Framer Studio Interface
Hello World
Preview Your Framer Prototype
Framer.js For PC Or Without Framer Studio
03. CoffeeScript For Framer
0301 Overview
0302 Variables
0303 Strings
0304 Numbers
0305 Boolean
0306 Operators
0307 Conditionals
0308 Arrays
0309 Objects
0310 Loops
0311 Functions
0313 CoffeeScript Exercise
0314 CoffeeScript Exercise Solution
0315 Resources
04. All About Layers
0401 Overview
0402 Positioning
0403 Size
0404 Appearance
0405 Hierarchy
0406 Layer Types
0407 Layer Exercise
0408 Layer Exercise Solution
05. Import Designs From Sketch And Photoshop
0501 Import Designs From Sketch And Photoshop
0502 Selecting Layers In Framer
0503 Hidden Layers And Artboards In Sketch
0504 Structuring Your Design Files
0505 Import Design Exercise
0506 Import Design Exercise Solution
06. Animation
0601 Making Layers Move
0602 Timing, Delay, And Repeat
0603 Linear, Ease, And Bezier Curves
0604 Spring Curves
0605 Animation Objects
0606 Animation Exercise
0607 Animation Exercise Solution
0608 Animation Resources
07. Working Smarter And Faster
0701 Snippets
0702 Layer And Animation Defaults
0703 Keyboard Shortcuts
0704 Utilities
0705 Working Faster Exercise
0706 Working Faster Exercise Solution
08. Events
0801 Click And Touch Event
0802 Click Prototype: Quotes - Part 1
0803 Click Prototype: Quotes - Part 2
0804 Animation Events And Chaining
0805 Animation Chaining: Random Hearts - Part 1
0806 Animation Chaining: Random Hearts - Part 2
0807 Animation Chaining: Random Hearts - Part 3
0808 Drag Event
0809 Drag Prototype: Pull Down To Refresh - Part 1
0810 Drag Prototype: Pull Down To Refresh - Part 2
0811 Drag Prototype: Pull Down To Refresh - Part 3
0812 Property Change Event
0813 Events Exercise
0814 Events Exercise Solution
09. States
0901 Adding States
0902 Switching States
0903 Default State
0904 Editing States
0905 Animation Options
0906 States Exercise
0907 States Exercise Solution
10. Components
1001 Scroll Component
1002 Scroll Prototype: News - Part 1
1003 Scroll Prototype: News - Part 2
1004 Page Component
1005 Page Prototype: Weather - Part 1
1006 Page Prototype: Weather - Part 2
1007 Combining Scroll And Page Components
1008 Slider Component
1009 Vertical Slider
1010 Slider Prototype: Color - Part 1
1011 Slider Prototype: Color - Part 2
1012 Components Exercise
1013 Components Exercise Solution
11. Modules
1101 Overview
1102 Creating And Using Modules
1103 Modules Exercise
1104 Modules Exercise Solution
1105 More Modules
12. Conclusion
1201 Where To Go From Here
1202 Framer Beta
1203 Framer Resources
1204 Thank You

حجم فایل: 1.4GB