Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Ironhack FR - APIs for Growth

Ironhack FR - APIs for Growth

Business and market fundamentals of APIs
Technical fundamentals of APIs
Best practices and tips to use APIs in the most efficient manner for your growth

Ironhack Paris

August 28, 2017
Tweet

More Decks by Ironhack Paris

Other Decks in Technology

Transcript

  1. APIs for
    Growth Hacking
    29.08.2017

    View full-size slide

  2. A few words
    about us…

    View full-size slide

  3. Technology is
    everywhere

    View full-size slide

  4. Except in education

    View full-size slide

  5. How education works How technology works
    ★ Solo mode
    ★ Top-down
    ★ Absolute rating
    ★ Closed environment
    ★ Non-divergent thinking
    ★ Linear
    ✓ Collaborative mode
    ✓ Bottom-up
    ✓ Relative rating
    ✓ Open environment
    ✓ Divergent thinking
    ✓ On-demand

    View full-size slide

  6. Take the master degree
    Who the hell said
    we needed 5 years
    to be a master
    of something?

    View full-size slide

  7. Just imagine
    what you can already do in 3 months ;-)

    View full-size slide

  8. That’s what we are about
    Become an active player
    of the digital revolution

    View full-size slide

  9. +900
    individual stories

    View full-size slide

  10. First session rolling
    2 weeks left

    View full-size slide

  11. The world-class tech school
    Preparing the next generation of digital creators
    Intensive courses in Web development and UX/UI design
    Go to website

    View full-size slide

  12. Learn to code
    WEB DEVELOPMENT
    FULL TIME
    9 + 1 weeks
    5 days/week
    Next session starting:
    June 26th, 2017
    Next session ending:
    September 1st, 2017
    WEB DEVELOPMENT
    PART TIME
    6 months
    3 courses/week
    Next session starting:
    October 17th, 2017
    Next session ending:
    April 17th, 2017

    View full-size slide

  13. Learn to design
    UX/UI DESIGN
    FULL TIME
    8+1 weeks
    5 days/week
    Next session starting:
    October 23rd, 2017
    Next session ending:
    December 22nd, 2017

    View full-size slide

  14. Students’ placement
    We assist students in finding the best job opportunities
    Career coaching Job preparation Network
    We help students to prepare
    their digital presence. They
    have expert advice
    throughout the bootcamp.
    Your final project will be
    supervised by industry experts
    often looking to hire.
    We sat in interviews after the
    course during the Hiring Week.
    Delve into the community
    through our workshops.
    Join us for the most important
    Meetups in each city.

    View full-size slide

  15. Our students work in top-notch companies…

    View full-size slide

  16. …or have launched their own company
    « Since graduating from Ironhack, I have
    created three digital products. The last
    one, Gemssy, is a website and mobile
    development platform. We are now 6
    people working in the company - mostly
    Ironhackers like me.
    So I am more than very satisfied with what
    I got from my Ironhack experience! :) »
    Tabi Vicuna
    CEO @Gemssy
    Stanford alumni

    View full-size slide

  17. A global footprint with 4 campuses…
    MADRID BARCELONA MIAMI PARIS
    Opened in 2013
    Nuñez de Balboa, 120,
    28006 - Madrid
    (España)
    [email protected]
    Opened in 2014
    Carrer Pamplona, 96,
    08018 - Barcelona
    (España)
    [email protected]
    Opened in 2015
    Building.co
    120 SW 8th St.
    Miami, FL 33130
    [email protected]
    Opened in 2017
    WeWork Paris
    33 rue Lafayette
    75009 Paris
    [email protected]

    View full-size slide

  18. Ready to join?

    View full-size slide

  19. Next sessions
    Web Development - Temps complet
    4 septembre ’17 - 3 novembre ‘17
    Web Development - Temps partiel
    17 octobre ’17 - 18 avril ‘18
    UX/UI - Temps complet
    23 octobre ’17 - 15 décembre ‘18

    View full-size slide

  20. Now….
    why talk about APIs?

    View full-size slide

  21. « Software is eating
    the world »
    Marc Andreessen
    August 2011

    View full-size slide

  22. « APIs are eating
    software »
    Steven Willmott
    June 2013

    View full-size slide

  23. From scarcity to overabundance
    159
    email marketing tools
    172
    sales management tools
    etc.
    Available on GetApp

    View full-size slide

  24. From silos to nodes

    View full-size slide

  25. From software-first to API-first

    View full-size slide

  26. « We think of APIs as
    building blocks that
    are the ingredients
    of innovation as
    they allow developers
    and organizations of
    any size to rapidly
    build new ideas »
    Jeff Lawson
    January 2016

    View full-size slide

  27. From developers to non-developers

    View full-size slide

  28. From horizontal to vertical

    View full-size slide

  29. APIs are eating the product/business stack
    get on the train!

    View full-size slide

  30. A few extra resources…
    for further learning

    View full-size slide

  31. Tools to start using asap
    Automate Play Expand

    View full-size slide

  32. Let’s do some tech stuffs

    View full-size slide

  33. What is an API?
    API = Application Programming Interface

    View full-size slide

  34. API examples
    API
    Request
    Answer

    View full-size slide

  35. API examples
    API
    [
    {
    name: "Alice",
    email: "[email protected]"
    },
    {
    name: "Bob",
    email: "[email protected]"
    }
    ]
    GET /users

    View full-size slide

  36. API examples
    API
    POST /users
    {
    name: "Charlie",
    email: “[email protected]"
    }
    {
    message: "success"
    }

    View full-size slide

  37. API examples
    API
    [
    {
    name: "Alice",
    email: "[email protected]"
    },
    {
    name: "Bob",
    email: "[email protected]"
    },
    {
    name: "Charlie",
    email: “[email protected]"
    }
    ]
    GET /users

    View full-size slide

  38. API examples
    Twitter
    API
    GET https://
    api.twitter.com/1.1/
    search/tweets.json?
    q=Ironhack
    [
    {
    tweet: "We're organising...",
    date: "2017-08-28 17:42:12"
    },
    {
    tweet: "Checkout...",
    date: "2017-08-28 12:07:38”
    }
    ]

    View full-size slide

  39. API examples
    Google
    Maps
    API
    GET https://
    maps.googleapis.com/maps/
    api/geocode/json?
    latlng=48.874554,2.337643
    [
    {
    "name": "33",
    "types": "street_number"
    },
    {
    "name": "Rue la Fayette",
    "types": "route"
    },
    {
    "name": "Paris",
    "types": "locality"
    }
    ]

    View full-size slide

  40. How some websites
    communicate with APIs
    API

    View full-size slide

  41. How most mobile apps
    communicate with APIs
    API

    View full-size slide

  42. JSON: Javascript Object Notation
    // Array
    [
    “Alice”,
    “Bob”,
    “Charlie”
    ]
    // Object
    {
    propertyString: “String”,
    propertyArrayOfNumbers: [1,2,3],
    propertyObject: {
    a: “Y”,
    b: “Z”
    }
    }

    View full-size slide

  43. Time to try an API
    API details: https://jsonplaceholder.typicode.com/
    Method Route Description
    GET /posts Display all posts
    GET /posts/1 Display post #1
    GET /posts/1/comments Display all post #1 comments
    GET /comments?postId=1 Display all comments where postId=1
    GET /posts?userId=1 Display all posts where userId=1
    POST /posts Add a new posts (WARNING: it’s not saved)

    View full-size slide

  44. How to try?
    First (bad) solution: Google Chrome (with JSONView plugin)

    => go to https://jsonplaceholder.typicode.com/posts

    It will do “GET /posts”

    View full-size slide

  45. Postman
    https://www.getpostman.com/
    + Postman Interceptor (Chrome plugin)

    View full-size slide

  46. Example for “GET /comments?postId=1”
    Method
    URL
    Parameters
    Response
    Display “Params” Send the request

    View full-size slide

  47. Intercept APIs with Chrome
    • Open your favourite website

    • Open your console (right
    click > “Inspect”)

    • Open the “Network” tab

    • Select “XHR”

    • Navigate and see the calls

    View full-size slide

  48. More technical resources
    Intercept APIs of mobile application
    with “Packet Capture” on Android

    Or use mitmproxy: 

    http://jasdev.me/intercepting-ios-
    traffic
    Learn Node.js to call APIs

    and manage data

    View full-size slide

  49. Resources to get your hands on
    Videos
    Julien Le Coupanec (TheFamily)
    Côme Courteault (TheFamily)
    Sean Ellis (GrowthHackers)
    Newsletters
    Andrew Chen
    Sujan Patel
    Lincoln Murphy
    Websites
    growthhackers.com
    colibrio.io
    growthroom.co

    View full-size slide

  50. Train yourself

    View full-size slide

  51. [email protected]
    Become an active player of the digital revolution

    View full-size slide