$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Introduction to Elm
Search
Dorian Karter
December 04, 2015
Programming
2
180
Introduction to Elm
Talk I gave at Hashrocket Mini Conf about the wonderful Elm language.
Dorian Karter
December 04, 2015
Tweet
Share
More Decks by Dorian Karter
See All by Dorian Karter
Building Multiplayer Games with Phoenix LiveView
dkarter
2
480
Going All In with NeoVim
dkarter
0
260
Versioning APIs in Phoenix
dkarter
1
180
Integration Testing with Page Objects
dkarter
3
170
Build Your First Vim Plugin
dkarter
1
260
Other Decks in Programming
See All in Programming
ELYZA_Findy AI Engineering Summit登壇資料_AIコーディング時代に「ちゃんと」やること_toB LLMプロダクト開発舞台裏_20251216
elyza
2
610
マスタデータ問題、マイクロサービスでどう解くか
kts
0
120
AIコーディングエージェント(Gemini)
kondai24
0
270
GISエンジニアから見たLINKSデータ
nokonoko1203
0
180
AtCoder Conference 2025「LLM時代のAHC」
imjk
2
580
ゆくKotlin くるRust
exoego
1
160
re:Invent 2025 トレンドからみる製品開発への AI Agent 活用
yoskoh
0
160
HTTPプロトコル正しく理解していますか? 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ニャ〜
hekuchan
2
380
從冷知識到漏洞,你不懂的 Web,駭客懂 - Huli @ WebConf Taiwan 2025
aszx87410
2
3k
ローカルLLMを⽤いてコード補完を⾏う VSCode拡張機能を作ってみた
nearme_tech
PRO
0
160
AIコーディングエージェント(NotebookLM)
kondai24
0
230
The Art of Re-Architecture - Droidcon India 2025
siddroid
0
120
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
70k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
170
Fireside Chat
paigeccino
41
3.8k
Design in an AI World
tapps
0
100
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.3k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
1
860
Information Architects: The Missing Link in Design Systems
soysaucechin
0
710
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.2k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
1
210
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
28
Balancing Empowerment & Direction
lara
5
820
Faster Mobile Websites
deanohume
310
31k
Transcript
Make the web functional again. Elm
What is Elm?
Functional Reactive Programming Language
Statically Typed
Compiles to JavaScript Generates HTML and CSS
Evan Czaplicki Present: Developed in 2012 by
Why Elm?
No more runtime exceptions!
Pure X ⇒ Y
Immutable
Blazing Fast Rendering
State History (and free time travelling debugger)
Type inference (but you’ll end up defining your types)
Interactive Programming Due to Hot Swapping
Composable Components Like React, but components can run independently
Amazing Tools!
REPL Package Manager Compiler Reactor Debugger
None
None
Free and Automatic Semantic Versioning
Smooth JavaScript interop JS
Easy(er) syntax and lower learning curve * When compared to
other functional languages ** terms and conditions may apply
Elm Syntax Crash Course
Literals
Manipulating Literals
Lists
Functions Anonymous functions
Records
Type Annotations
Type Aliases
Elm Architecture Basic Concepts
MUV = { Model Update View }
None
Signals
None
None
Mailboxes
DEMO
Thank You!