[CodeRoad](http://coderoad.github.io) is a coding education platform aimed at open-sourcing interactive coding lessons. CodeRoad makes it easy for developers and teachers to create, share and edit their own lessons. All free.

[CodeRoad](https://coderoad.github.io) is a coding education platform aimed at open-sourcing interactive coding lessons. CodeRoad makes it easy for developers and teachers to create, share, edit, and publish their own lessons and run them in the Atom Editor. All free, and using tools developers are already familiar with.

Learn[How CodeRoad works](https://coderoad.github.io/build).

Read the[CodeRoad Developer Docs](https://coderoad.github.io/docs).

<sectionid="about"class="about container content-section text-center">

<divclass="row content-section-a">

<divclass="col-lg-8 col-lg-offset-2">

<divclass="col-lg-10 col-lg-offset-1">

<h3>About CodeRoad</h3>

<divclass="lead">CodeRoad is a coding education platform aimed at open-sourcing interactive coding lessons. CodeRoad makes it easy for developers and teachers to create, share, edit, and publish their ownvideo-game like lessons that run in the Atom Editor. All free, using familiar developer tools like Markdown & unit tests.</div>

<sectionid="about"class="about container content-section text-center">

<divclass="row content-section-a">

<divclass="col-lg-10 col-lg-offset-1">

<h3>See CodeRoad in Action</h3>

<iframewidth="100%"height="360"src="https://www.youtube.com/embed/{{ site.video }}"frameborder="0"allowfullscreen></iframe>

<divclass="col-lg-4 col-sm-4">

<divclass="clearfix"></div>

<h2class="section-heading"><iclass="fa fa-forward"></i> Learn Faster<iclass="fa fa-forward"></i></h2>

<divclass="lead">The science is in: people learn best by doing, with quick feedback in a real world environment.</div>

<h2class="section-heading">

<iclass="fa fa-forward"></i>

Learn Faster

<iclass="fa fa-forward"></i>

<divclass="lead">The science is in: people learn best by doing, with quick and helpful feedback or hints in a real working environment.<br><br>If you like CodeCademy, we hope you'll love CodeRoad</div>

<divclass="col-lg-4 col-sm-4">

<divclass="clearfix"></div>

<h2class="section-heading">Free & Open<iclass="fa fa-folder-open-o"></i></h2>

<divclass="lead">Build, collaborate and deploy version controlled courses using Git & NPM.

<h2class="section-heading">Free & Open

<iclass="fa fa-folder-open-o"></i>

<divclass="lead">Use Git to build & collaborate on courses.<br><br>

Version control & share your tutorials over NPM</div>

<divclass="col-lg-4 col-sm-4">

<divclass="clearfix"></div>

<h2class="section-heading">Inside of<ahref="https://atom.io"target="_blank"><imgsrc="img/atom-editor.png"height="34px"width="34px"/></a></h2>

<divclass="lead">Atom-CodeRoad is a plugin for the free<ahref="https://atom.io"target="_blank">Atom Editor</a>. Code with your favorite packages.

<h2class="section-heading">Inside of

<ahref="https://atom.io"target="_blank"><imgsrc="img/atom-editor.png"height="34px"width="34px"/></a>

<divclass="lead">Atom-CodeRoad is a free plugin for the

<ahref="https://atom.io"target="_blank">Atom Editor</a>.

Code in a real environment alongside your favorite plugins.

<divclass="row">

<divclass="col-lg-6">

<h2>Try a Tutorial</h2>

<ulclass="list-inline intro-social-buttons">

{% for tutorial in site.tutorials %}

<divclass="col-lg-6">

<h2>Make Your Own</h2>

<ulclass="list-inline intro-social-buttons">

{% include nav.html %}

{% include header.html %}

{% include learn.html %}

{% include about.html %}

{% include learn.html %}

{% include example.html %}

{% include tutorials.html %}

{% include contact.html %}

{% include footer.html %}