Welcome to Elm Training

This contains the course material for Elm Training. Before attending the training, make sure you can run the code in this repository, and configure your editor to show you errors inline when you save.

Please install git, Elm 0.18, and elm-live then run:

$ git clone https://github.com/elm-training/elm-training.git
$ cd elm-training
$ elm-reactor

Then open http://localhost:8000 in your browser. You should be able to navigate to ./topics/Introduction/Hello.elm and see "Hello World"

Introduction to Elm

• Basic Syntax + Hello World
• Writing and Using Functions
• Render Functions and the Virtual DOM

Type System

• Basic Function Signatures
• Type Aliases
• Union Types
• Type Variables
• Maybe
• Advanced Function Signatures

The Elm Architecture

• Introduction
• Text Fields
• Derived Data

The Elm Architecture: Effects

• Intro To Effects
• Http
• Subscriptions
• Task
• • https://becoming-functional.com/tasks-in-elm-0-18-2b64a35fd82e

Functional Programming

• Immutability
• Recursion
• Composition
• Currying

The Outside World

• Basic JSON parsing
• Advanced JSON parsing
• Talking to JavaScript
• Result

Real World Types - Data Modeling

• Consistent Data
• Composing Types
• Getting Specific
• Type Driven Development

Detailed Rendering

• Inline Styles
• CSS
• Optimization

Reusable Views

• Functions, not Components
• Find Your Inner Library
• Searchable Table
• Autocomplete

Single Page Applications

• Modules
• Nesting
• Routing
• Mention: When to use reusable views vs nesting.

Testing

• Setting Up elm-test
• Running Tests in CI
• Advanced Testing

Tour of the package ecosystem

• package.elm-lang.org
• See the "extra" packages and anything maintained by elm-community