elm/browser

Create Elm programs that run in browsers!

331

stars

235

commits

Elm

primary language

Dec 19, 2022

updated

package.elm-lang.org/packages/elm/browser/latest/
browser
elm
history
single-page-app
spa
Browse cluster: Elm language ecosystem and architecture

README

Elm in the Browser!

This package allows you to create Elm programs that run in browsers.

Learning Path

I highly recommend working through guide.elm-lang.org to learn how to use Elm. It is built around a learning path that introduces concepts gradually.

You can see the outline of that learning path in the Browser module. It lets you create Elm programs with the following functions:

  1. sandbox — react to user input, like buttons and checkboxes
  2. element — talk to the outside world, like HTTP and JS interop
  3. document — control the <title> and <body>
  4. application — create single-page apps

This order works well because important concepts and techniques are introduced at each stage. If you jump ahead, it is like building a house by starting with the roof! So again, work through guide.elm-lang.org to see examples and really understand how Elm works!

This order also works well because it mirrors how most people introduce Elm at work. Start small. Try using Elm in a single element in an existing JavaScript project. If that goes well, try doing a bit more. Etc.

Contributors

evancz

171 commits

robinheghan

34 commits

terezka

10 commits

jfairbank

4 commits

elm/browser

Create Elm programs that run in browsers!

331

stars

235

commits

Elm

primary language

Dec 19, 2022

updated

package.elm-lang.org/packages/elm/browser/latest/
browser
elm
history
single-page-app
spa
Browse cluster: Elm language ecosystem and architecture

README

Elm in the Browser!

This package allows you to create Elm programs that run in browsers.

Learning Path

I highly recommend working through guide.elm-lang.org to learn how to use Elm. It is built around a learning path that introduces concepts gradually.

You can see the outline of that learning path in the Browser module. It lets you create Elm programs with the following functions:

  1. sandbox — react to user input, like buttons and checkboxes
  2. element — talk to the outside world, like HTTP and JS interop
  3. document — control the <title> and <body>
  4. application — create single-page apps

This order works well because important concepts and techniques are introduced at each stage. If you jump ahead, it is like building a house by starting with the roof! So again, work through guide.elm-lang.org to see examples and really understand how Elm works!

This order also works well because it mirrors how most people introduce Elm at work. Start small. Try using Elm in a single element in an existing JavaScript project. If that goes well, try doing a bit more. Etc.

Contributors

evancz

171 commits

robinheghan

34 commits

terezka

10 commits

jfairbank

4 commits

Languages

Elm

79.3%

JavaScript

20.7%