Blog

JavaScript Web APIs – একটি পরিচিতি

JavaScript শুধুমাত্র একটি প্রোগ্রামিং ভাষা নয়, এটি একটি ওয়েব ব্রাউজার পরিবেশে আরও শক্তিশালী হয়ে ওঠে Web APIs এর সাহায্যে। এই API গুলো JavaScript কে DOM manipulation, network requests, user interaction, graphics rendering সহ বহু কাজ করতে সক্ষম করে। আজকের টিউটোরিয়ালে আমরা JavaScript Web APIs সম্পর্কে বিস্তারিত জানবো।

Web API কী?

Web API হচ্ছে একটি interface যা ব্রাউজারের মাধ্যমে JavaScript কে নির্দিষ্ট কার্য সম্পাদনের অনুমতি দেয়। উদাহরণস্বরূপ, আপনি যদি কোনও button এ ক্লিক করলে alert দিতে চান, তাহলে আপনি Web API ব্যবহার করছেন।

️ সবচেয়ে জনপ্রিয় কিছু Web API

• DOM API – HTML ডকুমেন্ট ম্যানিপুলেট করতে সাহায্য করে।
• Fetch API – সার্ভার থেকে ডেটা রিকুয়েস্ট করতে ব্যবহৃত হয়।
• Geolocation API – ইউজারের লোকেশন নির্ণয় করতে ব্যবহৃত হয়।
• Canvas API – গ্রাফিক্স বা গেম তৈরি করতে ব্যবহৃত হয়।
• Storage API – লোকাল বা সেশন স্টোরেজ ব্যবহারে সাহায্য করে।

উদাহরণ: DOM API

নিচের উদাহরণে একটি button ক্লিক করলে টেক্সট পরিবর্তন হবে DOM API ব্যবহার করে:

<button onclick="changeText()">Click Me</button>
<p id="demo">Hello World</p>

<script>
function changeText() {
  document.getElementById("demo").innerHTML = "You clicked the button!";
}
</script>

উদাহরণ: Fetch API

Fetch API ব্যবহার করে JSON ডেটা লোড করা যায়:

<script>
fetch('https://jsonplaceholder.typicode.com/users')
  .then(response => response.json())
  .then(data => console.log(data));
</script>

উদাহরণ: Geolocation API

Geolocation API ইউজারের লোকেশন বের করতে ব্যবহার হয়:

<button onclick="getLocation()">Get Location</button>
<p id="location"></p>

<script>
function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    document.getElementById("location").innerHTML = "Geolocation not supported.";
  }
}
function showPosition(position) {
  document.getElementById("location").innerHTML =
    "Latitude: " + position.coords.latitude +
    "<br>Longitude: " + position.coords.longitude;
}
</script>

Web API এবং JavaScript এর সম্পর্ক

Web APIs কে আপনি JavaScript এর extension বা power booster বলতে পারেন। JavaScript নিজে থেকে শুধুমাত্র হিসাব-নিকাশ এবং লজিক বোঝে, কিন্তু DOM access, HTTP request, বা ইউজারের লোকেশন বুঝতে হলে API দরকার।

সাধারণ Web API তুলনামূলক টেবিল

উপসংহার

JavaScript Web APIs ওয়েব ডেভেলপারদের জন্য একটি বিশাল সুযোগ তৈরি করে। এগুলোর মাধ্যমে আপনি ব্রাউজারকে এক নতুন দৃষ্টিতে ব্যবহার করতে পারেন। এই API গুলো শেখা ও ব্যবহার করলে আপনি একটি simple static সাইটকে interactive এবং intelligent করে তুলতে পারবেন।