[Blog] Introducing Learn A-Frame: A VR course you can take… in VR!

Virtual reality is alive and well, which is why we’re beyond excited to introduce you to our newest course — Learn A-Frame. “We worked closely with the A-Frame team to design an introductory VR course that’s magical, state of the art, and breathtaking,” says Sonny, the Codecademy curriculum developer behind this course.

Recommended to developers, designers, and non-technical creatives alike, Learn A-Frame can be taken the usual way, using a computer. Or, you can experience the course using a VR headset and keyboard. A VR course in VR! Pretty meta, right?

A look inside Learn A-Frame

Check out the video demo below for a look inside the course with Sonny. Then, read on for a Q&A with Sonny to learn more about Learn A-Frame. We’ll also share a sneak peek at some of the Pro-exclusive projects found within the course.

We spoke with Sonny to learn more about the course, who it’s designed for, and what you can expect. Check out the interview below.

Q: Who is the Learn A-Frame course right for?

This course is for beginner or seasoned developers and designers who are interested in learning about VR development, as well as for non-technical creatives who want to prototype something in VR.

The only prerequisite for this course is an understanding of HTML syntax. Bonus points if you have some JavaScript knowledge, too.

Q: What skills will I take away when I’m finished with this course?

By the end of this course, you’ll be able to build virtual scenes for your friends and families to explore, whether they’re using a VR headset or a browser.

Q: What makes this course special?

This is Codecademy's first VR course — and that’s not all. One of the neat things about this course is that you can actually take the entire thing inside of a VR headset. Use an Oculus Quest, Oculus Rift S, or HTC Vive and see the virtual world come to life as you’re coding it.

Pop in and out of VR as you go. Simply go to the Codecademy website within a VR browser to get started. If you don't have a VR headset you can still take the course in your regular web browser.

Q: What are the Pro-exclusive features of this course?

In addition to Pro-exclusive quizzes to test your knowledge of the concepts learned in this course, we’ve also included a collection of Pro projects that let you apply what you’ve learned to real-world scenarios. Here’s a sneak preview of what you’ll build in the Learn A-Frame Pro projects.

Flower of Life

Use the knowledge of A-Frame `<a-circle>` primitive to build a fun little geometry.

Solar System

Build your very own solar system in VR in three parts — create the planets, add textures, and then add interaction.

Black Lives Matter

Create a perceptual art memorial piece in honor of the BLM movement.

Ready to get started? Head over to our Learn A-Frame course page to learn more and start learning.

This post written by Codecademy Team was originally published on 29/06/2020 at news.codecademy.com.


This course is AWESOME. I got to see some behind the scenes during Sonny’s Twitch livestreams (btw, https://www.twitch.tv/sonnynomnom ) and I wholeheartedly recommend it to everyone!!

Not to brag but… :+1: