پیشنهاد فرادرس

نمونه سازی سریع با Framer

دسته بندی ها: آموزش های Infinite Skills ، دیزاین

infiniteskills-rapid-prototyping-with-framer

در این آموزش تصویری با نمونه سازی سریع با 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 0312 Comments 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

به این نوشته امتیاز دهید 1 2 3 4 5 بدون امتیاز
InfiniteSkills Rapid Prototyping with Framer

پیشنهاد فرادرس