Autoplay

    Learn the Elm Architecture: Course Overview

    Enrico BuonannoEnrico Buonanno

    Here is what you can expect to learn by following this course. Enjoy!

    In this course, we will take a look at building a simple Form in Elm. Through building this form, we will see how Elm handles the view, side effects, and sending requests to the server.

    We will start with building the view for our form and progress to adding interactivity and visual feedback for the user when defining the model that will hold the application state and updater functions. Finally, we'll look at adding constraint validation to the form.

    elmElm
    Code

    Code

    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson
    Transcript

    Transcript

    Instructor: 00:01 In this course, you will build a simple form using Elm. The form will look like this. It's a very simple contact form where the user can enter their email and a message, and send it to the server. It's a very simple project, but it's also realistic, since most websites do have such a contact form.

    00:19 It also allows us to cover all the basic aspects of an Elm application, from creating the view to performing side effects, such as communicating with the server. We'll start by creating the view for the form, and you will see how Elm uses a set of functions that create a representation of the virtual DOM.

    00:37 This is the view part of the Elm architecture. We'll then add interactivity by defining a model that is a data structure that holds the application's state, and the update function, which maintains the state in response to events from the UI.

    00:54 The next step will be to send requests to the server via HTTP. We also have to enrich our model and UI to give the user visual feedback on the state of their request. Finally, we will add constraint validation to prevent the user entering invalid data.

    01:10 This course assumes some familiarity with the Elm language, but does not assume you know about the Elm architecture. By following along, you will not only learn the basics of building forms in Elm, but you will also learn about the Elm architecture, which is the standard way to structure applications written in Elm, and to make the most of Elm is a framework.

    Discuss

    Discuss