آموزش ایجاد تجربیات VR با React 360
Creating VR Experiences with React 360
***************به‌روزرسانی آگوست 2019************
پروژه های جدید: GeometryVR
پروژه های جدید: TourismVR
انجمن Discord فعال است.
*********************************************
با React360 و WebVR شروع کنید!
آیا به غواصی در واقعیت مجازی علاقه دارید؟ آیا شما یک برنامه نویس هستید که می خواهید آنچه را که WebVR ارائه می دهد کشف کنید؟ پس این دوره برای شما مناسب است.
اگر شما هم مانند من هستید، نگاهی اجمالی به واقعیت مجازی و وعده‌هایی که در آینده نزدیک برای ما در نظر گرفته است، گرفته‌اید. اکنون زمان بسیار خوبی برای فرو رفتن در این فناوری و آزمایش ایده های عالی است. با ادامه توسعه واقعیت مجازی، این حوزه فناوری در حال ایجاد اختلال در صنایع متعدد است. هیچ برنامه قاتل (هنوز) برای VR وجود ندارد، به این معنی که غرب وحشی برای هر کسی است که به اندازه کافی شجاع باشد تا مناطق ناشناخته را کشف کند. علاوه بر این، WebVR پیشرفت های زیادی داشته است و در حال حاضر غواصی آسان تر از همیشه است. پس منتظر چه هستید؟
از این دوره چه انتظاری باید داشت؟
این دوره به شما اصول کتابخانه واقعیت مجازی React 360 فیس بوک و نحوه ساخت برنامه های چند رسانه ای WebVR 360 درجه را به شما می آموزد. شما می‌توانید برنامه‌های کاربردی را از ابتدا بسازید، آنها را در مرحله تولید قرار دهید و بتوانید آنها را روی دسکتاپ و هدست مشاهده کنید. علاوه بر این، با پیشرفت در دوره، ویژگی‌های پیشرفته‌تر React 360 و نحوه پیاده‌سازی آنها را برای ایجاد پروژه‌های جالب‌تر و پیچیده‌تر به شما آموزش می‌دهم.
ساختار این دوره به گونه‌ای است که 6 پروژه کامل ایجاد می‌کند که ویژگی‌های کلیدی متعددی را که هم اولیه و هم پیشرفته‌ای است که react 360 ارائه می‌دهد را به نمایش می‌گذارد. 6 پروژه به شرح زیر است:
HouseTourVR
DynamicSurfacesVR
TourismVR
CryptoDashboardVR
SpringBreakVR
GeometryVR
هر چند به همین جا ختم نمی شود! در صورت خرید این دوره می توانید منتظر پروژه های جدید و به روز رسانی های ماهانه باشید. من دوست دارم ایده‌ها، منابع، اطلاعات و پروژه‌های جدیدم را با دانش‌آموزانم به اشتراک بگذارم، بنابراین شما دسترسی انحصاری به همه آنها از جمله دسترسی به دوره‌های آموزشی کانال Discord خواهید داشت.
الزامات
تجربه با جاوا اسکریپت مفید خواهد بود اما کاملا ضروری نیست. اگر حداقل یک زبان برنامه نویسی بلد باشید به خوبی کار خواهید کرد. علاوه بر این، تجربه توسعه وب مفید خواهد بود اما به هیچ وجه کاملا ضروری نیست. من شما را در تمام قسمت های دوره راهنمایی خواهم کرد.
قبل از خرید دوره، لطفاً توجه داشته باشید که این دوره با استفاده از رایانه مک بوک توسعه داده شده است. بنابراین، دوره برای آن پلتفرم ها بهینه شده است. این امکان وجود دارد که همراه با رایانه ویندوزی دنبال شود، اما پشتیبانی محدود خواهد بود.
مقدمه: شروع به کار با React 360 Introduction: Getting Started with React 360
-
شروع به کار: نصب، مشاهده برنامه شما در دسکتاپ و موبایل Getting Started: Installation, Viewing Your App on Desktop and Mobile
-
گروه دیسکورد و یادگیری با هم The Discord Group and Learning Together
پروژه اول: HouseTourVR Project One: HouseTourVR
-
معرفی Introduction
-
درس اول: تصویر پس‌زمینه و طرح‌بندی Lesson One: Background Image and Layout
-
درس دوم: VrButton و تغییر حالت Lesson Two: VrButton & State Change
-
درس سوم: پانل های سطحی Lesson Three: Surface Panels
-
درس چهارم: ذخیره و همگام سازی داده ها Lesson Four: Store & Data Synchronization
-
درس پنجم: استایل سازی Lesson Five: Styling
-
درس ششم: صوتی Lesson Six: Audio
-
درس هفتم: صفحه فرود Lesson Seven: Landing Page
-
درس هشتم: استقرار برنامه VR ما Lesson Eight: Deploying Our VR App
پروژه دوم: سطوح پویا Project Two: Dynamic Surfaces
-
معرفی Introduction
-
درس اول: نوشتن و پیاده سازی یک Native Module Lesson One: Writing and Implementing a NativeModule
-
درس دوم: تغییر شکل یک پانل Lesson Two: Changing the Shape of a Panel
-
درس سوم: تغییر اندازه به صورت پویا Lesson Three: Changing the Size Dynamically
-
درس چهارم: ایجاد و از بین بردن پویا Lesson Four: Creating and Destroying Dynamically
پروژه سوم: TourismVR Project Three: TourismVR
-
معرفی Introduction
-
درس اول: سطوح مشترک LessonOne: Shared Surfaces
-
درس دوم: ایجاد یک صحنه مقدماتی Lesson Two: Creating an Introduction Scene
-
درس سوم: نمایش پویا اطلاعات Hot Spot Lesson Three: Dynamically Displaying Hot Spot Information
-
نتیجه Conclusion
پروژه چهارم: CryptoDashBoardVR Project Four: CryptoDashBoardVR
-
معرفی Introduction
-
درس اول: اضافه کردن اشیاء سه بعدی Lesson One: Adding 3D Objects
-
درس دوم: اضافه کردن پانل ها Lesson Two: Adding the Panels
-
درس سوم: واکشی داده با Postman و fetch() Lesson Three: Fetching Data with Postman and fetch()
-
درس چهارم: ذخیره و همگام سازی داده ها Lesson Four: Data Store and Synchronization
-
درس پنجم: انیمیشن Lesson Five: Animation
-
درس ششم Lesson Six
-
نتیجه Conclusion
پروژه پنجم: SpringBreakVR Project Five: SpringBreakVR
-
معرفی Introduction
-
درس اول Lesson One
-
درس دوم Lesson Two
-
درس سوم Lesson Three
-
نتیجه Conclusion
-
جایزه ویدیو: استفاده از React 360 Common UI Video Bonus: Using React 360 Common UI
پروژه ششم: GeometryVR Project Six: GeometryVR
-
معرفی Introduction
-
درس اول: جعبه Lesson One: Box
-
درس دوم: سیلندر Lesson Two: Cylinder
-
درس سوم: کره Lesson Three: Sphere
-
درس چهارم: هواپیما Lesson Four: Plane
-
نتیجه گیری: مواردی که باید در نظر داشت Conclusion: Things to Keep In Mind
نتیجه Conclusion
-
منابع Resources
https://donyad.com/d/9a1828
Daniel Rubio
توسعه دهنده وب
نمایش نظرات