Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Introduction to Elm
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Dorian Karter
December 04, 2015
Programming
190
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Introduction to Elm
Talk I gave at Hashrocket Mini Conf about the wonderful Elm language.
Dorian Karter
December 04, 2015
More Decks by Dorian Karter
See All by Dorian Karter
Building Multiplayer Games with Phoenix LiveView
dkarter
2
500
Going All In with NeoVim
dkarter
0
280
Versioning APIs in Phoenix
dkarter
1
190
Integration Testing with Page Objects
dkarter
3
190
Build Your First Vim Plugin
dkarter
1
280
Other Decks in Programming
See All in Programming
Honoでのサプライチェーン侵害対策 〜 3つのライブラリに学ぶ
yusukebe
7
1.8k
関数型プログラミングのメリットって何だろう?
wanko_it
0
160
AI時代、エンジニアはどう育つのか -未経験エンジニアの成長を間近で見て考えたこと-
thasu0123
0
100
Performance Engineering for Everyone
elenatanasoiu
0
270
Generative UI & AI-Assistants for Your Angular Solutions
manfredsteyer
PRO
0
100
Embedded SREと共に達成した会員管理システムのAWS移行 - SRE NEXT 2026 ランチスポンサーセッション
niftycorp
PRO
1
2.3k
Signal Forms: Details & Live Coding @enterJS 2026 in Mannheim
manfredsteyer
PRO
0
230
Generative UI & AI-Assistants for Your Angular Solutions
manfredsteyer
PRO
1
160
技術記事、 専門家としてのプログラマ、 言語化
mizchi
14
7.4k
act2-costs.pdf
sumedhbala
0
110
なぜ関数型プログラミングで「型」と「証明」が語られるのか #fp_matsuri
kajitack
3
800
Hatena Engineer Seminar #37「言語モデルの活用に関する研究」
slashnephy
0
510
Featured
See All Featured
From π to Pie charts
rasagy
0
230
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
470
Discover your Explorer Soul
emna__ayadi
2
1.2k
ラッコキーワード サービス紹介資料
rakko
1
3.9M
Mind Mapping
helmedeiros
PRO
1
280
Everyday Curiosity
cassininazir
0
250
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
410
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
550
Joys of Absence: A Defence of Solitary Play
codingconduct
1
410
30 Presentation Tips
portentint
PRO
1
350
Balancing Empowerment & Direction
lara
6
1.2k
How to build a perfect <img>
jonoalderson
1
5.8k
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!