This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
cs330_f2016:elm1 [2020/03/23 17:19] wingated created |
cs330_f2016:elm1 [2021/06/30 23:42] (current) |
||
---|---|---|---|
Line 1: | Line 1: | ||
====Objective:==== | ====Objective:==== | ||
- | The purpose of this lab is to help you understand how to use Functional Reactive Programming(FRP) in the Elm language to create a GUI. It is also to expand your idea of what a type can be by using Algebraic Data Types(ADT). | + | The purpose of this lab is to help you understand how to use Functional Reactive Programming(FRP) in the Elm language to create a GUI. It is also to expand your idea of what a type can be by using Algebraic Data Types (ADTs). |
---- | ---- | ||
Line 7: | Line 7: | ||
Make sure that you have the Elm compiler installed. Get it at [[https://guide.elm-lang.org/install/elm.html]]. | Make sure that you have the Elm compiler installed. Get it at [[https://guide.elm-lang.org/install/elm.html]]. | ||
+ | |||
+ | |||
+ | ---- | ||
+ | ====Auxiliary files needed:==== | ||
+ | |||
+ | * [[http://liftothers.org/byu/index.css]] | ||
+ | * [[http://liftothers.org/byu/index.html]] | ||
+ | * [[http://liftothers.org/byu/Lab9.elm]] | ||
---- | ---- | ||
Line 79: | Line 87: | ||
---- | ---- | ||
===Hints=== | ===Hints=== | ||
- | * You may want to represent the game board model as a one-dimensional list of "squares". Squares could be their own type. | + | * You may want to represent the game board model as a one-dimensional list of "squares". Squares could be their own type. |
- | * If you decide to use a one dimensional list, you may want to use Elm's ''List.indexedMap'' function. | + | * If you decide to use a one dimensional list, you may want to use Elm's ''List.indexedMap'' function. |
---- | ---- | ||
===Resources== | ===Resources== | ||
- | * https://elm-lang.org/docs | + | * https://elm-lang.org/docs |
- | * https://elmprogramming.com/ | + | * https://elmprogramming.com/ |
- | * https://elm-lang.org/examples | + | * https://elm-lang.org/examples |
- | * https://learnxinyminutes.com/docs/elm/ | + | * https://learnxinyminutes.com/docs/elm/ |