<commit_before>---
title: Getting Started
type: introduction
layout: docs
parent_section: introduction
order: 2
installation: true
---

<script async src="//assets.codepen.io/assets/embed/ei.js"></script>

[introduction]: ./index.md

Welcome! Make sure to read the [introduction][introduction]. If you're ready to
go, there are multiple ways of getting started.

<!--toc-->

## Play with CodePen

[codepen]: http://codepen.io/team/mozvr/pen/BjygdO

[CodePen][codepen] is a playground for front-end web development. We can edit
HTML and JavaScript directly in the browser with its text editor, see changes
live, and share code snippets. This is a fast way to dive in without having to
download or install anything. Just add a `<script>` tag to load the latest
version of A-Frame, then create your scene:

<p data-height="300" data-theme-id="19139" data-slug-hash="BjygdO" data-default-tab="html,result" data-user="mozvr" data-embed-version="2" data-pen-title="Hello World â A-Frame" data-editable="true" class="codepen">See the Pen <a href="http://codepen.io/mozvr/pen/BjygdO/">Hello World â A-Frame</a> by mozillavr (<a href="http://codepen.io/mozvr">@mozvr</a>) on <a href="http://codepen.io">CodePen</a>.</p>

**Note:** VR mode from CodePen might not work. Also, make sure the A-Frame
`<script>` tag is located in the HTML panel above the `<a-scene>` tag.

Check out the [official MozVR CodePens](http://codepen.io/mozvr/) and the
[A-Frame Hello World CodePen][codepen]:

## Remix on Glitch

[glitch]: https://glitch.com/~aframe

[Glitch][glitch] is a collaborative coding site that provides a full code
editor for both frontend and backend code and support for multiple files.
Glitch lets you remix existing projects and make them your own, and instantly
host and deploy changes for everyone to see.

[Hit **Remix** on this A-Frame project][glitch], start coding A-Frame in
`views/index.html`, and see your site published live on each change! The base
A-Frame Glitch for example is published at `aframe.glitch.me`.

![Glitch](https://cloud.githubusercontent.com/assets/674727/24219261/68c6b3f4-0f03-11e7-9fb5-1bb4ecca568b.png)

## Grab the Boilerplate

[ghpages]: https://pages.github.com/

The boilerplate contains:
<commit_msg>[docs] link to a-frame school in getting started<commit_after>---
title: Getting Started
type: introduction
layout: docs
parent_section: introduction
order: 2
installation: true
---

<script async src="//assets.codepen.io/assets/embed/ei.js"></script>

[introduction]: ./index.md

Welcome! Make sure to read the [introduction][introduction]. If you're ready to
go, there are multiple ways of getting started.

<!--toc-->

## A-Frame School

Head to the [A-Frame School](https://aframe.io/school/) for interactive
step-by-step lessons and getting into and learning WebVR!

![School](https://cloud.githubusercontent.com/assets/674727/24431825/1a2c83de-13d3-11e7-9739-dd5004891684.png)

## Remix on Glitch

[glitch]: https://glitch.com/~aframe

[Glitch][glitch] is a collaborative coding site that provides a full code
editor for both frontend and backend code and support for multiple files.
Glitch lets you remix existing projects and make them your own, and instantly
host and deploy changes for everyone to see.

[Hit **Remix** on this A-Frame project][glitch], mess with the HTML in
`index.html`, and see your site published live on each change! The base A-Frame
Glitch for example is published at `aframe.glitch.me`, but you will provide
your own custom URL name.

![Glitch](https://cloud.githubusercontent.com/assets/674727/24219261/68c6b3f4-0f03-11e7-9fb5-1bb4ecca568b.png)

## Play with CodePen

[codepen]: http://codepen.io/team/mozvr/pen/BjygdO

[CodePen][codepen] is a playground for front-end web development. We can edit
HTML and JavaScript directly in the browser with its text editor, see changes
live, and share code snippets. This is a fast way to dive in without having to
download or install anything. Just add a `<script>` tag to load the latest
version of A-Frame, then create your scene:

<p data-height="300" data-theme-id="19139" data-slug-hash="BjygdO" data-default-tab="html,result" data-user="mozvr" data-embed-version="2" data-pen-title="Hello World â A-Frame" data-editable="true" class="codepen">See the Pen <a href="http://codepen.io/mozvr/pen/BjygdO/">Hello World â A-Frame</a> by mozillavr (<a href="http://codepen.io/mozvr">@mozvr</a>) on <a href="http://codepen.io">CodePen</a>.</p>

Check out the [official MozVR CodePens](http://codepen.io/mozvr/) and the
[A-Frame Hello World CodePen][codepen]:

## Grab the Boilerplate

[ghpages]: https://pages.github.com/

The boilerplate contains:

{'fraction_non_alphanumeric': 0.12701137095043982, 'fraction_numerical': 0.026174640635056853, 'mean_word_length': 4.74845869297164, 'pattern_counts': {'":': 0, '<': 29, '<?xml version=': 0, '>': 29, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '348979', 'n_tokens_mistral': 1586, 'n_tokens_neox': 1510, 'n_words': 522}