Aller au contenu

Elm

Elm logo

Installation

Installer nodejs et npm puis :

1
$ npm install -g elm elm-format

Créer un nouveau projet

Créer un nouveau dossier puis lancer la commande :

1
$ elm-package install

Créer le fichier Main.elm contenant :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
module Main exposing (main)

import Html exposing (..)
import Html.Attributes exposing (class, type_)


view =
    div [ class "container" ]
        [ h1 [ class "title" ] [ text "elm image search" ]
        , input [ type_ "text", class "medium input" ] []
        ]


main =
    view

Compiler le projet :

1
$ elm-make Main.elm --output elm.js

Créer le fichier index.html contenant :

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Une super application !</title>
    <script type="text/javascript" src="elm.js"></script>
  </head>
  <body>
    <script type="text/javascript">Elm.Main.fullscreen()</script>
  </body>
</html>

Intégration dans l'éditeur de texte Atom

Installer les paquets elm-format et language-elm.

Ressources

Elm par la pratique par Pascal Le Merrer [Leanpub PDF/iPad/Kindle]

@Leanpub
Elm par la pratique

« Elm par la pratique » vous guidera tout au long du développement de trois applications complètes, dont un jeu. En 200 pages seulement, vous passerez de la découverte du langage à la structuration d'une application complète. Ainsi vous serez prêt(e) à vous lancer dans vos propres développements en toute confiance.

Dernière mise à jour: May 8, 2022