Learn A-Frame (VR)


Why Learn A-Frame?

A-Frame is a popular open-source web framework for building virtual reality experiences in the web browser. It is based on top of HTML, making it super simple to get started.

Take-Away Skills

This course will start with fundamental A-Frame concepts such as HTML primitives before digging deeper into the more advanced topics like building out a virtual environment and creating user interactions. You will use A-Frame to build projects such as:

  • Flower of Life
  • Solar System
  • Perceptual Art

Optional Items

One of the neat features of this course is that you can experience this course on a computer or in a VR headset… learn VR in VR! 🤯

Item Price Required
Oculus Quest $399 No
Oculus Rift S $299 No
Valve Index $499 No

For the Oculus Quest, it is recommended to have a Bluetooth keyboard as well.

Course Creators

  • Codecademy: Sonny Li (Curriculum)
  • Codecademy: Tim Liedtke (Design)
  • Supermedium: Diego Marcos (Curriculum)

Built in partnership with

Built with our friends at
  1. 1
    A brief introduction into the world of WebVR.
  2. 2
    Learn to build an environment for your virtual world.
  3. 3
    Learn how to create reusable code that can be attached to entities to provide appearance, behavior, and/or functionality.

What you'll create

Portfolio projects that showcase your new skills

Pro Logo

How you'll master it

Stress-test your knowledge with quizzes that help commit syntax to memory

Pro Logo

— Madelyn, Pinterest

I know from first-hand experience that you can go in knowing zero, nothing, and just get a grasp on everything as you go and start building right away.

Course Description

Build virtual reality experiences in the browser and learn VR in VR. 😎


Earn a certificate of completion
6 hours to complete in total

1 lesson, 1 quiz, 2 projects

1 article