search

dwyl / learn-elm

:rainbow: discover the beautiful programming language that makes front-end web apps a joy to build and maintain!
https://github.com/dwyl/learn-elm
485 stars 43 forks source link

Forget CSS and enjoy creating UIs in pure Elm #145

Open nelsonic opened 4 years ago

nelsonic commented 4 years ago

https://korban.net/posts/elm/2019-11-17-elm-ui-introduction/ a superb intro to Elm UI by @alexkorban https://ellie-app.com/3TdcKSPxMv5a1

nelsonic commented 4 years ago

image https://youtu.be/Ie-gqwSHQr0

nelsonic commented 4 years ago

Seriously thinking of buying this book: https://korban.net/elm/book/ image

@SimonLab Qu'est-ce que tu penses ?

SimonLab commented 4 years ago

image

The most interesting aspect are the ones linked UI and css but it's also always good to refresh and read other explanation for topic we are already comfortable with. Also money back guarantee if not happy.

alexkorban commented 4 years ago

Hi, I’m the author of Practical Elm. Could you please take down that download link? Please note that the book is for individual use, not for redistribution in any form.

If you’d like to make the book available to your whole organisation, please get in touch via korban.net.

nelsonic commented 4 years ago

Hi @alexkorban thanks for letting us know that the download link isn’t single use. 🙃 We didn’t mean to share it, rather it was for personal use as a “note to self” reminder to send the kindle version to myself. Thanks again for the great content! Keep up the superb work! 👍🏻

nelsonic commented 4 years ago

The book source code is Elm version 0.19.0. I have Elm 0.19.1 installed and get the following error: image

Attempted to update the version of elm in elm.json to 0.19.1 ... elm make src/Main.elm appears to work:

Starting downloads...

  ● elm/regex 1.0.0
  ● mdgriffith/elm-ui 1.1.0
  ● rtfeldman/elm-validate 4.0.1
  ● elm/random 1.0.0
  ● elm/json 1.1.2
  ● elm/bytes 1.0.3
  ● elm-explorations/test 1.2.0
  ● elm/file 1.0.1

Dependencies ready!
Success! Compiled 12 modules.

    Main ───> index.html

But attempting to open the resulting index.html file gives the following error:

image

Initialization Error
Error: Problem with the flags given to your Elm program on initialization.

Problem with the given value:

undefined

Expecting an OBJECT with a field named `sessionId`
nelsonic commented 4 years ago

Downgraded to Elm 0.19.0:

npm install -g elm@elm0.19.0

Re-compiled:

elm make src/Main.elm
Starting downloads...

  ● mdgriffith/elm-ui 1.1.0
  ● elm/regex 1.0.0
  ● elm-explorations/test 1.2.0
  ● rtfeldman/elm-validate 4.0.1

Dependencies ready!
Success! Compiled 12 modules.

Attempt to open the resulting index.html file: image

Fail. 😞