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.