A-Frame Essentials – 1 Day Bootcamp

a-frame
Course Description

A-Frame is a web framework for building virtual reality (VR) experiences. A-Frame is based on top of HTML, making it simple to get started. But A-Frame is not just a 3D scene graph or a markup language; the core is a powerful entity-component framework that provides a declarative, extensible, and composable structure to three.js. 

The DEV6 A-Frame Essentials 1 Day Bootcamp will teach you everything you need to know to build your very own A-Frame experiences. It will provide in-depth training on:

  • The A-Frame Environment 
  • Primitives 
  • Entity Component System
  • Entities, Events and DOM APIs
  • Writing Components
  • The System
  • Three.js
  • 3D Models
  • VR Interactions and Controllers
  • And much, much more
Cost
$499 CAD / $499 USD

Duration

1 Day

A-Frame Essentials Course Prerequisites

  • Understanding of HTML and CSS
  • Some understanding of JavaScript
  • No prior understanding of A-Frame and WebVR is required 

Classes

May 28, 2019 - May 28, 2019 Mississauga LC or Online Register
Jun 25, 2019 - Jun 25, 2019 Mississauga LC or Online Register
Jul 23, 2019 - Jul 23, 2019 Mississauga LC or Online Register
Aug 20, 2019 - Aug 20, 2019 Mississauga LC or Online Register
Sep 24, 2019 - Sep 24, 2019 Mississauga LC or Online Register
Oct 22, 2019 - Oct 22, 2019 Mississauga LC or Online Register
Nov 19, 2019 - Nov 19, 2019 Mississauga LC or Online Register

Course Outline

Lab Work

  • Development Environment Setup
  • Writing Your First A-Frame Application

Module 1: Introduction

  • Introduction to WebGL and WebVR
  • Three.js
  • What is A-Frame?
  • A-Frame Feature

Module 2: Environment Setup

  • Using Glitch
  • Local Development with A-Frame

Module 3: Primitives

  • What Are Primitives?
  • Attaching Components to Primitives
  • How to Register a Primitive

Module 4: Entity Component System

  • What is the Entity Component System?
  • Composition Over Inheritance
  • Breakdown of the ECS
  • A-Frame APIs Based on ECS
  • Benefits of ECS
  • How Does ECS Apply to A-Frame?
  • Declarative ECS
  • Basic Component Structure
  • Community Component Ecosystem

Module 5: Entities, Events and DOM APIs

  • What are Entities?
  • Retrieving an Entity
  • Entity Properties
  • Entity Methods

Module 6: Writing Components

  • How to Register a Component
  • Using a Component from HTML and JavaScript
  • Component Schema
  • Lifecycle Handler Methods

Module 7: System

  • How to Register a System
  • Properties and Methods
  • How to Access a System
  • Separation of Logic and Data

Module 8: Developing with Three.js

  • Relationship between A-Frame and three.js Scene Graphs
  • Accessing the three.js API
  • Working with three.js Objects

Module 9: 3D Models

  • Asset Management System
  • Loading 3D Models
  • Animating 3D Models

Module 10: VR Interactions and Controllers

  • Gaze-based Interactions
  • VR Controllers
  • Raycasters

Module 11: Lab and Demo

  • Applying what we learned in the A-Frame Bootcamp to create our very own A-Frame experience

 

Registration for DEV6 Training

Course Title


Dates: dates

Location: location

Price: price

DEV6

4 Robert Speck Parkway, Suite 240

Mississauga ON L4Z 1S1

Canada


Toll Free: 866.464.7790

Office: 905.897.7790

Fax: 905.897.9952

After pressing Register, someone from DEV6 will call/email to confirm registration details, answer questions and take payment.