Hands-On with Elm

Our next Elm meetup will be a coding night. Bring a laptop with Elm installed, and we'll have fun ways to learn & improve your Elm coding skills.

In this event we will build an app similar to this SPA (http://elm-spa-example.gizra.com/) (single page app) from scratch.

Here are the things we expect you to be ready with, so please prepare in advance:

• Laptop

• Elm (http://elm-lang.org/install) v0.17.1

• Elm format (https://github.com/avh4/elm-format#installation-)

• Atom (https://atom.io/) editor with the following extensions:

• Language-elm (https://atom.io/packages/language-elm)

• linter-elm-make (https://atom.io/packages/linter-elm-make)

• Html-to-elm (https://atom.io/packages/html-to-elm)

• Atom-beautify (https://atom.io/packages/atom-beautify) - follow the instructions to integrate it with Elm format so it works on save.

Next, scaffold a new Elm app with yo-elmlang (https://github.com/Gizra/generator-elmlang#generator-elmlang-), (https://github.com/Gizra/generator-elmlang#generator-elmlang-)so when you run "gulp" you should see a simple counter app.

You are ready. In this workshop, we will pick up the counter app and fancy it up!

We will use Gizra/elm-tlv3 (https://github.com/Gizra/elm-tlv3) as a guide.