Skip to content
Elm workshop
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Step01
Step02
Step03
Step04
Step05
Step06
Step07
Step08
Step09
Step10
Step11
Step12
Step13
Step14
Step15
Utils
.gitignore
README.md
elm.json
syntax-help.md

README.md

Welcome!

Today, we will try to learn Elm together. Before starting to develop in Elm, we need to follow some instructions to have a working dev environment.

Install Elm

You need to download and install Elm through the following link.

Install a plugin for your editor

Install a plugin for your editor to be able to understand Elm. You can find some instructions for these editors (I advice you to use IntelliJ or VS Code):

If you don't want to set up a dev environment, you can use the Ellie online editor – a link will be provided at each step.

Install elm-format

elm-format is a code formatter that will format your Elm code according to a standard set of rules. It looks a lot like prettier, for those who know it. This is not mandatory but strongly advised as it will really improve your experience with Elm.

Follow the instructions on the elm-format page and don't forget to configure your IDE to work with elm-format.

Get the code

You now need to get the code from this repository, either by downloading the archive (click here) or by cloning it:

git clone https://github.com/jgrenat/elm-workshop.git
cd elm-workshop

Workshop

This workshop is divided into several folders corresponding to one step each. To start, first execute the following commands into your terminal at the root of this repository:

elm make && elm reactor

You can then open the link http://localhost:8000/. As you can see, elm-reactor allowed us to launch a basic dev environment, and you can see the different folders for each step of the project. You can now start by going into the step 1.

If you need a little reminder about the syntax, you can check this cheat sheet.

You can’t perform that action at this time.