Branching Out with Elm

on YouTube ↗57m

" summary

Builds a working tic-tac-toe app in Elm that compiles to JavaScript, uses the Elm Reactor dev server and the VS Code Elm extension, and demonstrates immutable records, discriminated unions, currying and pattern matching to represent board, moves and win logic. The architecture is explicit: Model → Update → View with friendly compiler errors, a REPL for exploration, and no nulls via option types; the demo renders in the browser and enforces valid moves.

AI-written summary · about

" chapters (15)

1. 0:00Introduction to Elm
2. 0:45Why choose Elm
3. 2:33Language features
4. 3:18Compiler and tooling
5. 5:51Development environment
6. 6:55Basic language syntax
7. 11:32Records and data structures
8. 16:05Discriminated unions
9. 22:54Elm architecture setup
10. 24:40Tic-Tac-Toe demo
11. 28:41HTML integration
12. 33:04Modeling the game state
13. 37:52Update logic
14. 42:51View rendering
15. 47:23Q&A and resources

" related talks

• 51mElm-Friendly Functional Programming For The WebLuke Westby · GOTO Copenhagen 2016
• 38mConfident Frontend with ElmJack Franklin · Full Stack Fest 2016
• 30mElm the Game ChangerBastian Krol · RuhrJS 2016
• 47mElm or how I learned to love front end developmentMarco Perone · Codemotion Rome 2016
• 51mAdventures in ElmJessica Kerr · GOTO Chicago 2016
• 41mWriting Reliable Web Apps With ElmErik Wendel · Codemotion Milan 2017
• 39mDeveloper Happiness on the Front End with ElmKevin Yank · RailsConf 2017
• 01h 28mFunctional Programming for the Web with ElmAustin Bingham · ACCU 2017