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

- 1A brief introduction into the world of WebVR.
- 2Learn to build an environment for your virtual world.
- 3Learn 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
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory

— 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. 😎
Details
Earn a certificate of completion
6 hours to complete in total
Intermediate
A brief introduction into the world of WebVR.
1 lesson, 1 quiz, 2 projects
1 article