Skip to content

Instantly share code, notes, and snippets.

@Jbern16
Last active April 14, 2016 15:40
Show Gist options
  • Save Jbern16/157ccf3649587cfbc560ecf7a5a372d8 to your computer and use it in GitHub Desktop.
Save Jbern16/157ccf3649587cfbc560ecf7a5a372d8 to your computer and use it in GitHub Desktop.
Having Fun with Elm Lang

Intro to Elm and the Elm Architecture ~ 20 min

What is elm? What is it used for? Why Elm?

    - Functional - What does that mean? 
    - What is a reactive web-app? 
    - Briefly talk about how it compiles -> JS
    - Simple but deep functionality. 
    - Error Messages are awesome!

Elm Docs

    - How Elm Packages Work
    - How modules work

Elm Architecture

    - Model -> View -> Update
    - htts://github.com/evancz/elm-architecture-tutorial
    - How "StatrtApp" makes this process easy

Walkthrough an Example my Magic Counter App ~ 15 min

    - Show students my magic counter and explain how it utilizes elm architecture to
        do what it does. https://github.com/Jbern16/magic_counter
    - Introduce html interop (how we can introduce our app into an index.html and thus style it
    - Briefly talk about how I utilized elm-electron. What is electron?

Crowd-Source Challenge ~ 20min

try! - Let's come up with a super simple web app and implement it in a code-along! If no ideas, we will implement a pluralizer. - Introduce type annotations - why they are more then comments.

Wrap-Up and Next Steps ~ 5min

    - Next steps. Exercism.io, pragmatic studio. 
    - Answer Questions/Concerns/Etc
    - Why shouldn't you use Elm? Drawbacks?

NOTE: My main goal is to stay away from technical jargon and reasoning why Elm is "better". Id rather focus on why I think it is fun and how it can be used with little experience to create basic webapps. I want to steer from the superiority that develops in some of these new language student-leds and instead focus on what it's like to use.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment