Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Introduction to Elm

Avatar for Dorian Karter Dorian Karter
December 04, 2015
Programming
190
2

Introduction to Elm

Talk I gave at Hashrocket Mini Conf about the wonderful Elm language.

Avatar for Dorian Karter

Dorian Karter

December 04, 2015

More Decks by Dorian Karter

See All by Dorian Karter
Building Multiplayer Games with Phoenix LiveView
Avatar for Dorian Karter dkarter
2
520
Going All In with NeoVim
Avatar for Dorian Karter dkarter
0
290
Versioning APIs in Phoenix
Avatar for Dorian Karter dkarter
1
190
Integration Testing with Page Objects
Avatar for Dorian Karter dkarter
3
200
Build Your First Vim Plugin
Avatar for Dorian Karter dkarter
1
290

Other Decks in Programming

See All in Programming
TS 7.0 で baseUrl が使えなくなった今、パスエイリアスをどうするか
Avatar for おおいし bicstone
2
590
オーケストレーション記述言語 Katari
Avatar for ゆきくらげ yukikurage
0
250
作れるエンジニアから、価値を届けるエンジニアへ
Avatar for Ryu-nakayama ryunakayama
1
250
AI駆動開発4年目の現在地（『あなたはFDEになるべきか？』イベント資料）
Avatar for 熊井悠 kumaiu
0
580
Long Living Tokens, Die, Die, Die! (or: The One Ring is Banned in Modern)
Avatar for sylph01 sylph01
0
420
Getting Started with Vibe Coding
Avatar for Michael Cheng miccheng
0
200
AmebaブログはKMPから卒業します
Avatar for 伊藤光次郎 kmars0605
0
340
AIで開発が速くなった先で、開発チームは何を目指すか
Avatar for Yuki Shiho shihochan
1
2k
小さなアプリを作って公開するまで
Avatar for onozaty onozaty
0
160
Performance Optimization With LLMs
Avatar for xLeitix xleitix
0
250
Crash Auto Pipelines
Avatar for Veronikapj veronikapj
1
410
Vue.jsで作る空間解析アプリとCapacitorプラグインのData Bridge
Avatar for Hal hal_spidernight
1
170

Featured

See All Featured
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
330
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
560
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2.2k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
1.1k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
6
1.3k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
580
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
50
10k
HDC tutorial
Avatar for Michiel Stock michielstock
2
1k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.6k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
1k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
560

Transcript

  1. Make the web functional again. Elm

  2. What is Elm?

  3. Functional Reactive Programming Language

  4. Statically Typed

  5. Compiles to JavaScript Generates HTML and CSS

  6. Evan Czaplicki Present: Developed in 2012 by

  7. Why Elm?

  8. No more runtime exceptions!

  9. Pure X ⇒ Y

  10. Immutable

  11. Blazing Fast Rendering

  12. State History (and free time travelling debugger)

  13. Type inference (but you’ll end up defining your types)

  14. Interactive Programming Due to Hot Swapping

  15. Composable Components Like React, but components can run independently

  16. Amazing Tools!

  17. REPL Package Manager Compiler Reactor Debugger

  18. None
  19. None

  20. Free and Automatic Semantic Versioning

  21. Smooth JavaScript interop JS

  22. Easy(er) syntax and lower learning curve * When compared to

    other functional languages ** terms and conditions may apply

  23. Elm Syntax Crash Course

  24. Literals

  25. Manipulating Literals

  26. Lists

  27. Functions Anonymous functions

  28. Records

  29. Type Annotations

  30. Type Aliases

  31. Elm Architecture Basic Concepts

  32. MUV = { Model Update View }

  33. None

  34. Signals

  35. None
  36. None

  37. Mailboxes

  38. DEMO

  39. Thank You!