Elm Workshop

Contents

• Basics - Elm Architecture, Syntax, Packages
• Hello World
• Modules
• Commands (HTTP client and REST, ...)
• Decoders
• Tasks (Chaning REST requests, ...)
• JavaScript interoperability - Ports, WebComponents

Install Prerequisites

Elm Compiler

1. Installer from https://elm-lang.org (Windows, macOS, Linux) or

2. NPM package

    npm install -g elm
   

Elm Format

1. Binaries on github.com/avh4/elm-format

2. NPM package

    npm install -g elm-format
   

elm-live (optional)

npm install -g elm-live

json-server

npm install -g json-server

Editor Plugins

• Visual Studio Code, Krzysztof-Cieslak/vscode-elm
• IntelliJ IDEA, klazuka/intellij-elm
• Sublime Text, Elm Language Support

Start with "Hello World"

git clone git@github.com:jirisliva/elm-workshop.git

cd 1_hello

elm make src/Main.elm --debug

or with reactor

elm reactor

or with elm-live

elm-live src/Main.elm -- --debug

or exapmle on Ellie-app.

Resources

• Elm Syntax
• Official Guide
• Learn X in Y minutes (in czech: zdrojak.cz)