Learn A-Frame (VR)
Offered By: Codecademy
Course Description
Overview
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)
#### 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)
Syllabus
- 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
Taught by
Kenny Lin
Related Courses
Introductory Human PhysiologyDuke University via Coursera The Many Faces of Dementia
University College London via FutureLearn Foundations of Arts and Entertainment Technologies
The University of Texas at Austin via Kadenze Serious Gaming
Erasmus University Rotterdam via Coursera Heritage under Threat
Leiden University via Coursera