SlideShare a Scribd company logo
APIs

(for beginners)
1. API Basics
2. How does it work

3. Demo
4. Webhooks
Application
Programming
Interface
APIs expose
something useful
An Interface
Used by a Program
To interact with

an Application
No (direct)
human usage
of APIs
Developers
write Programs
which consumes APIs
API Consumption
Web APIs
API for Beginners
API
API
API
API
Web-101
Web-101
Web-101
Web-101
Human interface
Readable content

HTML / CSS
API
Programming interface
Structured data
{"richestPeople":[
{"firstName":"Bill", “lastName":"Gates", “value":"81"},
{"firstName":"Carlos", “lastName":"Slim", “value”:"79"},
{"firstName":"Warren", “lastName":"Buffet", "value":"72"}
]}
Let’s compare
https://api.github.com/users/devitagus
https://github.com/devitagus
Github website
Github API
Let’s play with Facebook graph API
Daily life
examples
Maps
Maps
Google Maps API
Login
Aggregators
Payments
Twilio API
UBER
Shares of Twilio (NYSE:TWLO) have more than quadrupled from its IPO price of $15.
Favspot
http://www.programmableweb.com/category/all/apis
As a developer,
I want to show venues

of next gigs in town on

a map
Timeout content manager
will enter venue addresses
Timeout content manager
doesn’t know
GPS coordinates of venues
There’s an API for that
Google Geocoding API
developers.google.com/maps/documentation/geocoding/
10 Downing St, London
10 Downing St, London
{
"location" : {
"lat" : 51.5034066,
"lng" : -0.1275923
}
} This is called JSON
How does it work?
API call is an HTTP request
https://maps.googleapis.com/maps/api/geocode/json?address=10 Downing St, London
API for Beginners
API for Beginners
Are we done?
We should now
integrate the
Google Maps API
http://maps.google.com/maps?
q=51.503066,-0.1275923
I want the app to
send text messages
if a gig is cancelled
Let’s look at some code
Step 1 - Sign up to Twilio
Step 2 - Fetch credentials
Step 3 - Write some ruby
require 'twilio-ruby'
account_sid = 'AC__________'
auth_token = '_____________'
client = Twilio::REST::Client.new(account_sid, auth_token)
client.messages.create(
from: '+336123456789',
to: '+3370000000000',
body: 'Hi buddy, you should attend Le Wagon!'
)
Step 4 - Run code
Your program sent a text!
WEBHOOKS
(API )-1
Don’t call us, we’ll call you
API for Beginners
Webhook vs API call
API My app
API Call
Webhook vs API call
API My app
WEBHOOK
API Call
EXAMPLE
Typeform, please
call notify me as soon
a new member applied
Webhook
Typeform to capture leads
Slack for my sales team
Lead Management
API
Service B exposes methods
to read, create or update data
WEBHOOK
Typeform pushes data
as soon as available
API
Slack exposes methods
to read, create or update data
Introducing Zapier
Demo
When you’ll hit
Zapier's limit, come
learn to code at
Le Wagon!
Thank you!

More Related Content

PPT
Introduction to the Web API
PPT
History of spain-1
PPTX
Api types
PPTX
What is an API
PPTX
Understanding REST APIs in 5 Simple Steps
PPTX
Introduction to APIs (Application Programming Interface)
PPTX
Software Requirements
Introduction to the Web API
History of spain-1
Api types
What is an API
Understanding REST APIs in 5 Simple Steps
Introduction to APIs (Application Programming Interface)
Software Requirements

What's hot (20)

PPTX
API Presentation
PDF
Introduction to API
PPTX
REST API Design & Development
PPTX
What's an api
PDF
Api presentation
PPTX
What is an API?
PDF
What is REST API? REST API Concepts and Examples | Edureka
PPT
Postman.ppt
PDF
API Testing
PDF
API for Beginners
PPTX
Api Testing
PPTX
Api testing
PPTX
An Introduction To REST API
PPTX
Test Design and Automation for REST API
PDF
How to Automate API Testing
PPTX
REST-API introduction for developers
PPTX
API Design- Best Practices
PPTX
PDF
Designing APIs with OpenAPI Spec
API Presentation
Introduction to API
REST API Design & Development
What's an api
Api presentation
What is an API?
What is REST API? REST API Concepts and Examples | Edureka
Postman.ppt
API Testing
API for Beginners
Api Testing
Api testing
An Introduction To REST API
Test Design and Automation for REST API
How to Automate API Testing
REST-API introduction for developers
API Design- Best Practices
Designing APIs with OpenAPI Spec
Ad

Similar to API for Beginners (20)

PDF
The liferay case: lessons learned evolving from RPC to Hypermedia REST APIs
PPTX
Introduction to Shiny for building web apps in R
PDF
APIdays London 2019 - Value in the API Economy: Insights from the world’s lar...
PDF
Andriy Vandakurov about "Frontend. Global domination"
PDF
Pivorak.javascript.global domination
PPTX
API Product Opportunity Responsibility Nicolas Sierro 2015.pptx
PDF
Why Javascript is the glue of APIs?
PDF
apidays LIVE Paris - The Business of APIs by Jed Ng
PDF
Front-end. Global domination
PDF
Frontend. Global domination.
PDF
What’s behind a high quality web API? Ensure your APIs are more than just a ...
PPT
Codeigniter
PDF
apidays LIVE New York - API Code First vs Design First by Phil Sturgeon
PDF
Be a microservices hero
PPT
Programming With Amazon, Google, And E Bay
PPTX
Creating a mule project with raml and api
PPTX
Creating Datadipity
PPTX
API Design: Women Who Code (WWCode) DFW
PDF
GraphQL: Enabling a new generation of API developer tools
PDF
INTERFACE by apidays 2023 - APIs with bounded contexts, Jose Haro Peralta, mi...
The liferay case: lessons learned evolving from RPC to Hypermedia REST APIs
Introduction to Shiny for building web apps in R
APIdays London 2019 - Value in the API Economy: Insights from the world’s lar...
Andriy Vandakurov about "Frontend. Global domination"
Pivorak.javascript.global domination
API Product Opportunity Responsibility Nicolas Sierro 2015.pptx
Why Javascript is the glue of APIs?
apidays LIVE Paris - The Business of APIs by Jed Ng
Front-end. Global domination
Frontend. Global domination.
What’s behind a high quality web API? Ensure your APIs are more than just a ...
Codeigniter
apidays LIVE New York - API Code First vs Design First by Phil Sturgeon
Be a microservices hero
Programming With Amazon, Google, And E Bay
Creating a mule project with raml and api
Creating Datadipity
API Design: Women Who Code (WWCode) DFW
GraphQL: Enabling a new generation of API developer tools
INTERFACE by apidays 2023 - APIs with bounded contexts, Jose Haro Peralta, mi...
Ad

Recently uploaded (20)

PDF
Spectral efficient network and resource selection model in 5G networks
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
cuic standard and advanced reporting.pdf
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PPTX
Big Data Technologies - Introduction.pptx
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PPT
Teaching material agriculture food technology
DOCX
The AUB Centre for AI in Media Proposal.docx
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Spectral efficient network and resource selection model in 5G networks
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
cuic standard and advanced reporting.pdf
Network Security Unit 5.pdf for BCA BBA.
Diabetes mellitus diagnosis method based random forest with bat algorithm
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
Big Data Technologies - Introduction.pptx
Encapsulation_ Review paper, used for researhc scholars
Unlocking AI with Model Context Protocol (MCP)
Review of recent advances in non-invasive hemoglobin estimation
20250228 LYD VKU AI Blended-Learning.pptx
Advanced methodologies resolving dimensionality complications for autism neur...
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Per capita expenditure prediction using model stacking based on satellite ima...
Teaching material agriculture food technology
The AUB Centre for AI in Media Proposal.docx
Understanding_Digital_Forensics_Presentation.pptx
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...

API for Beginners