AR for web using JavaScript (Coursera)

Offered by Meta,
AR for web using JavaScript (Coursera)

This course prepares you for a career using AR in the education sector. You will learn how web AR is used in learning, and you'll have lots of hands-on practice using PlayCanvas, graphic editing tools, and JavaScript to create learning experiences.

Class Deals by MOOC List - Click here and see Coursera's Active Discounts, Deals, and Promo Codes.

By the end of this course, you will be able to:

  • List the capabilities and limitations of Web AR.
  • Explain what HTML5 and WebGL are and how they are used in Web AR.
  • Describe how JavaScript is used in AR development.
  • Use JavaScript in PlayCanvas to trigger interactions in a Web AR application.
  • Use scripting best practices and optimization while creating content in Web AR.
  • Identify Agile and Scrum best practices for Web AR development.
  • Identify UI design principles related to Web AR.
  • Use Blender to do basic modifications to 3D objects.
  • Use Blender to set up textures and materials, and add them to objects, including changing colors.
  • Integrate and animate 3D content in PlayCanvas.
  • Use PlayCanvas to create a Web AR application.

To be successful in this course, experience with object oriented programming and basic web development is needed. JavaScript is a plus but not required. We recommend completing the previous courses in the program so you can build on the knowledge and skills from those courses here.

Course 3 of 7 in the Meta AR Developer Professional Certificate.

Syllabus

WEEK 1
Basics of Web AR development
In this module, you will learn about working on AR learning projects and use editing tools and PlayCanvas to create an app and assets.

WEEK 2
Javascript in PlayCanvas
In this module, you will learn how JavaScript is used in AR development and practice developing code in the PlayCanvas Code Editor.

WEEK 3
Content development and integration
In this module, you will set up a new project in PlayCanvas, create and manipulate scenes, add 3D animation, and optimize and test your assets.

WEEK 4
Creating an AR learning experience with PlayCanvas
Using PlayCanvas, you will take the assets you have created earlier and combine them into a custom learning experience involving the human heart.

Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

Learn Imba (Coursera) Coursera
Scrimba

Learn Imba (Coursera)

In this class, you'll dive into Imba, the programming language used to build scrimba.com. Imba, a compile-to-JavaScript language, packs a punch with nifty features for whipping up web apps, including built-in tags and styles. We'll cover the ABCs of Imba syntax and work on creating a Dopamine Box app. By the finish line, you'll be armed with the skills to construct your very own web app UI using Imba.

Nov 9th 2026
1 Week
Build a Mobile App with Firebase (Coursera) Coursera
Scrimba

Build a Mobile App with Firebase (Coursera)

e.g. This is primarily aimed at first- and second-year undergraduates interested in engineering or science, along wiUnlock Your App Development Potential: Creating a Feature-Rich Shopping List App. Are you ready to turn your visionary app ideas into reality? If your answer is a resounding 'YES,' then this course is your gateway to a transformative journey. In this meticulously designed course, we will guide you through the creation of a sophisticated shopping list app using a powerful tech stack, including HTML, CSS, JavaScript, and Firebase. Leveraging Firebase's real-time database capabilities, you'll learn how to store and manage data seamlessly.

Nov 23rd 2026
1 Week
Learn React Router 6 (Coursera) Coursera
Scrimba

Learn React Router 6 (Coursera)

Learn React Router v6, the most popular routing library for React applications and one of the most downloaded React support libraries ever. In this course, you’ll learn the most important parts of the React Router (v6) library while building an app called “VanLife”, an app for renting decked-out travel vans for your next road trip adventure.

Nov 16th 2026
3 Weeks
Advanced Styling with Responsive Design (Coursera) Coursera
University of Michigan

Advanced Styling with Responsive Design (Coursera)

It used to be the case that everyone viewed webpages on about the same size screen. But with the explosion of the use of smartphones to access the Internet, the landscape of design has completely changed. People viewing your site will now expect that it will perform regardless of the platform (smartphone, tablet, laptop, or desktop computer). This ability to respond to any platform is called responsive design.

Nov 2nd 2026
4 Weeks
Learn React (Coursera) Coursera
Scrimba

Learn React (Coursera)

The ultimate React 101 - the perfect starting point for any React beginner. Learn the basics of modern React by solving 140+ interactive coding challenges and building eight fun projects. In this 143-part interactive tutorial, you'll learn how to build dynamic, interactive web applications with React.js. With Scrimba’s head of education, Bob Ziroll, as a guide, you’ll get to know all the bang-up-to-date features of React and fix them firmly in your memory by using them to create hands-on projects.

Nov 16th 2026
3 Weeks
JavaScript Interview Challenges (Coursera) Coursera
Scrimba

JavaScript Interview Challenges (Coursera)

Your essential tech interview preparation pack! Practice solving problems and honing the skills you need to succeed in a frontend coding interview. Are you applying for frontend developer roles? Do you wish to test out your JavaScript knowledge? Do you love solving code challenges? If any of the above applies to you, JavaScript Interview Challenges should be your next Scrimba course!

Nov 16th 2026
3 Weeks
Angular for Front End Engineers (Coursera) Coursera
Codio

Angular for Front End Engineers (Coursera)

Explore HTML, CSS, JavaScript, and Angular without installing anything! This course is designed for intermediate learners who already have a solid foundation of basic skills in HTML, CSS, and JavaScript. However, a broad overview of these topics will also be provided for beginning learners. The modules in this course cover web development basics, introduction to Angular, and developing an Angular application. At the end of the course, learners will fully develop a todo application using HTML, CSS, and Angular.

Nov 9th 2026
3 Weeks
Fundamentals of VueJS (Coursera) Coursera
Board Infinity

Fundamentals of VueJS (Coursera)

Welcome to the "Fundamentals of VueJS" course, a comprehensive journey into the world of Vue.js, a versatile and progressive JavaScript framework for building modern web applications. This course is structured into two modules, each designed to equip you with the knowledge and skills needed to become proficient in Vue.js.

Nov 23rd 2026
2 Weeks
AR (Augmented Reality) & Video Streaming Services Emerging Technologies (Coursera) Coursera
Yonsei University

AR (Augmented Reality) & Video Streaming Services Emerging Technologies (Coursera)

Welcome to the course “Augmented Reality & Video Service Emerging Technologies.” The level of AR (Augmented Reality) and advanced video & multimedia technology included in a product is what determines the level of value and luxury. The objective of this course is to teach all important technologies that are used in state-of-the-art AR, Skype, and YouTube video and multimedia products and services.

Nov 9th 2026
5-12 Weeks