learn-you-a-haskell VS elm-architecture-tutorial

The LYAH is by far my favorite book for beginners, however, it lacks exercises for you to practice, but you can still move along typing and playing with the examples shown, and it’s free to read online. It’s outdated but most of the code may still be valid with little to no changes.

Learn You a Haskell For Great Good! is also a really good resource:

https://learnyouahaskell.com/

If you've never done functional, Learn You Some Erlang For Great Good was a very fun read, and I'll always love Learn You a Haskell for Great Good for showing me everything imperative languages kinda gloss over magically, as well as why I should never take a job working in Haskell!

you start that way, but don't do http://learnyouahaskell.com really?

Learn You a Haskell for Great Good!

I enjoyed http://learnyouahaskell.com/ which is available in print and digital. Fun and lighthearted while still teaching reasonable depth. YMMV.

Elm is a statically typed language inspired by Haskell. The natural step would be to use Elm on the frontend and Haskell on the backend. And that's what I tried to do. I read with some difficulty the Learn You a Haskell for Great Good! book (available for free here) and learned a lot of cool stuff. But creating a complete backend using Haskell proved to be more than I could chew. So I decided to look for alternatives...

Here y’go!

I'm learning Haskell right now, pure functional language, but if anyone is interested, Elm is based on Haskell and much easier to learn. Elm is a web development language that compiles to JS. https://guide.elm-lang.org/

Elm is a different approach that compiles into JavaScript. In the extreme case, you have Emscripten which will compile many language into JavaScript but will feel really clumsy compared to using JavaScript in a lot of cases.

And if you want to stay in the UI realm, Elm is a good introduction into functional programming.

If you want to get better at data structures you should strongly consider learning a functional language. A huge part of functional programming is manipulating data structures. The language Elm is a great place to start for you since it's frontend specific. For example, check out the doc page for the Dict data type and see if that kind of stuff is what you're looking for.

https://guide.elm-lang.org/ for a high level guide, and an unstyled button example https://elm-lang.org/examples/buttons.

I hope this tiny guide was helpful, and that you learned something new today. If you want to learn more about Elm, you should check out the official guide or say hello in the Elm Slack #beginners channel

https://guide.elm-lang.org/ is always a solid example for me

After going through the whole Introductory Guide to the Elm Language and reading the Elm in Action book, I already felt quite comfortable developing webapps in this paradigm. I liked Elm so much that I started a project to teach programming to beginners using this language and made the first classes available on the website elm.dev.br (in Brazilian Portuguese).