Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Codecademy

Learn A-Frame (VR)

via Codecademy

Overview

Prepare for a new career with $100 off Coursera Plus
Gear up for jobs in high-demand fields: data analytics, digital marketing, and more.
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)

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

Reviews

4.4 rating at Codecademy based on 118 ratings

Start your review of Learn A-Frame (VR)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.