Intro to Augmented Reality on the Web: WebXR and Three.js (Udemy.com)
Learn how to code and run augmented reality WebXR experiences on iOS and Android
Created by: WebXR Academy
Last updated March 2024
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
How it compares
Against the other 815 rated Udemy courses in Web Development on CourseDuck:
- Rating4.3 out of 5higher than 21% of them
- Reviews448#310 of 816 by number of reviews
- Length2.7 hoursshorter than 81% of them
- Last updatedMarch 2024earlier than 59% of them
Course Description
INTRODUCTION
Augmented reality has the potential to become massively adopted on the web, where users don’t have to download apps or make sure they have the latest hardware. WebXR is one of the newest, official web APIs that allows developers to create VR and AR experiences using Javascript.
Don’t miss out on being one of the first developers to be well-versed in a technology that will be all over the web soon. Within less than an hour you could be creating your own AR experiences on the web!
SUBTITLES
English closed captions have been manually transcribed and are high quality.
Subtitles available in Spanish, French, Italian, Polish, Portuguese, German, Simplified Chinese, Traditional Chinese, Korean, Hindi, and Turkish.
CONTENT
By the end of this course you will know the basics of how to create simple augmented reality experiences on the web and a basic understanding of how to design and code 3D experiences. Each lecture includes sample code and external link examples to support your learning.
Specifically you will learn how to:
Create basic AR apps on the web using WebXR
Use a powerful 3D library called Three.js used by millions of applications on the web
Load and display 3D objects and models in AR
Animate objects and models
Positioning and rotation in AR
Work with different types of 3D models
Use touch gestures to provide interactivity
Convert any Three.js application into an AR app
Test WebXR experiences on your desktop, iOS, or Android devices
PREREQUISITES
While you will find it useful to have some previous Javascript and web programming knowledge, the class can be followed by absolute beginners as the coding environment is simple and the code examples are set up with many comments and explanations. If you don’t know anything about 3D environments, augmented reality, Three.js or WebXR then this class is for you.
While you can prototype WebXR using any desktop computer, to simulate real mobile AR you want to have either an iOS device that supports ARKit (most phones or iPads after 2017) or an Android device that supports ARCore (most phones after 2016).
ABOUT US
We are a coding school specializing in the exciting new technology of augmented reality on the web. No more downloading of apps or cumbersome coding in Swift or Java, just create your AR app in Javascript, HTML, and CSS and make it available painlessly to millions of people all over the world.
Instructor Details
- 4.3 Rating
448 Reviews
WebXR Academy
We are a coding school specializing in the exciting new technology of augmented reality on the web. No more downloading of apps or cumbersome coding in Swift or Java, just create your AR app in Javascript, HTML, and CSS and make it available painlessly to millions of people all over the world.
More courses by WebXR Academy
Ace Your Coding Interview & Land Your Dream Developer Job (2024)
4.3 (148 Reviews)
Provider: Udemy
Time: 7.4h
$19.99
More Web Development courses
Python Fullstack Mastery: Build Modern Web Apps with Django (2025)
5.0 (165 Reviews)
Provider: Udemy
Time: 35h
$19.99
NgRx Signal store for Angular - The missing guide (2026)
4.9 (436 Reviews)
Provider: Udemy
Time: 11.3h
$89.99
Vue 3: Create a Mobile & Desktop App (with Quasar 2 & Pinia) (2024)
4.9 (177 Reviews)
Provider: Udemy
Time: 7.6h
$79.99
Build a URL Shortener App with ASP.NET: Step by Step (2026)
4.9 (100 Reviews)
Provider: Udemy
Time: 9.6h
$10.99
The Complete Elixir and Phoenix Bootcamp (2021)
4.8 (7,773 Reviews)
Provider: Udemy
Time: 17.4h
$84.99
Reviews
By Miriam Weiß on 6/25/2026
The course needs an update, some features and workarounds can't be accessed (since some add-ons got an update and functions are missing now), also Glitch.com is not available anymore (instead you can use VS, but for some who don't know about alternatives thats problematic.). Still I really like, how things are being explained.
By Acs on 1/9/2025
This course is meticulously designed, with every minute offering valuable content. The explanations are thorough and detailed, and ample opportunities are provided to test your understanding at each stage.
By Mathijs de Jong on 1/25/2024
Overall good introduction to WebXR in Three.js. However audio quality is bad, gets worse during the course. Should be fixed in post production (normalizing peaks). Sometimes a bit too high over, missing context as to why we want to use specific methods.
By Anonymized User on 10/26/2023
yes it had lots of good relevant information. i especially liked the explanation on hit testing. i didn't leave 5 stars because the audio recording could have been better, there could have been more detail, and the presenter used the words "actually" and "essentially" a lot (it became a bit distracting). however, the presenter did a great job, all things considered.
By Erin Moss on 5/10/2023
Clear explanations of the basic concepts, great if you've never experienced any XR development before and want some guidance. It would probably be much more difficult without prior web development experience in general though
By Nicholi Noah on 2/2/2023
Great delivery. Detailed explanations that teach more than just making the project. All the links, resources, and online documentation you've referenced are very helpful.
By Nate Escobar on 8/23/2022
I found this class to be very direct to the content of WebXR and ThreeJS development. Clear and concise examples in manageable course lengths. I will most likely go through this course again.
By Jose Rodriguez on 7/11/2022
Tengo varias dudas acerca de WEBXR , sobre todo porque ya acepta AR desde safari , pero en WEBXR aún no … No sé si aún siguen trabajando en ello los de Apple. Hasta ahora pinta bueno ... pero si me lleno de intrigas y de inseguridades de aprender algo que no va a ser funcional en el futuro.
By Jason L on 3/4/2022
Great quick overview of WebXR and how to apply AR. I get the feeling I will return to this videos and the articles linked many times along my journey to becoming a WebXR developer.
By Marine barbaroux on 1/3/2022
really well explained and get me started on Web Augmented reality, with only very limited experience in JS to start with. A bit tricky, but the principles are well covered.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 86 / 100







