Introduction to Web AR development

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

4.66 (532 reviews)

Udemy

platform

English

language

Web Development

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

Why take this course?

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

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.
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.
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.
You will also kickstart the journey of mastering the most popular 3D rendering framework called three.js.
Other important web AR technologies will also be covered, including AFRAME, model-viewer and commercial AR SDKs.
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.

Reviews

Max

April 27, 2023

I am glad to hear that you were able to attend an excellent lecture by the person who created a great library, thanks to the betterment of the world. It sounds like a really valuable course and one of the best on Udemy. You won't regret it.

David

April 14, 2023

This course is a perfect introduction to help developers / creators understand the basics of how AR works, and gives a brilliant set of working examples for writing good AR web applications with the Mind-AR JavaScript library.

Marco

April 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.

Emmanuel

March 24, 2023

Congratulations!! i expected some business case for to apply the AR Technology, or more real's examples, but i like the course.

Eduardo

March 15, 2023

Es legible, pero no muchas palabras en inglés la puedo comprender y se pierde un poco la intención de aprender, espero puedan poner un traductor de subtítulos.

Anna-Maria

March 2, 2023

MindAr is really fun. HiuKim Yuen is explaining everything in detail but also with a good speed, so you get to learn a lot in a moderate time.

Matteo

February 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!

Zeno

December 2, 2022

The course content is really great !! I love it, simply awesome !! Audio quality should be reviewed...

Marco

November 10, 2022

Muy buen curso, excelente introducción al mundo del AR y XR en web, te da todas las bases necesarias y te ayuda comprender como funciona la librería de three.js. Me gustaría que tuviera mas ejemplos pero como dice el instructor estas son las bases y con ello puedes usar tu imaginación.

Mohit

November 6, 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.

Andy

October 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.

Kristen

September 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!

Jeremy

August 28, 2022

Great informative course for those wishing to learn AR for web. Kim covers a lot of material including using machine learning libraries to assist with your application. He answers most of your questions in the course material but is also very responsive in Q&A. Highly recommend.

Victor

July 31, 2022

Amazing library and course. It's a unique experience to have the creator of the technology as your teacher.

Andrew

June 16, 2022

Having some knowledge of local web server setups and some prior knowledge of three.js and ar.js - this is what I expected. What really helped me was the MindAR as I hadn't been implementing this correctly.

Charts

Price

Rating

Enrollment distribution

Introduction to Web AR development - Distribution chart