Intro to Augmented Reality on the Web: WebXR and Three.js
Learn how to code and run augmented reality WebXR experiences on iOS and Android

What you will learn
How to create augmented reality apps on the web (that work in the browser with WebXR)
How to run WebXR apps on iOS and Android devices
The basics of programming with ThreeJS, a 3D javascript library
How to render different types of shapes and models in AR, with and without animations
How to add touch gestures in AR
Why take this course?
🚀 Dive into WebAR with WebXR Academy! 🎓
INTRODUCTION
Augmented Reality (AR) is revolutionizing the way we interact with digital content, and now it's coming to the web in a big way. WebXR stands at the forefront of this movement, offering an official web API that enables developers to craft immersive VR and AR experiences using the power of JavaScript. 🌐✨
Don't get left behind! Be among the pioneers in a field that's on the brink of becoming ubiquitous across the internet. In less than an hour, you could be creating captivating AR WebXR experiences for users worldwide. ⏰🚀
ACCESSIBILITY
We believe everyone should have access to learning, which is why we've provided:
- English closed captions that are manually transcribed for clarity and quality.
- Subtitles in multiple languages, including Spanish, French, Italian, Polish, Portuguese, German, Simplified Chinese, Traditional Chinese, Korean, Hindi, and Turkish. 🌍🎬
CONTENT OVERVIEW
By the course's conclusion, you will have a solid grasp of:
- Basic AR app creation on the web using WebXR.
- How to leverage Three.js, the powerful 3D library used in countless web applications.
- Techniques for loading and displaying 3D objects and models in an AR context.
- Methods for animating objects and models to bring them to life.
- Strategies for positioning and rotating objects within the AR space.
- Working with different kinds of 3D models to suit your needs.
- Incorporating touch gestures for interactive experiences.
- Transforming any Three.js application into an immersive AR experience.
- Testing WebXR experiences on desktops, iOS devices with ARKit, and Android devices with ARCore. 📱👀
PREREQUISITES
This course is designed to be accessible to all, whether you're a seasoned web developer or an absolute beginner:
- Some knowledge of JavaScript and web programming will be helpful but not mandatory, as the class comes with plenty of comments and explanations in the code examples.
- If you're new to 3D environments, augmented reality, Three.js, or WebXR, this class is tailored for you!
While our focus is on creating cross-platform AR experiences, testing with mobile devices will require either:
- An iOS device with ARKit support (most models from 2017 onwards).
- An Android device with ARCore support (most models from 2016 onwards). 📱✨
ABOUT US
At WebXR Academy, we're passionate about bringing the transformative power of augmented reality to the web. We aim to simplify the process, enabling you to develop AR experiences without the need for separate app downloads or complex coding in Swift or Java. 🛠️✨
With our guidance, you can create JavaScript-based AR applications that are accessible to millions of users across various devices and platforms. Join us on this exciting journey into the future of web development! 🌍💻
Start your journey towards mastering WebAR today with WebXR Academy! 🚀🎉
Screenshots




Our review
Overall Course Review:
The course "Introduction to Web Augmented Reality (AR)" has received a high rating of 4.36 from recent reviews. The consensus among learners is that the course provides a great introduction to the subject, with clear and simple explanations that are well-suited for beginners, as well as for those with limited experience in JavaScript.
Pros:
- Comprehensive Introduction: The course begins with solid theoretical foundations that make it easier for learners to grasp complex concepts.
- Clear Instructions: Instructors are prepared and knowledgeable, adept at breaking down content into manageable pieces.
- Well-Structured Content: The course is praised for its well-organized structure, which makes learning about Web AR and WebXR both interesting and accessible.
- Engaging and Relevant Material: The lectures, code examples, and linked articles are relevant and engaging, providing a solid foundation for those new to the field.
- Quick Overview: The overview of WebXR and how to apply AR is described as useful, with the anticipation that returning to the course material will be beneficial throughout a learner's journey to becoming a WebXR developer.
- Direct and Concise: The course content is direct and to the point, with clear examples in manageable course lengths.
- Resourceful: All the links, resources, and online documentation referenced are very helpful and add value to the learning experience.
Cons:
- Limited Projects: Some learners feel that there could be more projects, especially using Three.js, to provide a broader practical experience.
- Expectation Mismatch: A few reviews suggest that the course content could have been delivered in a shorter manner and then expanded upon with more examples or advanced topics.
- Promotion of Additional Content: It is noted that the course may serve as a "trailer" for a more detailed version of the course available at a higher cost, which could be misleading to learners looking for comprehensive learning in one place.
- Intrigue and Uncertainty: There are concerns about the relevance of some content due to rapid advancements in technology, specifically regarding Apple's WebXR acceptance status and the future functionality of certain features.
- Desire for Advanced Topics: Some learners expected more advanced topics from an introductory course named "Introduction to..." and felt that the current content could have been condensed to accommodate this.
In summary, this course is highly recommended for beginners and those with limited experience in Web AR and WebXR development. It offers clear explanations, valuable resources, and a solid theoretical foundation. However, learners with prior knowledge or those seeking more advanced topics might find the content too basic and want to consider additional resources or courses for a more in-depth understanding of the subject.