iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

學會Elm寫前端 系列

如果想要學functional programming, Elm 是一個很好的起頭。如果想要多知道Redux的由來,Elm Architecture可以說是前身。Elm 最後都會編譯成Javascript。但卻是一種新的語言。如果你想要學Haskell, 或是後端是使用Elixir, Erlang, Scala等等functional 的語言,而前端也要用functional programmign一統天下, Elm 雖然小眾,語言本身也不複雜,但值得一學,至於production,你也可以把一部分的code改用Elm,它可以和其他JS做良好的溝通。

鐵人鍊成 | 共 30 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文
DAY 1

01 Elm的學習資源

同步發表在個人blog 看過很多Elm 的學習資源,不過因為中文資料甚少(根本就沒有吧),會想說來為Elm推廣一下。目前台灣只有purescript的社團(也是...

2017-12-18 ‧ 由 poligen 分享
DAY 2

02 Elm 的安裝

今天有點取巧,只有寫安裝,明天再多來談談基本的Elm 語法。如果不想要安裝想先嚐鮮,也有Ellie這個網站可以直接線上使用Elm 安裝 為什麼安裝還要教…其實我...

2017-12-19 ‧ 由 poligen 分享
DAY 3

03 瞭解 Elm 裡的 function

everything is an expression 我不太知道expression 在中文要怎麼翻?叫做表達式好了。在elm或是其他functional p...

2017-12-20 ‧ 由 poligen 分享
DAY 4

04 Elm的資料結構

Collection 可以把elm 當做是一般的語言來學,譬如就有人 拿來解 adventofcode[fn:1], 而一個語言最重要的就是 data stru...

2017-12-21 ‧ 由 poligen 分享
DAY 5

05 來喝茶吧,認識 The Elm Architecture

The Elm Architecture 這個圖就是Elm 的架構,也是後來redux所延用的架構,懂這張圖elm就學會了(咦?) 簡單來說,一個Elm 的a...

2017-12-22 ‧ 由 poligen 分享
DAY 6

06 認識Elm裡的類別(type system)

終於要說到types了 Elm裡的type system相對haskell做了不少簡化,一個是 type alias ,一個是 union type。先來說說t...

2017-12-23 ‧ 由 poligen 分享
DAY 7

07 如何在Elm裡讀Json?

JSON decoding Elm裡有完整的JSON decoding 的library,讓你可以和server溝通,之後幾天我們來寫寫關於如何和伺服器溝通,或...

2017-12-24 ‧ 由 poligen 分享
DAY 8

08 如何讓Elm和server說上話?

和server 說說話 我們直接使用官方的 example 來說明好了。這是一個很簡單的app, 你按一個鈕後,會隨機產生一個random的貓咪圖。 array...

2017-12-25 ‧ 由 poligen 分享
DAY 9

09 elm 和javascript如果合作?

interop with javascript 所以elm可以呼叫javascript的function嗎?或是javascript可以使用elm的functi...

2017-12-26 ‧ 由 poligen 分享
DAY 10

10 如何在elm寫測試?(test in elm)

test in elm 其實test 在elm裡頭和其他語言的test大同小異。不過還是簡單介紹一下常用的套件。目前市面上(至少我知道的,如果有其他套件也請推薦...

2017-12-27 ‧ 由 poligen 分享