• Quickstart Elm 0.19, part 18 (07 Nov 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.
  • Quickstart Elm 0.19, part 17 (06 Nov 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 pattern-matching.
  • Quickstart Elm 0.19, part 16 (31 Oct 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.
  • Quickstart Elm 0.19, part 15 (31 Oct 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.
  • Quickstart Elm 0.19, part 14 (31 Oct 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.
  • Quickstart Elm 0.19, part 13 (30 Oct 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.
  • Quickstart Elm 0.19, part 12 (30 Oct 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.
  • Quickstart Elm 0.19, part 11 (29 Oct 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.
  • Quickstart Elm 0.19, part 10 (29 Oct 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.
  • Quickstart Elm 0.19, part 9 (29 Oct 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).
  • Quickstart Elm 0.19, part 8 (29 Oct 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.
  • Quickstart Elm 0.19, part 7 (26 Oct 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.
  • Quickstart Elm 0.19, part 6 (24 Oct 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.
  • Quickstart Elm 0.19, part 5 (24 Oct 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.
  • Quickstart Elm 0.19, part 4 (23 Oct 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.
  • Quickstart Elm 0.19, part 3 (22 Oct 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.
  • Quickstart Elm 0.19, part 2 (20 Oct 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.
  • Quickstart Elm 0.19, part 1 (20 Oct 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.