<br>
<h3 style="color: #4d4d4df0">Tue Oct 8th 1:00PM ET</h3>
<!-- .slide: data-background="https://i.imgur.com/gi0Jz04.png" -->
---
## Welcome!
Taylor ➞ Open Source/Community Developer
---
## Schedule
- About Amberdata
- API overview
- Web3data.js
- JSON RPC: Methods & Websockets
- Q & A
---
## Feedback
- Email → support@amberdata.io
- Twitter → @Amberdataio
- Intercom → Amberdata.io
---
## What is Amberdata?
One stop shop for all your blockchain data needs.
- Comprehensive Blockchain & Market data API
- Multi-chain Support
- Blockchain Analytics, Metrics, and Security
- Dashboards + Panels + Explorer
---
<div style="display: flex">
<img src="https://i.imgur.com/5tVrEU6.png" style="border:none"></img>
<img style="border:none" src="https://i.imgur.com/jJqQ41V.png"></img>
</div>
<div style="display: flex">
<img style="border:none" src="https://i.imgur.com/2KWk1qm.png"></img>
</div>
---
## The API Key
Onboarding is fast (and free)!
[Getting Started ➞](https://amberdata.io/onboarding)
---
## The API
- Over 100 endpoints and counting!
- Real-time & historical time series Blockchain & Market data
- Multi-chain data
- JSON RPC Support
[Documentaion ➞](https://docs.amberdata.io/reference)
---
## Bitcoin
- One of the most comprehensive offerings
- Same API endpoints and Web3data.js methods
- RPC Support & Websocket support
---
## 1 API many chains/networks
<div style="position: relative; text-align: left; padding-left: 25px">
Simple to switch using headers:
```js
// Ethereum Mainnet
'x-amberdata-blockchain-id: 1c9c969065fcd1cf'
// Ethereum Rinkeby
'x-amberdata-blockchain-id: 1b3f7a72b3e99c13'
//Bitcoin
'x-amberdata-blockchain-id: 408fa195a34b533de9ad9889f076045e'
```
</div>
---
## Web3data.js
<img style="width:85%; border:none; background:none" src="https://i.imgur.com/jMoe0iZ.png"></img>
---
## Web3data.js: Intro
The open source Javascript SDK that makes it easy for dApp developers to start #BUILDing on top of Amberdata’s API.
- Intuitive and Simple
- "Smart" logic under the hood
- Free up development time to focus on the core logic
[Documention ➞](https://web3data.github.io/web3data-js/#/README)
---
## Web3data.js: Initialization
<img style="width: 55%; border:none; background:none" src="https://i.imgur.com/KYanvaC.png"></img>
<img style="width:55%; border:none; background:none" src="https://i.imgur.com/0KBMaSW.png"></img>
---
## Example: Blocks
[Docs ➞](https://docs.amberdata.io/reference#get-block)
[Example ➞](https://runkit.com/taylorjdawson/5d9cae1f7f2aa6001543e072)
---
## Example: Transaction
[Docs ➞](https://docs.amberdata.io/reference#get-transaction)
[Example ➞](https://runkit.com/taylorjdawson/5d9bedd8f6832e001e30f85f)
---
## Example: Address Balance
[Docs ➞](https://docs.amberdata.io/reference)
[Example ➞](https://runkit.com/taylorjdawson/5d9cab5a5e502f001306aaea)
---
## JSON RPC
> ... a stateless, light-weight remote procedure call (RPC) protocol.
> [jsonrpc.org](jsonrpc.org)
<div style="position: relative; text-align: left; padding-left: 100px">
- Websockets
- JSON RPC API
</div>
---
## JSON RPC API
<img style="width:85%; border:none; background:none" src="https://i.imgur.com/PXJQcu3.png"></img>
[Documention ➞](https://docs.amberdata.io/reference#getbestblockhash)
---
## Example: JSON RPC With Web3data.js
[Example ➞](https://runkit.com/taylorjdawson/5d9cb7507f2aa6001543edfe)
---
## Web3data.js Websockets
- Abstracts away json rpc
- Conforms to standard websocket implementations
- Compact, and concise syntax
---
## Supported Events
- blocks
- transactions & pending transactions
- market: trades, orders, bbos, ...
- and more!
---
#### Example Subscription Request
<img style="width:70%; border:none; background:none" src="https://i.imgur.com/xmrGPRY.png"></img>
---
#### Example Subscription Response
<img style="width:70%; border:none; background:none" src="https://i.imgur.com/c0YMKaa.png"></img>
---
#### Example Event Response
<img style="width:70%; border:none; background:none" src="https://i.imgur.com/vAsyFNT.png"></img>
---
## Without Web3data.js
<img style="width:70%; border:none; background:none" src="https://i.imgur.com/eNvO0pf.png"></img>
---
## With Web3data.js!
<div>
<img style="width:80%; border:none; background:none" src="https://i.imgur.com/TpXKbSH.png"></img>
<a href="https://runkit.com/taylorjdawson/5d9cb152c8190f0013564a29">Example ➞</a>
</div>
---
# Q & A Time
---
Thanks for listening!
Slides available [here](https://hackmd.io/@1XqK8hlWRW6FMt8Q5EAXJw/r1jayGYdB).
Website: Amberdata.io
Docs: Docs.amberdata.io
Follow us on [Medium](https://medium.com/amberdata) & [Twitter](https://twitter.com/Amberdataio)
---
---
{"metaMigratedAt":"2023-06-15T00:36:12.590Z","metaMigratedFrom":"YAML","title":"Amberdata Webinar: Bitcoin","breaks":true,"description":"Slides for Amberdata Webinar on Web3data.js","slideOptions":"{\"transition\":\"fade\"}","contributors":"[{\"id\":\"d57a8af2-1956-456e-8532-df10e4401727\",\"add\":10592,\"del\":5673}]"}