آموزش دوره کامل فرَیمر ۲۰۲۵ - آخرین آپدیت

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

مقدمه‌ای بر Framer JS Introduction to Framer JS

• آغازگر دوره Course Opener

• مروری بر Framer JS Overview of Framer JS

• آزمون Quiz

• نصب محیط Framer Installing Framer environment

• مروری بر فضای کاری Framer Overview of Framer Workspace

اصول طراحی در Framer Basics of Design in Framer

• ابزار طراحی و فریم‌ها Design Tool and Frames

• ابزار طراحی، استک‌ها و گریدها Design Tool, Stacks and grids

• اشکال متنی و تصاویر Text Shapes and Images

• ایجاد اولین طراحی پایه Creating First Basic Design

• تکلیف عملی Practical Assignment

مبانی پروتوتایپینگ Prototyping Fundamentals

• مقدمه‌ای بر پروتوتایپینگ Introduction to Prototyping

• ایجاد تعاملات و انیمیشن‌های پایه Creating basic interactions and animations

• اتصال کامپوننت‌ها Linking Components

• پیش‌نمایش و گزینه‌های اشتراک‌گذاری Preview and sharing options

• تکلیف عملی Practical Assignment

کار با کامپوننت‌ها Working with Components

• درک کامپوننت‌ها در Framer Understanding components in Framer

• ایجاد و استفاده از کامپوننت‌های سفارشی Creating and using custom components

• ویژگی‌ها و وضعیت‌های کامپوننت‌ها Properties and states of components

• سیستم‌های طراحی قابل استفاده مجدد Reusable design systems

• تکلیف عملی Practical Assignment

تعاملات پیشرفته Advanced Interactions

• مروری بر تعاملات پیشرفته Advanced Interactions Overview

• استفاده از کامپوننت‌های حرکت و اسکرول - انیمیشن اسکرول Using motion and scroll components - Scroll Animation

• استفاده از کامپوننت‌های حرکت و اسکرول - سرعت اسکرول Using motion and scroll components - Scroll Speed

• استفاده از کامپوننت‌های حرکت و اسکرول - استفاده از ترنسفورم Using motion and scroll components - Use Transform

• استفاده از کامپوننت‌های حرکت و اسکرول - واریانت‌های اسکرول Using motion and scroll components - Scroll Variants

• مورد کاربری واقعی - ۱ Real World User Case - 1

• مورد کاربری واقعی - ۲ Real World User Case - 2

• تکلیف عملی Pracatical Assignment

ادغام کد در Framer Integrating Code in Framer

• مبانی API Framer Motion Basics Of Framer Motion API

• کدنویسی در محیط Framer Coding in Framer Environment

• کدنویسی در Framer Motion - کنترل ویژگی‌ها Coding in Framer Motion - Properties Control

• درک مبانی React Understanding Basics of React

• درک React - بازنویسی‌های کد Understanding React- Code Overrides

• اتصال کامپوننت به داده واقعی Connecting component to real data

• تکلیف کامپوننت‌های کد Assignment Code Components

• تکلیف بازنویسی‌های کد، کامپوننت‌ها و کامپوننت کد Assignment Code Overrides, Components & code component

همکاری و کنترل نسخه Collaboration and Version Control

• ایجاد تیم‌ها در پروژه Creating Teams in Project

• اشتراک‌گذاری پروژه‌ها در Framer Sharing Projects in Framer

• کنترل نسخه Version Control

• بازخورد و فرآیند طراحی تکرارشونده FeedBack and Iterative Design Process

• تکلیف استفاده از کنترل نسخه Assignment to use version control

قابلیت استفاده و پروتوتایپینگ Usability and Prototyping

• پروتوتایپینگ برای وب و موبایل Prototyping For Web and Mobile

• سازگار کردن طراحی با موبایل Making design mobile compatible

• بهینه‌سازی در Framer JS Optimizing In Framer JS

• تکلیف سازگار کردن طراحی با موبایل Assignment Make Design Mobile Compatible

پروژه نهایی Final Project

• به‌کارگیری تمام مهارت‌های آموخته شده برای ایجاد یک پروتوتایپ جامع - ۱ Applying all learned skills to create a comprehensive prototype-1

• به‌کارگیری تمام مهارت‌های آموخته شده برای ایجاد یک پروتوتایپ جامع - ۲ Applying all learned skills to create a comprehensive prototype-2

• مرور کلی دوره Course Recap