Skip to content
UdemyWeb DevelopmentPaid courseBeginner levelCertificate

Introduction to Web AR development (Udemy.com)

with webXR, mindAR, three.js and tensorflow.js

Created by: HiuKim Yuen

Last updated March 2023

icon
What you will learn

  • Gain hands-on experiences on building different types of Web AR applications including Image Effects, Face Effects and World Effects
  • Acquire basic understandings on how AR works in web browsers
  • Master using WebXR, mind-ar-js and threejs for building web AR applications
  • Learn integrating AR with machine learning models using tensorflowjs to build highly interactive experiences
  • Get to know other important web AR libraries, including AFRAME, model-viewer and commercial SDKs
  • Learn using effective debugging, simulating and mocking tools to speed up development
  • Develop a comprehensive understanding on all web AR technologies, now and near future, and know when to use what
  • Build and publish an online AR portfolio for yourself

How it compares

Against the other 815 rated Udemy courses in Web Development on CourseDuck:

  • Rating4.4 out of 5higher than 33% of them
  • Reviews688#231 of 816 by number of reviews
  • Length4.9 hoursshorter than 62% of them
  • Last updatedMarch 2023earlier than 70% of them

icon
Course Description

Introduction

This is the most comprehensive guide to developing web based augmented reality applications. Web AR stands out from others in that it’s cross platform and requires no app installation. They are just regular web pages run on regular web browsers.


What will you learn

  1. In this course, you will learn how to use MindAR opensource library for building Image AR effects and Face AR effects. MindAR is a successor of AR.js, which is the most popular free-to-use AR library on the world.

  2. Besides, you will learn how to use WebXR api for building world AR effects. WebXR is a native browser api for developing immersive AR and VR effects on browsers.

  3. You will also learn how to integrate tensorflow.js machine learning models into AR applications, to create highly interactive and interesting effects. For example, using hand gestures or facial expressions to control AR contents.

  4. You will also kickstart the journey of mastering the most popular 3D rendering framework called three.js.

  5. Other important web AR technologies will also be covered, including AFRAME, model-viewer and commercial AR SDKs.

  6. Besides practical development skills, you will also learn theoretical knowledge on how AR works on a browser environment.


Course Structure

The course material is carefully designed. Each lecture is highly modular to deliver a single concept, which allows you to look up any references easily in the future. All the sample source code is concise and well explained.


Assignments

Besides lectures, you will have to finish 3 practical assignments in total, one for each type of tracking effects. One of the assignment is for you to create and deploy a real online AR portfolio for yourself, which you can show other people.


Development Tips

Useful development tips will be covered, including remote debugging tools and webcam mocking technique.

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

HiuKim Yuen

Kim is graduated in McGill University Computer Science, specialized in Machine Learning. He is also a ex-google software engineer.


In recent years, he has devoted his time mainly on web based augmented reality. He is a major contributor in the open source web AR community, including AR.js and MindAR.

icon
More Web Development courses

$19.99

$89.99

$89.99

$79.99

$10.99

$84.99

icon
Reviews

4.4

688 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By CAP.future GmbH Peter-Behrens-Platz 6, 4 on 8/22/2025

Thank you for this excellent course. While it may lag behind other courses in terms of video and audio quality and presentation, the content is excellent. However, the content is excellent. As a full-stack web developer interested in web 3D, I learnt a lot. Rather than just describing a tool, it provides broad and fundamental knowledge about augmented reality on the web. I would love it if you could describe how to integrate MindAR into modern UI frameworks, such as React-three-fiber.

By Timothy Young on 10/8/2024

I found this an excellent course that covered all the topics and more that I wanted to learn about. The instructor explains all the topics very well and the examples all work. It is a fast paced course but its not hard to keep up with and all the coding examples are well explained. Very happy with this course

By Anonymized User on 8/11/2024

May be I am late to this course but it felt like early html page version of internet in AR/VR context. But got couple of cool tracking and AR applications. Hope to use them in Real World with latest tools

By Gaurav Solanki on 12/11/2023

According to me, the lecturer has to teach a bit slowly and be able to explain all concepts in each video clearly and also explain the reason to why all the codes are written

By Edward Avram on 10/26/2023

Kim is totally awesome and he is the real deal. I mean he created the Mind AR library. He is not just a guy making some money with a tutorial. He is a propper developer who codes faster than he speaks and for sure he knows what he speaks. I feel priviledged to have the opportunity to be trained by him. Thank you Kim!

By Marco Pfeifer on 4/12/2023

There are so many helpful hints and ideas spread over the lessons. Kim tries to teach the overall concepts and common pitfalls (e.g. video doesn't work on iOS without user interaction) which are so important to speed up and avoid frustration. Thank you Kim for this this valuable course.

By Matteo Ferrando on 2/9/2023

This course taught me exactly what I was looking for and what I needed. Plus much more material I wasn't aware of and I didn't consider before. HiuKim is a great teacher, the feeling while he is explaining is the same as having a nice, calm, and trustful friend teaching you complex issues in a very simple and effective way. I can't wait for developing my ideas. Deeply thank you HiuKim!

By Mohit Toshniwal on 11/5/2022

Highly underrated course with regards to three.js and webxr in general. The instructor teaches some sections with his library, MindAr. But I feel the library is worth checking out anyways. And he teaches all the webxr related concepts quite systematically. Everything clicks. I wouldn't say that it covers a lot of stuff. But with regards to laying the foundations for any beginner. This course is definitely worth checking out.

By Andy Liu on 10/14/2022

Very beginner-friendly for new AR developers with JavaScript experience. Unfortunately for me, as a person with no JavaScript experience, it got confusing at some points. I don't fault the creator, the MindAR library is super easy to use, and very friendly for beginners, but I kind of just followed along without really understanding 30-50% of what the JavaScript was doing and it worked great. With my basic knowledge of Python, the course is modular enough for me to change and replace things without understanding parts of it. AR, 3D rendering, and web concepts are explained very well for beginners. It's great as far as I could tell for the purposes of developing an AR app. I would recommend someone who doesn't have JavaScript experience to take a crash course first, although it is not a necessity to finish developing your AR app.

By Kristen Phan on 9/13/2022

Really amazing content. Kim wrote MindAR.js from scratch so he really understands the ins and outs of Web AR. He intentionally explains the theoretical concepts underpinning AR so that you can master AR knowledge through both exercises and lectures instead of blindly following some online tutorials. Has English subtitles and source code for every exercise in case you run into a roadblock. His sweet demeanor is just a cherry on top. Worth every penny!

Showing all 10 reviews on CourseDuck

Read all 688 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 88 / 100