สำหรับนักพัฒนาที่เพิ่งเริ่มต้น ทุกคนต้องเคยมีประสบการณ์นี้ เมื่อเราเริ่มมีความชำนาญในการเขียน HTML, CSS และ JavaScript มันก็เป็นเรื่องธรรมดาที่เราจะอยากทดลองเล่นกับข้อมูลจริง ๆ ในการเชื่อม API เพื่อให้ได้รู้ว่าวิธีการเขียนในแบบของงานจริง ที่เราต้องเจอในอนาคต

นี่คือรายการ API ที่สามารถนำไปใช้ได้ทันที ซึ่งเหมาะสำหรับการฝึกฝนและพัฒนาทักษะของเราในฐานะ Front-end Dev ไปลองใช้งานกันได้เลย

1) JSONPlaceholder

JSONPlaceholder - Free Fake REST API
Free Fake REST API

JSONPlaceholder นำเสนอ restful API มาให้พร้อมข้อมูลดังนี้

  • Posts
  • Comments
  • Albums
  • Photos
  • Todos
  • Users

2) Fake Store API

Fake Store API
Fake store rest api for your ecommerce or shopping website prototype
Fake Store API

Fake Store นำเสนอ restful API ไว้ให้เราได้ลองทำเว็บ e-commerce เริ่มต้น

  • Products
  • Cart
  • Users
  • Login Token

3) Unsplashed API

Unsplash API Documentation | Free HD Photo API | Unsplash
Documentation for the world’s most powerful free photo API.
UnsplashUnsplash

Restful API ของ Unsplashed อาจใช้สำนวนที่ติดปากว่า "เครื่องมือแก้ไขภาพที่ทรงพลังที่สุดในโลก" และนี่คือสิ่งที่เราจะได้รับ

  • รูปมากกว่า 3 ล้านรูป
  • ค้นหารูปภาพโดย keyword
  • ค้นหารูปภาพแบบสุ่ม
  • Multiple datasets

4) Quotes API

They Said So - Quotes API
They Said So - World’s most used most compelete famous Quotes API
TheySaidSoorthosie

API ของ Quotes rest มีข้อเสนอ Quote ที่หลากหลาย

  • Quote ประจำวัน
  • Quotes โดยหมวดหมู่
  • สุ่ม quotes
  • Quotes โดยชื่อคนเขียน
  • Quotes โดยนิยมมากสุด

5) NASA API

NASA Open APIs

Nasa Restful API นำเสนอทรัพยากรต่างๆ มากมาย เช่น

  • APOD (ภาพถ่ายดาราศาสตร์ประจำวัน)
  • Asteroid NeWs (บริการเว็บเกี่ยวกับวัตถุใกล้โลก)
  • Insight (บริการสภาพอากาศบนดาวอังคาร)
  • คลังภาพและวิดีโอของ NASA

6) SpaceX API

GitHub - r-spacex/SpaceX-API: :rocket: Open Source REST API for SpaceX launch, rocket, core, capsule, starlink, launchpad, and landing pad data.
:rocket: Open Source REST API for SpaceX launch, rocket, core, capsule, starlink, launchpad, and landing pad data. - r-spacex/SpaceX-API
GitHubr-spacex

แล้วบริษัทอวกาศที่ได้รับความนิยมมากที่สุดในโลกอย่าง SpaceX ล่ะ API นี้มีรายละเอียดจรวดเจ๋งๆ มากมาย เช่น

  • Rockets
  • Rocket launches
  • Core
  • Starlink
  • Launchpad
  • Landing pad data

7) Coingecko

🦎Introduction
CoinGecko is a crypto data aggregator that offers comprehensive market data through its API, which is used by various clients for purposes such as trading, analytics, research, and more.
CoinGecko API Documentation

API ของ Coingecko คือแหล่งข้อมูลที่ใช้สำหรับทุกอย่างเกี่ยวกับสกุลเงินดิจิทัล มีให้เลือกมากมาย แต่ API นี้เป็นวิธีที่ง่ายที่สุด ไม่ต้องใช้คีย์ API ฟรี เหมาะสำหรับโปรเจ็กต์เสริม

  • Coin price
  • List of all coins
  • Markets
  • Tickers
  • Price history
  • Market charts
  • Rage in prices
  • Contracts
  • Trading platforms
  • Exchanges

8) OpenWeatherMap

Current weather data - OpenWeatherMap
Obtain real-time weather data for any location globally with OpenWeather’s Current Weather Data API. Provides comprehensive weather details in JSON, XML, or HTML formats, including temperature, pressure, humidity, and more. Supports geocoding, language options, and different measurement units.
logo

OpenWeatherMap Restful API เป็นแหล่งข้อมูลที่เป็นที่ชื่นชอบของนักพัฒนา เนื่องจากความเรียบง่ายของมัน จำเป็นต้องมีคีย์ API แต่ไม่ต้องท้อถอย เพียงแค่เพิ่มคีย์ API ของเราลงไปก็พร้อมใช้งานแล้ว รับข้อมูลสภาพอากาศในแบบที่เราต้องการ

  • ตามชื่อเมือง
  • ตามรหัสรัฐ
  • ตามรหัสประเทศ
  • ตามรหัสไปรษณีย์
  • ตามโซนสี่เหลี่ยมผืนผ้าของพิกัดภูมิศาสตร์
  • ตามโซนวงกลมของพิกัดภูมิศาสตร์
  • หน่วยวัดหลายหน่วย
  • มีไอคอนด้วยนะ

9) RandomUser

Random User Generator | Home
Random user generator is a FREE API for generating placeholder user information. Get profile photos, names, and more. It’s like Lorem Ipsum, for people.
Home

API สำหรับผู้ใช้แบบสุ่มนั้นเป็นสิ่งที่นักพัฒนามือใหม่ต้องมี สร้างต้นแบบแนวคิดหรือการออกแบบใหม่ได้อย่างรวดเร็วพร้อมเข้าถึงผู้ใช้แบบสุ่มได้ทันที มาพร้อมกับข้อมูลทั้งหมดที่เราต้องการ

  • ชื่อ
  • อีเมล
  • วันเกิด
  • ที่อยู่
  • ประเทศ
  • โทรศัพท์
  • ตำแหน่งบริษัท

10) PokeAPI

PokéAPI
PokéAPI

เข้าถึง Pokemon API ที่ใช้งานง่ายได้ทันที สัมผัสกับวัฒนธรรมอะนิเมะญี่ปุ่นและรับข้อมูลทั้งหมดที่เราต้องการเกี่ยวกับมอนสเตอร์ต่าง ๆ เช่น

  • ประเภท
  • ความสามารถ
  • รูปแบบ
  • สายพันธุ์
  • สถิติ และอื่น ๆ

บทสรุป 👏

เพียงเท่านี้พวกเราชาว Front-end Dev ก็เริ่มต้นเพื่อฝึกฝนการพัฒนา Frontend! ในการทำงานกับข้อมูลจริง ตั้งแต่การดึงข้อมูลจาก API ที่มีอยู่แล้ว ไปจนถึงการสร้างแอปพลิเคชันที่มีความน่าสนใจและตอบสนองต่อผู้ใช้ API เหล่านี้ไม่เพียงแต่ช่วยให้เราเรียนรู้เกี่ยวกับการจัดการข้อมูล แต่ยังเปิดโอกาสให้เราได้ทดลองสร้างสรรค์เว็บไซต์ที่มีฟังก์ชันการทำงานที่หลากหลาย

การใช้ API เหล่านี้จะช่วยให้เราเข้าใจแนวคิดของการพัฒนาเว็บได้ดียิ่งขึ้น และสามารถนำไปประยุกต์ใช้ในโปรเจกต์จริงได้อย่างมั่นใจ หวังว่าจะสนุกกับการทดลองใช้ API ที่ผมแนะนำและสร้างผลงานที่น่าประทับใจกันขึ้นมาได้นะ...