Skip to content
UdemyGame Development FundamentalsPaid courseBeginner levelCertificate

A-Frame Web VR Programming Tutorial Series (Virtual Reality) (Udemy.com)

Learn how to create awesome virtual reality experiences for websites, Oculus Rift and HTC Vive.

Created by: Frahaan Hussain

Last updated May 2020

Our take

Based on the ratings of 167 students, a sample of their written reviews and the syllabus, as the course stood in May 2020. No course pays to be reviewed.

Frahaan Hussain's course is a short, beginner-level introduction to building virtual reality scenes in the browser with A-Frame and JavaScript. The syllabus shows about 83 minutes of video across 29 lectures, but many of those are link and free-model lectures. The actual teaching is four sections: setup, basics, advanced and a section called The Cool Stuff. It suits web developers or hobby game makers who want a first look at WebVR. Over 29,000 students have enrolled, though the last update was in May 2020, which matters for a framework that moves fast.

Reviews lean positive. Of 167 ratings, 120 are four or five stars. Students like that each primitive comes with code, and one says the examples had enough detail to build an interesting VR site. The complaints repeat, though. One reviewer notes it uses A-Frame 0.2, and others say newer versions break the code as shown. One could not get the box to appear until changing its position. Others wanted more depth, especially on glTF models and animation. One wished the editing had cut the web searches and error fixing, and a reviewer new to XAMPP found the setup rushed.

It is a paid course, and a couple of reviewers questioned its value. One said the age makes it better suited to being free, and another gave up because the documentation was faster. Treat it as a quick orientation, not a path to a WebVR career. One five-star reviewer says the same: pair it with the A-Frame docs and community Slack groups. The main risk reviewers describe is version drift, so check the docs as you go.

Best forWeb developers who want a quick, low-commitment first look at A-Frame and WebVR basics.
Skip it ifYou need current A-Frame code that runs as shown, or want depth on glTF models and animation.

Pros

  • Each A-Frame primitive is shown with example code, per reviewers
  • Short at about 83 minutes, so a first VR scene comes quickly
  • Starter and final code for each section, plus coding challenges
  • Free 3D models and VR resource links are bundled in

Cons

  • Built on an early A-Frame version, and reviewers say newer releases break some code
  • Thin on glTF models and animation, and several reviewers wanted more depth
  • Setup is rushed for anyone new to XAMPP, and the editing leaves in web searches
This was a useful introduction to using the A-Frame framework. There was enough detail in the examples that one could actually build an interesting VR site.
George Maupin, a student

The beginner label fits VR newcomers, but it assumes working JavaScript and some local server setup.

icon
What you will learn

  • Virtual Reality Design Philosophies
  • A-Frame programming
  • User JavaScript To Create Virtual Reality Experiences/Applications
  • Create Cross Platform Games/Applications
  • Use A-Frame To Make Games/Applications
  • Understand The Best Ways How Virtual Reality Can Be Used

Course content

7 sections · 29 lectures · 1.4 hours of video 13 articles

  1. 1Setup 1 free preview1 lecture · 8 min
  2. 2Basics 1 free preview5 lectures · 25 min
  3. 3Advanced4 lectures · 21 min
  4. 4The Cool Stuff 1 free preview5 lectures · 25 min
  5. 5Extra Virtual Reality Resource Links6 lectures
  6. 6FREE 3D Models6 lectures
  7. 7Bonus Lecture: Discounted Course1 lecture

Who it is for

The instructor says it suits

  • Suited for JavaScript Developers
  • Suited for Budding Game Developers
  • Love Video Games & Relish The Prospect Of Making A Game
  • Love New Technology
  • Desire To Create Awesome Virtual Reality Experiences

What you need before you start

  • Understand the fundamentals of Virtual Reality
  • Game Development (optional)
  • JavaScript Programming
  • Coding
  • Passion for Virtual Reality

How it compares

Against the other 281 rated Udemy courses in Game Development Fundamentals on CourseDuck:

  • Rating4.1 out of 5higher than 8% of them
  • Reviews167#164 of 282 by number of reviews
  • Length1.4 hoursshorter than 95% of them
  • Last updatedMay 2020earlier than 77% of them

icon
Course Description

"Virtual reality was once the dream of science fiction. But the internet was also once a dream, and so were computers and smartphones. The future is coming." - Mark Zuckerberg

"We are all created equal in the virtual world and we can use this equality to help address some of the sociological problems that society has yet to solve in the physical world." - Bill Gates

"By feeling truly present, you can share unbounded spaces and experiences with the people in your life. Imagine sharing not just moments with your friends online, but entire experiences and adventures." - Mark Zuckerberg

The most powerful and influential people in the world believe virtual reality is going to shape the future of the world. This course will guide you through learning the fundamentals of Virtual Reality, providing you with the tools to make awesome and futuristic experiences.

This course will cover the following concepts:

  • A-Frame programming

  • Virtual Reality design philosophies

  • Virtual reality programming 

  • Setting up a project

  • Drawing 3D objects

  • Transformations and animations

  • Texturing objects

  • Lighting the 3D world

  • 3D Model Loading

  • Skyboxes

  • Plus much more

Virtual reality is fast becoming the hottest technology in the world, with platforms from Oculus to PlayStation VR, there are millions of users around the world. A-Frame provides the features to tap into this immensely large and popular market.

You will be provided with the full source code to aid in development during and after this course. The source code is free to use in as many projects as you wish.


Over 205,000 students have enrolled on my courses and all of them are extremely satisfied. You will also be satisfied with this course. If you do not like the course, remember that within 30 days you can request a full refund. I guarantee you satisfaction.

If you have any questions regarding the topics covered in this course, please feel free to ask. I'm always happy to help those who want to learn.


To summarise this is what you get:

• Lifetime access to HD quality videos. No monthly subscription. Learn at your own pace, whenever you want.

• All videos are downloadable. Learn wherever you want, even without an internet connection!

• Downloadable starter code and final code for each section.

• Free helpful support in the course Q&A when you have questions or get stuck.

• Multiple coding challenges to practice your new skills (solutions included).

Sounds great? Then start this adventure today by clicking the “Take this course" button, and join me in the only course that you will need!

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Frahaan Hussain

I am CEO of Sonar Systems which is the world leader in educational material for the game engine Cocos2d-x, one of the best and most popular game engines in the world. With years of experience programming and running an online education platform (Sonar Learning) I can help and support new programming like you.

I am also a University Lecturer teaching a variety of topics in Games Programming from Games Design to OpenGL Shader Programming.

I am also a published author of games design and soon to be released Responsive Web Design. I have all the facets required to educate and inspire.

icon
More courses by Frahaan Hussain

$11.99

$11.99

$13.99

$44.99

$54.99

$11.99

icon
More Game Development Fundamentals courses

$94.99

$19.99

$89.99

$59.99

$13.99

$94.99

icon
Reviews

4.1

167 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Michael Cole on 9/18/2019

I didn't finish it because it was faster to read the documentation. Not a shortcut to learning, but maybe helpful for the super beginner..

By Giovanni Gentile on 6/17/2019

The course is really good, but isn't updated to the last version of AFrame. Some things don't work properly using the tutorial, you must use the old version of AFrame or modify your code.

By Javier Lugo Agudelo on 6/30/2018

Muy bueno el curso pero seria bueno profundizar muchos mas... pero en términos generales esta bueno.

By Camila Alejandra quintero García on 3/15/2018

Creo que este curso es bastante bueno súper recomendado

By Tomas Alves on 1/17/2018

Curso muito bom para quem quer aprender mais sobre Web VR.

By George Maupin on 11/28/2017

This was a useful introduction to using the A-Frame framework. There was enough detail in the examples that one could actually build an interesting VR site.

By SHIVAM AGGARWAL on 10/5/2017

This A-frame course is good to get started. However, if you need to go indepth knowledge and need to build career in WebVR, Go for documentation, slack groups in addition to this course.

By Marcin Górecki on 9/19/2017

Nothing beyond basics, but that's okay - it's beginners level. However it's so outdated that it should be available free - you really need to consult a-frame docs to see that some of the presented features are already or will soon be obsolete.

By Will Murdoch on 8/31/2017

Learned some cool stuff, glad I took the course! Wish there was more editing done to cut back on things like web searches, fixing errors.

By Francisco Fernández on 6/30/2017

No ha estado nada mal, he aprendido lo básico sobre WebVR, aunque para mi gusto hubiese profundidazo un poco más. Por lo general, bien.

Showing all 10 reviews on CourseDuck

Read all 167 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 82 / 100