آموزش Three.js ،React Three Fibra ،Drei ،React Spring و موارد دیگر

آنچه یاد خواهید گرفت:

• چگونه کتابخانه ThreeJs را نصب کرده و به پروژه خود ایمپورت کنید؟
• یادگیری مبانی ThreeJs با بسیاری از نمایش‌ها و کد مثال 
• یادگیری درباره صحنه، دوربین و رندرر ThreeJs
• ایجاد اولین صحنه ما در ThreeJs
• چگونه آبجکت‌ها را جابجا و متحرک کنید؟
• یادگیری درباره وب‌پک، نودجی‌اس و ارائه ماژول‌های ES6 به کلاینت‌های مرورگر
• یادگیری درباره هندسه‌ها مانند باکس، کره، صفحه، Torus و TorusKnot و موارد دیگر
• یادگیری درباره متریال اولیه، نرمال، لامبرت، Phong، استاندارد، Matcap و سایر متریال‌ها
• ما همچنین خواهیم آموخت که چگونه یک صحنه خیره کننده با استفاده از ذرات ایجاد کنیم.
• یادگیری مبانی ری‌اکت و هوک‌هایی مانند useState و useEffect و useRef و غیره
• یاد می‌گیرید JSX چه معنایی دارد.
• درباره قوانین ری‌اکت، استایل‌ها و غیره نیز یاد خواهیم گرفت.
• همه مواردی که تا کنون در threejs نیتیو انجام داده‌ایم را به محیط ری‌اکت با نام React Three Fiber منتقل می‌کنیم.
• بسیاری از کامپوننت های Drei پوشش داده خواهد شد.
• می‌آموزید که چگونه آیتم‌ها را هنگام اسکرول کردن متحرک کنید.
• چگونه صدا را به پروژه اضافه کنید؟
• متریال شیدر
• ما با کتابخانه انیمیشن به نام React Spring آشنا خواهیم شد.
•  پس پردازش ری‌اکت
• و خیلی موارد دیگر

توضیحات دوره

به دوره من درباره React Three Fiber خوش آمدید، جایی که شما یاد خواهید گرفت که چگونه وبسایت‌های سه‌بعدی خلاقانه و جذاب را با استفاده از Three.js و ری‌اکت بسازید.

در این دوره، همه موارد درباره Three.js و برخی از مبانی ری‌اکت را یاد خواهید گرفت تا بتوانید وبسایت‌های سه‌بعدی را در زیر یک کتابخانه به نام React Three Fiber ایجاد کنید.

این دوره شامل 6 بخش اصلی است:

• رفرشر Three.js - برخی دروس از دوره Three.js ما مورد بررسی قرار می‌گیرند تا شما بتوانید بفهید که بعدها چه توضیحاتی ارائه خواهد شد.
• ری‌اکت - برخی مبانی ری‌اکت توضیح داده خواهند شد زیرا این دوره عمدتاً درباره نوشتن کد ری‌اکت است
• React Three Fiber - اینجا جایی است که دوره واقعی شروع می‌شود، جایی که شما یاد خواهید گرفت چگونه Three.js را با ری‌اکت ترکیب کنید
• React Three Drei - ری‌اکت درباره ساخت کامپوننت‌های قابل استفاده مجدد است، ما بسیاری از کامپوننت‌های موجود در Drei را پوشش خواهیم داد.
• React Spring - ما یک کتابخانه انیمیشن مبتنی بر فیزیک خواهیم آموخت تا کمک کند سایت شما بهتر به نظر برسد.
• پس پردازش ری‌اکت - پس پردازش‌ها فیلترهایی هستند که به صحنه شما زیبایی اضافه خواهند کرد.

تمام کد در پوشه منابع ارائه شده است، جایی که می‌توانید پوشه راه‌اندازی را پیدا کنید که کد در ابتدای درس است و پوشه Last Code که کد نوشته شده پس از اتمام درس است.

این دوره برای چه کسانی مناسب است؟

• توسعه‌دهندگان مبتدی وب که می‌خواهند درباره ThreeJs و React Three Fiber یاد بگیرند.
• توسعه‌دهندگان فرانت‌اند که می‌خواهند درباره مفاهیم ThreeJs و React Three Fiber یاد بگیرند.
• توسعه‌دهندگان وب که می‌خواهند وبسایت‌های سه‌بعدی جذاب و خلاقانه ایجاد کنند.