iT邦幫忙

elm相關文章
共有 29 則文章
鐵人賽 Modern Web DAY 29
學會Elm寫前端 系列 第 29

技術 29 Elm裡的module,學會分割術

今天來聊聊如果你的code變得越來越大怎麼辦?你不想要放在同一個檔案裡啊, 其實之前我們也有稍微提到過,就是使用 module,常常我們也在code裡寫到 im...

鐵人賽 Modern Web DAY 28
學會Elm寫前端 系列 第 28

技術 28 elm的好友們:來學ReasonML

Reason是react 團隊的新開發項目,目前大家常用的facebookmessenger的web版就是用reasonml來開發的。reasonml是由OCa...

鐵人賽 Modern Web DAY 27
學會Elm寫前端 系列 第 27

技術 27 elm的好友們:來學purescript

purescript and haskell 雖然haskell也有一個叫ghcjs,是最像haskell的。purescript在haskell界還是最多人用...

鐵人賽 Modern Web DAY 26
學會Elm寫前端 系列 第 26

技術 26 elm和他的朋友們

接下來幾篇我要來介紹除了elm之外,還沒有類似這樣的"是另外一個語言,但是會編譯成javascript",其實已經有很多類似的語言了,但這類...

鐵人賽 Modern Web DAY 25
學會Elm寫前端 系列 第 25

技術 25 elm Q&A: 如何submit一個form?登入登出?

會想寫這一篇是因為其實官網的tutorial或是現在買得到的書,網站裡面,很少提到如何在elm裡做http post這個動作。而相關的文章、套件也相當少。不只是...

鐵人賽 Modern Web DAY 24
學會Elm寫前端 系列 第 24

技術 24 elm Q&A: 可以在說一次Json.Decode嗎?

為什麼是JSON? Evan Czaplicki 寫了篇為什麼選擇json來當做是資料交換的處理,而不是其他的格式,之前有簡單地帶過關於elm在json的處理是...

鐵人賽 Modern Web DAY 23
學會Elm寫前端 系列 第 23

技術 23 elm Q&A: 聽說和react, redux有關係?

如果你來自react 學react一定會用到redux來處理state的問題,那你就開始學redux,可是redux好難,一下又是reducer, 一下又是ac...

鐵人賽 Modern Web DAY 22
學會Elm寫前端 系列 第 22

技術 22 elm Q&A: 那些奇怪的符號是什麼?

奇怪的符號們 >>, <<, |>, <| 如果你打開其他人的elm code 常常會看到這些符號,或是在其他的functi...

鐵人賽 Modern Web DAY 21
學會Elm寫前端 系列 第 21

技術 21 elm Q&A: 如何在elm取得此刻的時間?

其實我大概都是一邊寫,一邊想想看接下來幾天到底要寫什麼。已經寫了20篇了。大致的elm的介紹,寫到這已經都差不多了。(我知道我省略很多functional pr...

鐵人賽 Modern Web DAY 20
學會Elm寫前端 系列 第 20

技術 20 elm Q&A: 驚嘆號是什麼東西?

(!) bang,這是什麼鬼? update msg model = case msg of FetchTime -> model...

鐵人賽 Modern Web DAY 19
學會Elm寫前端 系列 第 19

技術 19 讓elm看懂Markdown

Markdown 除了可以parse html,css之外,還有一個很常用的格式markdown,譬如這個鐵人賽的編輯器就是要你寫markdown,會幫你par...

鐵人賽 Modern Web DAY 18
學會Elm寫前端 系列 第 18

技術 18 elm 上使用websocket

websockets 如果你要架個聊天室的話,常用的通訊協定會是websocket,除了json之外,其實還有elm-lang也有這個的module。安裝也是很...

鐵人賽 Modern Web DAY 17
學會Elm寫前端 系列 第 17

技術 17 使用webpack來打包elm

Elm and Webpack 大部分的時候,我們用elm-make打包好就好,可是如果我們這個前端還需要其他css或是js的套件要怎麼辦?一個個讀很麻煩,el...

鐵人賽 Modern Web DAY 16
學會Elm寫前端 系列 第 16

技術 16 用elm寫css

elm-css 既然html,js都可以用elm compile出來,那css可以嗎? 當然是可以的,雖然大多數的人還是把css另外寫,不過如果你要吃elm全餐...

鐵人賽 Modern Web DAY 15
學會Elm寫前端 系列 第 15

技術 15 如何在Elm 裡除錯:dubug in Elm

之前只有一行文提到 elm-reactor,無法說明他們厲害的地方在哪裡。如果程式很小,其實也不太需要debug,或是做Intergration Test。但是...

鐵人賽 Modern Web DAY 14
學會Elm寫前端 系列 第 14

技術 14 Elm的SPA裡的routing

Routing 我覺得routing用文字來描述有他的極限,但我又懶得畫圖(因為一天要寫一篇,還要畫圖真是強人所難啊…),建議大家下載這個專案,就是要來介紹el...

鐵人賽 Modern Web DAY 13
學會Elm寫前端 系列 第 13

技術 13 慎選資料結構--談Elm的優化

什麼時候要用List,什麼時候要用Array? 還是回到一開始的老話,程式其實就是data structure和algorithm,我也是過了好久才懂這句話,如...

鐵人賽 Modern Web DAY 12
學會Elm寫前端 系列 第 12

技術 12 Elm apps 變大了要怎麼辦?如何建構?

the deeply nested problem Components 常見於各種javascript 的frameworks。譬如react compone...

鐵人賽 Modern Web DAY 11
學會Elm寫前端 系列 第 11

技術 11 如何在elm裡做好delegation?

delegation 在你的codebase還不太大的狀況之下,其實不太需要這個delegation。我目前只有在frontend master裡的 elm i...

鐵人賽 Modern Web DAY 10
學會Elm寫前端 系列 第 10

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

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

鐵人賽 Modern Web DAY 9
學會Elm寫前端 系列 第 9

技術 09 elm 和javascript如果合作?

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

鐵人賽 Modern Web DAY 8
學會Elm寫前端 系列 第 8

技術 08 如何讓Elm和server說上話?

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

鐵人賽 Modern Web DAY 7
學會Elm寫前端 系列 第 7

技術 07 如何在Elm裡讀Json?

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

鐵人賽 Modern Web DAY 6
學會Elm寫前端 系列 第 6

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

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

鐵人賽 Modern Web DAY 5
學會Elm寫前端 系列 第 5

技術 05 來喝茶吧,認識 The Elm Architecture

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

鐵人賽 Modern Web DAY 4
學會Elm寫前端 系列 第 4

技術 04 Elm的資料結構

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

鐵人賽 Modern Web DAY 3
學會Elm寫前端 系列 第 3

技術 03 瞭解 Elm 裡的 function

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

鐵人賽 Modern Web DAY 2
學會Elm寫前端 系列 第 2

技術 02 Elm 的安裝

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

鐵人賽 Modern Web DAY 1
學會Elm寫前端 系列 第 1

技術 01 Elm的學習資源

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