$30 off During Our Annual Pro Sale. View Details »

Write a Function

Write a Function

stefan judis

June 24, 2019
Tweet

More Decks by stefan judis

Other Decks in Technology

Transcript

  1. @stefanjudis
    Write a Function
    Glue-driven development for Frontend engineers

    View Slide

  2. @stefanjudis
    www.stefanjudis.com
    Heyo,
    I'm Stefan!

    View Slide

  3. @stefanjudis
    www.stefanjudis.com
    Heyo,
    I'm Stefan!
    ... and I'm "just" a
    Frontend developer.

    View Slide

  4. @stefanjudis
    I want to build beautiful
    UIs and websites!
    #JAMstackToronto

    View Slide

  5. @stefanjudis
    Set up a server...
    #JAMstackToronto

    View Slide

  6. @stefanjudis
    Decide on a database...
    #JAMstackToronto

    View Slide

  7. @stefanjudis
    Write a deploy script...
    #JAMstackToronto

    View Slide

  8. @stefanjudis
    I don't want
    to deal with that!
    #JAMstackToronto

    View Slide

  9. @stefanjudis
    I want to build beautiful
    UIs and websites!
    #JAMstackToronto

    View Slide

  10. @stefanjudis
    Backend Frontend
    #JAMstackToronto

    View Slide

  11. @stefanjudis
    Backend Frontend
    #JAMstackToronto

    View Slide

  12. @stefanjudis
    Backend Frontend
    But how to set up and
    scale a Node.js server?
    #JAMstackToronto

    View Slide

  13. @stefanjudis
    heroku.com
    #JAMstackToronto

    View Slide

  14. @stefanjudis
    netlify.com zeit.co
    (there are way more services out there...)
    #JAMstackToronto

    View Slide

  15. @stefanjudis
    netlify.com zeit.co
    (there are way more services out there...)
    Everything changes
    with serverless...
    #JAMstackToronto

    View Slide

  16. @stefanjudis
    Cloud
    services
    Function
    as a service
    Serverless
    framework
    #JAMstackToronto

    View Slide

  17. @stefanjudis
    martinfowler.com/articles/serverless.html
    #JAMstackToronto

    View Slide

  18. @stefanjudis
    Serverless thinking:
    Use a service whenever possible
    because services are almost always
    cheaper than people.
    Paul Johnston
    #JAMstackToronto

    View Slide

  19. @stefanjudis
    Serverless is an idea,
    not any single implementation
    of that idea.
    Tierney Cyren (Microsoft)
    #JAMstackToronto

    View Slide

  20. @stefanjudis
    That's what Frontend
    engineers do often anyways...
    #JAMstackToronto

    View Slide

  21. @stefanjudis
    (there are way more services out there...)
    #JAMstackToronto

    View Slide

  22. @stefanjudis
    (there are way more services out there...)
    You don't have to build
    everything yourself.
    #JAMstackToronto

    View Slide

  23. @stefanjudis
    serverless.css-tricks.com
    #JAMstackToronto

    View Slide

  24. @stefanjudis #something

    View Slide

  25. @stefanjudis
    JAMstack, baby!
    #JAMstackToronto

    View Slide

  26. @stefanjudis
    JAM
    #JAMStack_Toronto

    View Slide

  27. @stefanjudis
    JavaScriptAM
    #JAMstackToronto

    View Slide

  28. @stefanjudis
    JApisM
    #JAMstackToronto

    View Slide

  29. @stefanjudis
    JAMarkup
    #JAMstackToronto

    View Slide

  30. @stefanjudis
    You can not use every
    API in the Frontend...
    #JAMstackToronto

    View Slide

  31. @stefanjudis #JAMstackToronto

    View Slide

  32. @stefanjudis
    (hoodie hackers will find your credentials)
    #JAMstackToronto

    View Slide

  33. @stefanjudis
    Functions for the win!
    #JAMstackToronto

    View Slide

  34. @stefanjudis
    JAFMstack, baby!
    #JAMstackToronto

    View Slide

  35. @stefanjudis
    JAFunctionsMstack, baby!
    #JAMstackToronto

    View Slide

  36. @stefanjudis
    exports.sayHello = async (event) => {
    return 'Hello from Lambda!';
    };
    #JAMstackToronto

    View Slide

  37. @stefanjudis
    exports.sayHello = async (event) => {
    return {
    statusCode: 200,
    body: JSON.stringify({"msg": "Hello from Lambda!"})
    };
    };
    #JAMstackToronto

    View Slide

  38. @stefanjudis
    exports.sayHello = async (event) => {
    return {
    statusCode: 200,
    body: JSON.stringify({"msg": "Hello from Lambda!"})
    };
    };
    That's it!
    #JAMstackToronto

    View Slide

  39. @stefanjudis
    exports.sayHello = async (event) => {
    return {
    statusCode: 200,
    body: JSON.stringify({"msg": "Hello from Lambda!"})
    };
    };
    #JAMstackToronto

    View Slide

  40. @stefanjudis
    No servers to
    maintain
    Automatically
    upscaling
    No payment
    for idle time
    #JAMstackToronto

    View Slide

  41. @stefanjudis #JAMstackToronto

    View Slide

  42. @stefanjudis
    Crowd Coding...
    (let's fight the hoodie hackers)
    #JAMstackToronto

    View Slide

  43. @stefanjudis
    just-write-a-fn.netlify.com
    #JAMstackToronto

    View Slide

  44. @stefanjudis
    (hoodie hackers won't find your credentials)
    #JAMstackToronto

    View Slide

  45. @stefanjudis
    (you can use/connect all the APIs)
    #JAMstackToronto

    View Slide

  46. @stefanjudis #something

    View Slide

  47. @stefanjudis
    www.jsconfhi.com/about/#report
    #JAMstackToronto

    View Slide

  48. @stefanjudis
    www.jsconfhi.com/about/#report
    #something

    View Slide

  49. @stefanjudis
    leedsjs.com
    #JAMstackToronto

    View Slide

  50. @stefanjudis
    leedsjs.com
    #something

    View Slide

  51. @stefanjudis #JAMstackToronto

    View Slide

  52. @stefanjudis
    my-links.online/write-a-fn
    Slides
    That's a function...
    #JAMstackToronto

    View Slide

  53. @stefanjudis
    www.youtube.com/watch?v=grSxHfGoaeg
    #JAMstackToronto

    View Slide

  54. @stefanjudis
    Functions were
    the missing glue to
    Frontend awesomeness!
    #JAMstackToronto

    View Slide

  55. @stefanjudis
    Fn
    #JAMstackToronto

    View Slide

  56. @stefanjudis
    It's good times to
    know some JavaScript.
    #JAMstackToronto

    View Slide

  57. @stefanjudis
    I know enough JavaScript
    to be dangerous.
    @marcos_placona
    #JAMstackToronto

    View Slide

  58. @stefanjudis
    JAFM, baby!
    #JAMstackToronto

    View Slide

  59. @stefanjudis
    www.stefanjudis.com
    Thanks.
    Slides: my-links.online/write-a-fn

    View Slide