tutorials:

-Functional School:

title:Functional School

language:JS

url:https://github.com/coderoad/coderoad-functional-school

description:A trip through functional programming in Javascript using common built-in Javascript array methods such as map & reduce.

-ES2015:

title:ES2015

language:JS

url:https://github.com/shmck/coderoad-es2015

description:Practice refactoring with ES2015 features.

layout:docs

title:What is Atom-CodeRoad?

id:explanation

file:2016-01-01-explanation.md

categories:

-atom-coderoad

Coming soon...

layout:docs

title:Quick Start

id:install

file:2016-01-02-installation.md

categories:

-atom-coderoad

To play a**tutorial**, you'll only need**Atom-CodeRoad**.

Atom CodeRoad has several key dependencies before starting:

***NodeJS** > 0.10.x. Check your version with`> node -v`.

- download a newer version[here](https://nodejs.org).

***NPM** 3.x+. Check your version with`> npm -v`.

- NPM comes installed with NodeJS

- update with`> npm install -g npm`

***Atom Editor**

- A popular code editor available at[Atom.io](https://atom.io/)

You can install Atom packages inside of Atom through the following menus: "Atom -> Preferences -> Install", and search for "atom-coderoad".

You may also choose to install*Atom Shell Commands* under the "Atom" menu. Shell commands allow you to quickly install Atom packages from the command line, for example:`> apm install atom-coderoad`.

Toggle open*Atom-CodeRoad* using the*Packages* menu or press*ctrl-alt-0*.

To install a tutorial, setup a*package.json* file and save the tutorial as a dependency.

{: .gif}

You can setup a project quickly by typing`npm init --y` into the command line in your project's folder. This agrees to all of the defaults for your newly created*package.json* file.

Now you can install a tutorial. Run`npm install --save-dev $THE-PACKAGE-NAME$` to save the tutorial as a package development dependency. If you run*Atom-CodeRoad* you should see the tutorial appear on the tutorial list screen.

It's recommended you also enable*autosave* in Atom.

{: .gif}

Tutorials run unit tests on save,*autosave* can speed up the process.

layout:docs

title:What is Builder-CodeRoad?

id:explanation

file:2016-01-01-explanation.md

categories:

-builder-coderoad

Coming soon...

layout:docs

title:Quick Start

id:install

file:2016-01-02-installation.md

categories:

-builder-coderoad

To create a**tutorial**, you'll need**Builder-CodeRoad**.

Builder CodeRoad has several key dependencies before starting:

**NodeJS* > 0.10.x. Check your version with`> node -v`.

- download a newer version[here](https://nodejs.org).

**NPM* 3.x+. Check your version with`> npm -v`.

- update with`> npm install -g npm`

**Atom Editor*

- available at[Atom.io](https://atom.io/)

You can install Atom packages inside of Atom through the following menus: "Atom -> Preferences -> Install", and search for "builder-coderoad".

You may also choose to install*Atom Shell Commands* under the "Atom" menu. Shell commands allow you to quickly install Atom packages from the command line, for example:`> apm install builder-coderoad`.

Toggle open*Builder-CodeRoad* using the*Packages* menu or press*ctrl-alt-9*.

id:development

file:2016-01-02-development.md

categories:

-docs

-builder-coderoad

Get setup quickly with CodeRoad: either[clone a tutorial repo](https://git-scm.com/docs/git-clone) or use the*CodeRoad-CLI*.

layout:docs

title:Tutorial Markdown

id:tutorial-md

file:2016-01-03-tutorial.md

file:2016-01-01-tutorial.md

categories:

-docs

layout:docs

title:CodeRoad API

id:coderoad-API

file:2016-01-04-coderoad-api.md

file:2016-01-02-coderoad-api.md

categories:

-docs

layout:docs

title:Unit Testing

id:tests

file:2016-01-05-tests.md

file:2016-01-03-tests.md

categories:

-docs

layout:docs

title:Loaders

id:test-loaders

file:2016-01-06-loaders.md

file:2016-01-04-loaders.md

categories:

-docs

layout:docs

title:Test Snippets

id:test-snippets

file:2016-01-07-test-snippets.md

file:2016-01-05-test-snippets.md

categories:

-docs

layout:docs

title:Test Examples

id:test-examples

file:2016-01-08-test-examples.md

file:2016-01-06-test-examples.md

categories:

-docs

layout:docs

title:Config

id:config

file:2016-01-09-config.md

file:2016-01-07-config.md

categories:

-docs

layout:docs

title:Publishing

id:publish

file:2016-01-10-publish.md

file:2016-01-08-publish.md

categories:

-docs

layout:docs

title:Test Runners

id:test-runners

file:2016-01-11-test-runner.md

file:2016-01-09-test-runner.md

categories:

-docs

layout:docs

title:Roadmap

id:roadmap

file:2016-01-12-roadmap.md

file:2016-01-10-roadmap.md

categories:

-docs

CodeRoad will become more flexible & powerful with time.

* Improved test coverage

* More test runners for different programming languages

* Solutions when stuck

* User accounts

* Tutorial ratings

*`@use` APIforpage feature choices

*Features API, to allowforvideo, quizzes, etc.

* Optional page templates

* Testing tool for viewing your development tutorial in real-time

* Suggestions?

layout:tutorial

title:Functional School

file:2016-01-01-functional-school.md

language:JS

url:https://github.com/coderoad/coderoad-functional-school

categories:

-tutorials

A trip through functional programming in Javascript using common built-in Javascript array methods such as map & reduce.

layout:tutorial

title:ES2015

file:2016-01-02-es2015.md

language:JS

url:https://github.com/shmck/coderoad-es2015

categories:

-tutorials

Practice refactoring with ES2015 features.

tagline: Play Interactive Tutorials

---

<h3>Atom-CodeRoad</h3>

<p>Coming soon...</p>

<li>Setup<li>

{% for post in site.categories.atom-coderoad reversed %}

<sectionid="{{ post.id }}">

<h2>{{ post.title }}</h2>

<div>{{ post.content }}</div>

<aclass="button"href="https://github.com/coderoad/coderoad.github.io/edit/master/_posts/docs/{{post.file}}">

<iclass="fa fa-pencil fa-fw"></i>

<spanclass="network-name">

Edit {{post.title}} Docs

{% endfor %}

tagline: Create Interactive Tutorials

---

<h3>Builder-CodeRoad</h3>

<p>Coming soon...</p>

{% for post in site.categories.builder-coderoad reversed %}

<sectionid="{{ post.id }}">

<h2>{{ post.title }}</h2>

<div>{{ post.content }}</div>

<aclass="button"href="https://github.com/coderoad/coderoad.github.io/edit/master/_posts/docs/{{post.file}}">

<iclass="fa fa-pencil fa-fw"></i>

<spanclass="network-name">

Edit {{post.title}} Docs

{% endfor %}