iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

我每天都接一個API 系列

自學前端的過程,一直在鬼打牆,學不會怎麼接第三方的Web API。所以我是這樣想的:因為我不會接API,所以我就來接很多個API。

本系列是使用各種不同第三方API做網站的記錄兼不負責任教學,適合新手閱讀。

鐵人鍊成 | 共 30 篇文章 | 141 人訂閱 訂閱系列文 RSS系列文
DAY 1

[30apis] Day 0 : 前言 + 基礎XHR

前言 大概去年的時候我才知道有鐵人賽這個東西,今年又看到鐵人賽要開始的消息時,我就開始想,如果我要參加的話,那我要寫什麼呢?最近碰巧在學 ReactJS ,但...

2017-12-19 ‧ 由 chiaroluna 分享
DAY 2

達標好文 [30apis] Day 1 : OpenWeatherMap

第一個 web API project ,就先從最簡單的天氣 API 做起吧。 在 ProgrammableWeb 裡面,天氣 API 是最受歡迎的類別之一。...

2017-12-20 ‧ 由 chiaroluna 分享
DAY 3

[30apis] Day 2 : Google Map Geolocation API

關於 Geolocation 在實作之前,我大致上知道 Google Map 有個定位的 API (廢話)但我一直以為它叫做 location API。所以在這...

2017-12-21 ‧ 由 chiaroluna 分享
DAY 4

達標好文 [30apis] Day 3 : Mapbox GL JS & Mapbox Direction API

Mapbox 介紹 說到接 API , 大家一定都會使用到的就是地圖相關的服務了吧?而通常這個被用到的服務都是 Google Map。看了一些接 Google...

2017-12-22 ‧ 由 chiaroluna 分享
DAY 5

[30apis] Day 4 : News API

今天來嘗試一下關於新聞的 API,選的是 News API。 說起來,為了要湊 30 個 API,我現在每天都在逛 ProgrammableWeb。我列了超過...

2017-12-23 ‧ 由 chiaroluna 分享
DAY 6

[30apis] Day 5 : Unsplash API

Unsplash 是一個免費的圖庫,由於他們提供的圖片特別漂亮又提供各種大小,非常受到大家的歡迎。許多網路文章的配圖或是網頁 template 裡面都會使用...

2017-12-24 ‧ 由 chiaroluna 分享
DAY 7

[30apis] Day 6 : Fixer API (匯率轉換)

我本來想說,來寫個簡單的匯率轉換 API, 結果居然困難重重。這篇與其說是個教學文,不如說是踩雷經驗分享。 首先我在 Programmable Web 上面搜尋...

2017-12-25 ‧ 由 chiaroluna 分享
DAY 8

[30apis] Day 7 : YouTube Data API + 基礎 Fetch API

YouTube API 實作 Youtube API ,好像很適合給新手練習,我記得 Codecademy 的 API 教學就是拿 YouTube 的 API...

2017-12-26 ‧ 由 chiaroluna 分享
DAY 9

[30apis] Day 8 : Wordnik API (字典)

Wordnik 是一個非營利團體推出的線上英文字典,提供使用者查詢英文單字的定義、同義字、反義字等的資訊。Wordnik 的 API 在 Programmab...

2017-12-27 ‧ 由 chiaroluna 分享
DAY 10

[30apis] Day 9 : Behance API + JSONP 用法

其實,一開始會有使用 API 的需求,除了需要更進一步的學習之外,最主要是因為有朋友來問我怎麼做網站。我有許多朋友都從是藝術相關工作,他們有做作品集的需求,但可...

2017-12-28 ‧ 由 chiaroluna 分享