This is an introductory course to the Elm language. The idea is to build a pet application that will cover the basics of the language and some of its fundamental concepts.
We will be building a random quote machine that display famous quotes from "Zlatan"
This is how the app will look like : demo
The workshop will be divided into the following steps :
-
1 - Introduction to the Syntax : http://elmrepl.cuberoot.in/
-
2 - Html To Elm
Convert the following markup https://codesandbox.io/s/sparkling-sea-5dl12 thanks to https://mbylstra.github.io/html-to-elm/
- 3 - An overview of the Elm Architecture
-
4 - Create your first Pet App using the Elm Architecture
- Introduction to Records and List Data Type
- Create a Browser Sandbox Application
- Display content from the Model
- Create a quote pagination with a naive JS Like approach ( using a counter and the Array Type )
- Introduction to the Maybe Type
- Introduction to Custom Types
-
5 - The Elm way
- An introduction to making impossible states impossible
- Implementation of a more Elmish way of handling the pagination
- Installation of an external package that helps to model a ZipList
-
6 - Adding some Side Effects
- Upgrading from a Browser sandbox app to a Browser element App
- Implementation of quotes Randomization