AR for web using JavaScript from 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.

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.

What's inside

Syllabus

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.

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.

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.

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.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Prepares individuals seeking a career implementing AR in education

Taught by Meta staff, who have extensive experience in AR and education

Emphasizes hands-on experience with relevant tools and technologies, providing practical skills for real-world applications

Develops skills in JavaScript, PlayCanvas, graphic editing tools, and 3D modeling software, essential for AR development

Covers best practices in Agile and Scrum, industry standard methodologies for software development

Requires prior experience with object-oriented programming and basic web development, potentially limiting accessibility for complete beginners

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in AR for web using JavaScript with these activities:

Review object-oriented programming concepts

Show steps

Ensure a strong foundation in OOP concepts, essential for effective AR development.

Browse courses on Object-Oriented Programming

Show steps

Review the core concepts of object-oriented programming.
Practice writing object-oriented code.

Create a basic AR app using PlayCanvas

Show steps

Build a solid foundation by learning how to set up and build a simple AR app in PlayCanvas.

Show steps

Choose and install a text editor for code.
Sign up for a PlayCanvas account and create a new project.
Import 3D models and textures into your PlayCanvas project.
Use PlayCanvas to create a simple scene.

Collaborate with peers on an AR learning project

Show steps

Engage in collaborative learning and gain valuable insights by working on an AR project with peers.

Show steps

Find a group of peers to work with.
Choose an AR learning project to work on.
Divide the tasks among the group members.
Work together to complete the project.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Organize and review course materials

Show steps

Stay organized and enhance understanding by compiling and reviewing course materials.

Show steps

Gather all the course materials.
Organize the materials in a logical way.
Review the materials regularly.

Solve coding challenges related to AR development

Show steps

Enhance your problem-solving and coding skills by tackling coding challenges specific to AR development.

Show steps

Find coding challenges related to AR development.
Solve the coding challenges.
Review your solutions and identify areas for improvement.

Design and create 3D assets for an AR learning experience

Show steps

Develop your skills in using modeling software and creating 3D assets.

Show steps

Choose and install a 3D modeling software.
Learn the basics of 3D modeling.
Design and create a 3D asset for your AR learning experience.
Export the 3D asset in a format compatible with PlayCanvas.

Attend AR-related industry events

Show steps

Expand your network, learn about industry trends, and gain valuable insights by attending AR-related events.

Show steps

Find AR-related industry events to attend.
Prepare for the events by researching the topics and speakers.
Attend the events and actively participate in discussions and networking.
Follow up with the people you met at the events.

Develop an AR learning experience using JavaScript

Show steps

Strengthen your JavaScript skills to enhance the interactivity and engagement of your AR learning experiences.

Show steps

Learn the basics of JavaScript.
Use JavaScript to add interactivity to your AR learning experience.
Test and debug your JavaScript code.
Deploy your AR learning experience to a mobile device.

Career center

Learners who complete AR for web using JavaScript will develop knowledge and skills that may be useful to these careers:

Web Developer

Web Developers can combine all of the skills gained from this AR development learning exercise into coding for this role. You will become familiar with JavaScript as well as Agile and Scrum. You will also gain an understanding of UI design and have experience with integrating and animating 3D content, all of which are helpful in this role. Developing web AR applications involves web development, and you will learn more about how to do this in this course.

See salaries and explore the career path for Web Developer

Software Engineer

Software engineers are responsible for developing, maintaining, and improving software systems, and course topics such as JavaScript, Agile, and Scrum are all relevant. You will learn or reinforce programming concepts in JavaScript, learn the basics of web AR development, and learn how to use PlayCanvas, which can help lead to success in this role.

See salaries and explore the career path for Software Engineer

Front-End Developer

Front end developers are responsible for the design and implementation of the user interface of a website or web application, and there are many helpful topics covered in this course. This course can be very helpful to those looking to get into front end development. You will learn about web AR development, JavaScript, and PlayCanvas, which are relevant topics. The course also covers editing tools, which provides useful knowledge.

See salaries and explore the career path for Front-End Developer

Game Developer

Integrating 3D content into games is an important skill for game developers, and some of the basics of this are covered in this course. Getting into game development may be a good career goal if you complete this course, as there is a lot of overlap between the two. You will learn about web AR development, JavaScript, PlayCanvas, Blender, and content development, all of which are relevant. Ideally, you will already have a foundation in object oriented programming and web development, as this will help you succeed in this role.

See salaries and explore the career path for Game Developer

Web Designer

Web designers create the look and feel of websites, and completing this course may be a helpful step along the way. You will learn UI design principles related to Web AR, as well as JavaScript, PlayCanvas, and the basics of web AR development. This is all helpful in web design.

See salaries and explore the career path for Web Designer

Computer Programmer

Computer programmers write, test, analyze, and maintain the applications, software, or operating systems that make computers run, and there are some helpful topics covered in this course. You will learn tentang Javascript and PlayCanvas in this course, which are programming languages. You will also learn about web AR development and the basics of content development.

See salaries and explore the career path for Computer Programmer

Data Scientist

Data scientists may find the topics covered in this course helpful. This course will help you get into data science, as it covers JavaScript, Agile, Scrum, web AR development, and sculpting and texturing 3D objects in Blender, which are all relevant. Working with and manipulating data is a common part of data science.

See salaries and explore the career path for Data Scientist

User Experience (UX) Designer

User experience designers are responsible for the overall user experience of a product or service, and this course can be helpful to those looking to get into this field. You will learn about UI design principles related to web AR, as well as the basics of web AR development. This is all helpful in UX design.

See salaries and explore the career path for User Experience (UX) Designer

Graphic designer

Graphic designers create visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. Some of the skills learned in this course can be useful for aspiring graphic designers. Blender is covered in this course, and it is a popular software for graphic designers.

See salaries and explore the career path for Graphic designer

Technical Writer

Technical writers create user guides, technical manuals, training materials, and other documentation to explain complex products and procedures clearly. Those looking to get into this role may want to take this course. Agile is a very relevant topic, and you will also learn how to use JavaScript.

See salaries and explore the career path for Technical Writer

Instructional Designer

Instructional designers are responsible for the design, development, delivery, and evaluation of instructional programs, and this course may be helpful to those looking to get into this field. You will learn about the basics of web AR development. You will also learn about scripting best practices and optimization while creating content in web AR, which is also useful for the role.

See salaries and explore the career path for Instructional Designer

Educator

Educators help students learn new skills or knowledge. Completing this course may be helpful to those looking to get into this field. You will learn about the basics of web AR development, which you may be able to use in your work as an educator. You will also learn about scripting best practices and optimization while creating content in web AR, which is also useful.

See salaries and explore the career path for Educator

3D Artist

3D artists use computer software to create three-dimensional models and animations. Those looking to get into this role may want to take this course. You will learn the basics of Blender, which is used by many 3D artists. You will also learn about sculpting and texturing 3D objects, which is core to the role.

See salaries and explore the career path for 3D Artist

Webmaster

Webmasters are responsible for maintaining and updating websites, and this course may be helpful to those looking to get into this field. You will learn about the basics of web AR development, which you may be able to use in web development. You will also learn about user interfaces as they relate to webAR, which is a relevant topic.

See salaries and explore the career path for Webmaster

Animator

Animators create movement for characters, objects, and other elements in films, television shows, video games, and other media. Those looking to get into this role may want to take this course. You will learn the basics of Blender, which is used by many animators. You will also learn about scripting best practices while creating content in web AR, which is also useful for the role.

See salaries and explore the career path for Animator