Learn A-Frame (VR)

Build virtual reality experiences in the browser and learn VR in 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](https://www.oculus.com/quest) | $399 | No |
| [Oculus Rift S](https://www.oculus.com/rift-s) | $299 | No |
| [Valve Index](https://store.steampowered.com/valveindex) | $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)

• Introduction to A-Frame: A brief introduction into the world of WebVR.
• VideoContentItem: Welcome to Learn A-Frame
• Article: VR Headsets & Browsers
• Lesson: Introduction to A-Frame
• Quiz: Introduction to A-Frame
• Project: Flower of Life
• Project: Solar System (Part I)
• Building the Scene: Learn to build an environment for your virtual world.
• Lesson: Building the Scene
• Quiz: Building the Scene
• Project: Solar System (Part II)
• Project: Black Lives Matter
• Writing a Component: Learn how to create reusable code that can be attached to entities to provide appearance, behavior, and/or functionality.
• Article: Entity-Component-System