آموزش React Three Fiber (R3F) - توسعه تعاملی وب سهبعدی
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- نکات عملی و روشهای بهینهسازی آموخته شده از یک سرپرست تمام وقت تیم توسعه وب در یک شرکت بزرگ بازیسازی
- یادگیری Web3D از پایه و گامبهگام
- تسلط همزمان به ریکت و Three js با React Three Fiber (R3F)
- با یادگیری استک R3F، وب R3F را به راحتی و با لذت میسازید، چیزی که در هیچ جای دیگر نمیتوانید پیدا کنید.
- ایجاد پورتفولیوی خود با کار کردن با مثالهای مختلف که میتوانند در عمل استفاده شوند و با کمی تغییر در کار شما اعمال شوند.
- پس از دوره قادر خواهید بود وبسایتهایی با افکتهای ویژه برجسته بسازید که منحصربهفرد و متفاوت از هر وبسایت دیگری باشد.
پیشنیازهای دوره
- کسی که مبانی جاوااسکریپت را بداند.
- داشتن دانش اولیه درباره ریاکت مفید است، اما حتی اگر این دانش را هم نداشته باشید، هنوز هم میتوانید از پایه یاد بگیرید.
توضیحات دوره
توسعه وب سهبعدی تعاملی با React Three Fiber (R3F) و آموزش از سوی رهبر یک تیم مهندسی گرافیک وب با 10 سال سابقه
از مبانی سهبعدی تا پروژههایی که در محیط کار کاربرد دارند و نکات بهینهسازی، یاد میگیرید چگونه ریاکت و Three.js را با هم به کار ببرید.
آیا از ایجاد تابلوهای اعلانات وبسایت و توسعه پنجرههای پاپآپ خسته شدهاید؟
آیا میخواهید وبسایتی برای شرکت خود ایجاد کنید که پرزرق و برق و متمایز باشد و از دیگران جلو بزند؟
آیا میخواهید وبسایتی بسازید که همه را شگفتزده کند؟
صنایعی مانند واقعیت مجازی (VR)، واقعیت افزوده (AR)، بازیهای آنلاین و بلاکچین به محتوای وب رنگارنگتر و تعاملیتر نیاز دارند. تقاضای زیادی برای افرادی مانند توسعهدهندگان فرانتاند و مهندسان گرافیک وب که این امکانات را فراهم کنند وجود دارد.
با این حال، در حالی که منابع زیادی برای توسعهدهندگان بازی و توسعهدهندگان یونیتی وجود دارد، منابع کافی برای ایجاد وب سهبعدی ایجاد نشده است.
اینجاست که این دوره وارد میشود.
شما درباره R3F (React Three Fiber) که ابزاری برای تسلط همزمان به ریاکت و Three.js است، آموزش خواهید دید.
شما روش ساخت وبسایت سهبعدی را به شکلی سادهتر و جذابتر با یادگیری فناوری R3F خواهید آموخت که در هیچ جای دیگری یافت نمیشود.
نکات و ترفندهایی از یک مهندس گرافیک وب در یک شرکت بازیهای تعاملی سهبعدی با 10 سال تجربه دریافت خواهید کرد.
این آموزش به صورت گامبهگام و همراه با مثالهای عملی کاربردی ارائه میشود.
این دوره شامل ویدئویی با استفاده از TTS (تبدیل متن به گفتار) است. لطفاً حتماً پیشنمایش درس را قبل از شرکت در دوره مشاهده کنید.
این دوره برای چه کسانی مناسب است؟
- شما یک توسعهدهنده و طراح هستید که میخواهید طرحهای وبی داشته باشید که از طریق سهبعدی شگفتانگیز باشند.
- شما یک توسعهدهنده و طراح هستید که میخواهید ابزارهای ویژهای را که میتوانند وبسایتها را برجسته و جالب کنند، درک کنید.
- توسعهدهندهای که میخواهد سلاحی متفاوت از دیگران داشته باشد.
- توسعهدهنده و طراحی که میخواهد شروع به امتحان موارد سرگرمکننده در وب کند.
آموزش React Three Fiber (R3F) - توسعه تعاملی وب سهبعدی
-
نصب کروم، ویژوال استودیو کد و iterm2 03:23
-
نصب nvm (npm و node) 05:09
-
ایجاد پروژه با Vite 08:37
-
چگونه کامپوننتهای سطح ماژول را ایمپورت کنیم؟ 07:14
-
چرا درباره js و ts و تایپاسکریپت سخنرانی کنید؟ 03:50
-
نصب R3F و Drei 02:32
-
ایجاد بوم R3F 09:44
-
مبانی سهبعدی - یادگیری درباره کامپوننتها 11:37
-
رندرر (useFrame) 17:09
-
دوربین (پرسپکتیو و ارتوگرافیک) 08:44
-
کنترلها و Helper (axesHelper و gridHelper) 08:34
-
صحنه (مش - هندسه + متریال) 14:01
-
کنترل GUI (leva) 08:47
-
تبدیل - موقعیت، اندازه و چرخش 09:36
-
مفهوم Object3d - (صحنه، گروه و مش) 10:58
-
حرکت به صورت گروهی (سیستم مختصات جهانی و محلی) 10:00
-
مفاهیم هندسه و مدلسازی 09:52
-
3 روش برای افزودن مش در R3F 08:18
-
وایرفریم، هندسه مشترک و گزینههای boxGeometry 13:40
مشخصات آموزش
آموزش React Three Fiber (R3F) - توسعه تعاملی وب سهبعدی
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:مقدماتی
- تعداد درس:19
- مدت زمان :02:52:47
- حجم :3.0GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy