ATL JS: Intro to Elm

Transcript

1. Intro to Elm Jeremy Fairbank @elpapapollo / jfairbank

2. Software is broken. We are here to fix it. Say

   hi@testdouble.com

3. Functional and statically typed programming language for frontend development elm

4. Web and UI Focused

5. Compiles to JavaScript

6. No runtime exceptions in practice.

7. The 2nd argument to function `add` is causing a mismatch.

   7| add 2 "3" ^^^ Function `add` is expecting the 2nd argument to be: Int But it is: String Compile time static type checks

8. Functional

9. Pure Data in Data out

10. Pure No side effects

11. Pure Predictable and Testable!

12. Immutable Data • Safety and consistency • Explicit flow of

    data • No subtle mutation bugs

13. No undefined is not a function

14. Fast

15. One framework. No fatigue. Update View Model Messages

16. model Update View

17. model Update View VDOM

18. model Update View

19. model Update View

20. model Update View

21. model Update View

22. model Update View

23. model Update View VDOM

24. ✓ Easier to write code ✓ Easier to write tests

    ✓ Easier to refactor

25. Demo

26. Getting Started • elm-lang.org • elm-lang.org/examples • guide.elm-lang.org • www.elm-tutorial.org

    • builtwithelm.co • Slack • elmlang.herokuapp.com

27. Programming Elm: Build Safe and Maintainable Front-End Applications Follow @elpapapollo

    for future updates

28. Thanks! Jeremy Fairbank @elpapapollo / jfairbank Slides: bit.ly/elm-atl-js Demo: bit.ly/elm-atl-js-demo