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

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.

Jun 22nd 2026
3 Weeks
Using JavaScript, JQuery, and JSON in Django (Coursera) Coursera
University of Michigan

Using JavaScript, JQuery, and JSON in Django (Coursera)

In this final course, we'll look at the JavaScript language and how it supports the Object-Oriented pattern, with a focus on the unique aspects of JavaScript's approach to OO. We'll provide an introduction to the jQuery library, which is widely used for in-browser manipulation of the Document Object Model (DOM) and event handling. You'll also learn about JavaScript Object Notation (JSON), which is commonly used as a syntax to exchange data between code running on the server (i.e., in Django) and code running in the browser (JavaScript/jQuery).

Jun 15th 2026
5-12 Weeks
Computational Thinking with JavaScript 3:Organise & Interact (Coursera) Coursera
University of Glasgow

Computational Thinking with JavaScript 3:Organise & Interact (Coursera)

This third course in the Computational Thinking with JavaScript specialization applies your developing JavaScript skills learned in the first two courses to the world of the web. You will learn how HTML and JavaScript together support the web pages with which we are so familiar, and develop skills so that you can create your own. As well as text presentation, at the heart of HTML, you will learn how to develop interactive, animated graphics, using JavaScript to dynamically add, remove and adjust the HTML objects on the screen.

Jun 22nd 2026
4 Weeks
Learn to code with AI (Coursera) Coursera
Scrimba

Learn to code with AI (Coursera)

Imagine waking up tomorrow as a web developer. What would you want to build? With AI tools like ChatGPT, you're already a developer, regardless of your experience, if you know how to work with them. So in this course, you'll build functional, interactive front-end projects while learning how to write effective prompts and debug and refine your code with the help of AI.

Jun 24th 2026
2 Weeks
Introduction to Web Development (Coursera) Coursera
University of California, Davis

Introduction to Web Development (Coursera)

This course is designed to start you on a path toward future studies in web development and design, no matter how little experience or technical knowledge you currently have. The web is a very big place, and if you are the typical internet user, you probably visit several websites every day, whether for business, entertainment or education. But have you ever wondered how these websites actually work? How are they built? How do browsers, computers, and mobile devices interact with the web? What skills are necessary to build a website? With almost 1 billion websites now on the internet, the answers to these questions could be your first step toward a better understanding of the internet and developing a new set of internet skills.

Jun 22nd 2026
5-12 Weeks
JavaScript, jQuery, and JSON (Coursera) Coursera
University of Michigan

JavaScript, jQuery, and JSON (Coursera)

In this course, we'll look at the JavaScript language, and how it supports the Object-Oriented pattern, with a focus on the unique aspect of how JavaScript approaches OO. We'll explore a brief introduction to the jQuery library, which is widely used to do in-browser manipulation of the Document Object Model (DOM) and event handling. You'll also learn more about JavaScript Object Notation (JSON), which is commonly used as a syntax to exchange data between code running on the server (i.e. in PHP) and code running in the browser (JavaScript/jQuery). It is assumed that learners have already taken the Building Web Applications and Building Database Applications in PHP courses in this specialization.

Jun 22nd 2026
4 Weeks
Introduction to Web Development with HTML, CSS, JavaScript (Coursera) Coursera
IBM

Introduction to Web Development with HTML, CSS, JavaScript (Coursera)

Want to take the first steps to become a Cloud Application Developer? This course will lead you through the languages and tools you will need to develop your own Cloud Apps. Beginning with an explanation of how internet servers and clients work together to deliver applications to users, this course then takes you through the context for application development in the Cloud, introducing front-end, back-end, and full-stack development.

Jun 15th 2026
5-12 Weeks
HTML, CSS, and Javascript for Web Developers (Coursera) Coursera
Johns Hopkins University

HTML, CSS, and Javascript for Web Developers (Coursera)

Do you realize that the only functionality of a web application that the user directly interacts with is through the web page? Implement it poorly and, to the user, the server-side becomes irrelevant! Today’s user expects a lot out of the web page: it has to load fast, expose the desired service, and be comfortable to view on all devices: from a desktop computers to tablets and mobile phones. In this course, we will learn the basic tools that every web page coder needs to know. We will start from the ground up by learning how to implement modern web pages with HTML and CSS.

Jun 16th 2026
5-12 Weeks