Creating VR Experiences with React 360

Get started with WebVR. Build React 360 apps from start to finish.

4.95 (150 reviews)
Udemy
platform
English
language
Other
category
instructor
Creating VR Experiences with React 360
1,273
students
5 hours
content
Aug 2019
last update
$54.99
regular price

What you will learn

React 360 Basic Principles and Features (Photos, Videos, Audio, Animations, Complex State Management)

React 360 Advanced Features (Dynamic Surfaces & Native Modules)

Implement Geometric Objects Formerly From React VR (Box, Cylinder, Plane, Sphere)

Understand How to Use an API in React 360 to Fetch and Present Data

Deploy React 360 Applications to Production

Description

***************August 2019 Update************

New projects: GeometryVR

New projects: TourismVR

Discord community is up and live.

*********************************************


Get Started With React360 and WebVR!

Are you interested in diving into virtual reality? Are you a programmer who wants to explore what WebVR has to offer? Then this course is for you.

If you're like me, you've caught a glimpse of virtual reality and the promises it has in store for us in the near future. Now is a great time to dive into this technology and experiment with great ideas. As virtual reality continues to develop, this field of technology is poised to disrupt numerous industries. There is no killer app (yet) for VR which means that its the wild west for anyone who's brave enough to explore unknown territories. Additionally, WebVR has made huge strides and right now is easier than ever to dive in. So what are you waiting for?

What to expect from this course?

This course will teach you the basics of Facebook's React 360 virtual reality library and how you can  build 360 degree multimedia WebVR applications. You'll be able to build applications from scratch, deploy them to production and be able to view them on desktop and headsets. Additionally, As we progress through the course, I'll teach you more advanced features of React 360 and how you can implement them to create more interesting and intricate projects.

The course is structured to create 6 complete projects that showcase the many key features both basic and advanced that react 360 has to offer. The 6 projects are the following:

  1. HouseTourVR

  2. DynamicSurfacesVR

  3. TourismVR

  4. CryptoDashboardVR

  5. SpringBreakVR

  6. GeometryVR

It doesn't stop there though! If you purchase this course you can expect new projects and updates monthly. I love to share my ideas, resources, information, and new projects with my students, so you will have exclusive access to all of that including access to the courses Discord channel.

Requirements

Experience with Javascript would be helpful but not absolutely necessary. If you know at least one programming language you will do just fine. Additionally, web development experience would be helpful but by no means absolutely necessary. I will walk you through every part of the course.

Before you purchase the course, please be aware that this course was developed using a Macbook computer. Therefore, the course is optimized for those platforms. It is possible to follow along with a Windows computer but support will be limited.


Content

Introduction: Getting Started with React 360

Getting Started: Installation, Viewing Your App on Desktop and Mobile
The Discord Group and Learning Together

Project One: HouseTourVR

Introduction
Lesson One: Background Image and Layout
Lesson Two: VrButton & State Change
Lesson Three: Surface Panels
Lesson Four: Store & Data Synchronization
Lesson Five: Styling
Lesson Six: Audio
Lesson Seven: Landing Page
Lesson Eight: Deploying Our VR App

Project Two: Dynamic Surfaces

Introduction
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

Project Three: TourismVR

Introduction
LessonOne: Shared Surfaces
Lesson Two: Creating an Introduction Scene
Lesson Three: Dynamically Displaying Hot Spot Information
Conclusion

Project Four: CryptoDashBoardVR

Introduction
Lesson One: Adding 3D Objects
Lesson Two: Adding the Panels
Lesson Three: Fetching Data with Postman and fetch()
Lesson Four: Data Store and Synchronization
Lesson Five: Animation
Lesson Six
Conclusion

Project Five: SpringBreakVR

Introduction
Lesson One
Lesson Two
Lesson Three
Conclusion
Video Bonus: Using React 360 Common UI

Project Six: GeometryVR

Introduction
Lesson One: Box
Lesson Two: Cylinder
Lesson Three: Sphere
Lesson Four: Plane
Conclusion: Things to Keep In Mind

Conclusion

Resources

Reviews

Michal
September 7, 2020
Straightforward and easy to follow, although the tutor doesn't teach the best practices, like code structuring, from the start.
Guillermo
August 18, 2020
I like this course. It has a good pace for someone like me who is an experienced web developer, but a newbie at 3D and VR :)
Farrukh
March 6, 2020
So far at 50% of course, very intuitive course, However it would be great if advance projects like SpringBreakVR"VideoVR" project is initiated with every single commit. any how if you dont know how to create a VR website this course will let you do that. Excellent
Johnny
October 28, 2019
This is an excellent tutorial and desinged exactly for beginners. It puts you in a place where you'll be practicing on your own immediately after. Gives a solid understanding of client.js and the difference of surface and location which is what I found to be the learning curve between 360 and native. Only thing I can think to add to the update which I believe would make a huge difference is I was left asking only one question for a full understanding. How do you render new 3d models in a new environment. If I was to "switch rooms" is there a way to add a new set of 3d models obj that were not in the first room. Out side of that it's a complete and sound tutorial I definitely recommend it.
Pat
September 25, 2019
The best course on React 360 out there hands down. The instructor is great and what you build shows what is possible with 360! The growing Discord community keeps you in touch with all things related. Looking forward to the next classes.
Nicanor
September 10, 2019
Daniel has been an awesome tutor, he explains the code from the beginner mindset and refers you to the correct resources. He even explains why and how to do what he does. I have gained much learning from him.
Malik
August 6, 2019
So far course is great, exactly what i expected, Teacher is good in React and VR ..... :) & yeah updating course with new stuff which is awesome to have some more examples on board.
Jessica
June 17, 2019
I was interested to learn about VR and this course seemed like a good starting point. So far, I’m enjoying the content and the instructor is engaging.
Sara
June 4, 2019
This course was exactly what I was looking for. The official docs for React 360 have a few noticeable errors which made using React 360 frustrating. I was particularly pleased that this course had a section on mobile which the official docs noticeably doesn't have.

Charts

Price

Creating VR Experiences with React 360 - Price chart

Rating

Creating VR Experiences with React 360 - Ratings chart

Enrollment distribution

Creating VR Experiences with React 360 - Distribution chart
2184976
udemy ID
1/29/2019
course created date
10/16/2019
course indexed date
Bot
course submited by