Quickstart Elm article series:

elm

Thursday, November 7, 2019

In this tutorial, we'll learn about ports in Elm. Ports allow Elm apps to communicate with JavaScript. With their help, we'll model state in localStorage.

elm

Wednesday, November 6, 2019

In this tutorial, we'll discuss side effect in Elm. We'll look at Elm from a more theoretical angle and discuss the benefits of using a functional language on the front end. One of those benefits is error-driven development. We'll also discuss randomness and Commands, Subscriptions, and Effects in Elm, and apply them in practice in our todo app. Additionally, we'll underline the importance of p...

elm

Thursday, October 31, 2019

How to make todo items editable in a simple todo app in Elm? That's what we'll learn in this tutorial. Specifically, we'll learn how an HTML input sends a message when an onInput event fires. This is an in-depth, step-by-step article. We'll explain all the underlying concepts here.

elm

Thursday, October 31, 2019

This tutorial covers using Result and Maybe in Elm 0.19. We'll destructure a Maybe and work with Result and Maybe defaults. We'll also learn how to import packages into our Elm apps.

elm

Thursday, October 31, 2019

In this tutorial on the Elm language, we'll learn how to capture the ENTER keypress, and we'll learn a neat trick on how to write correct functions signatures, and why this matters.

elm

Wednesday, October 30, 2019

In this tutorial on the Elm language, let's learn to use the let expression. We'll learn how to add a number in front of each todo item we add via a dynamic input field. We'll also learn about sending messages and we'll make our todos deletable.

elm

Wednesday, October 30, 2019

In this tutorial, we'll see how to add a dynamic input with a button in Elm 0.19. We'll view the building of the app, step by step, and we'll see the result with a live app demo. Learn how to store values in a data structure, and put everything together by building a simple todo app.

elm

Tuesday, October 29, 2019

Learn how to add a dynamic input field in Elm 0.19. We'll use this input field to print out to the screen whatever the user types in into the input.

elm

Tuesday, October 29, 2019

In this tutorial we'll build an Elm project on our local machine, using VS Code. We'll convert the Bootstrap 4 pricing layout from HTML to Elm, and see how to make our code more modular as we do it.

elm

Tuesday, October 29, 2019

What is the main difference between Strings and Records in Elm? We'll compare two very similar apps with a twist: we'll use a String to hold the data in one app (store the model), and in the other one, we'll use a Record (to store the model).

elm

Tuesday, October 29, 2019

In this tutorial in learning Elm series of articles, we'll learn about function composition and how to compose them using a few simple live examples.

elm

Saturday, October 26, 2019

Elm is a functional language, and in this tutorial we'll learn why and how all functions in Elm are curried, and what it means to say that all curried functions can be partially applied when called. This will help us understand type annotations.

elm

Thursday, October 24, 2019

When learning the Elm lang, it's important to understand how List.map and List.filter functions work. We'll discuss higher order functions in Elm and we'll compare a mapping over an array in JS using forEach and mapping over a List in Elm.

elm

Thursday, October 24, 2019

In the fifth article of our series on the Elm lang, we'll revisit working with messages in Elm. We'll discuss functions, pattern matching, and case expressions.

elm

Wednesday, October 23, 2019

There is a tool to convert HTML to Elm online. We'll learn about it in this tutorial, along with function signatures for HTML elements, how to pass code from view to the main function, how type aliases work, what are primitive types in Elm, and a few more questions and gotchas.

elm

Tuesday, October 22, 2019

In the third tutorial of this article series on learning Elm, we'll write a FizzBuzz app. We'll compare it with JS, and we'll play with the live example of the same app in the Elm language.

elm

Sunday, October 20, 2019

In the second tutorial of this article series on learning Elm, we'll cover immutable data structures, the Elm architecture (Model, Vie, Message, and Update), and unidirectional data flows. We'll build a simple counter app and learn about modules and the Browser.sandbox function.

elm

Sunday, October 20, 2019

In the first article of this article series on learning Elm, we'll see how to install Elm, render text nodes and actual HTML elements on a page. We'll also cover how to nest HTML elements in Elm 0.19.