API للمبتدئين - الجزء الثاني: تعال نبرمج مع بعض ونجرب بإيدينا!

API للمبتدئين - الجزء الثاني: تعال نبرمج مع بعض ونجرب بإيدينا!

بعد ما فهمنا في الجزء الأول يعني إيه API، وجبنا أمثلة عليه، النهاردة هناخد خطوة عملية ونتعلم إزاي نستخدمه بجد من خلال الكود وأدوات مساعدة زي Postman.

1. أنواع الـ Requests: GET vs POST 🆚

  • GET: بنستخدمه علشان نطلب بيانات من السيرفر. مثال: تجيب حالة الطقس أو آخر الأخبار.
  • POST: بنستخدمه لما نحب نبعت بيانات للسيرفر. مثال: تسجّل مستخدم جديد أو تبعت رسالة.

2. مثال عملي باستخدام JavaScript 🧑‍💻

هنجرب نجيب معلومة عشوائية عن القطط باستخدام API مجاني:

<script>
fetch("https://catfact.ninja/fact")
  .then(response => response.json())
  .then(data => {
    console.log("معلومة عن القطط: ", data.fact);
    document.body.innerHTML = "<h2>" + data.fact + "</h2>";
  });
</script>

النتيجة: كل مرة تعمل Refresh للصفحة، هتجيلك معلومة جديدة!

3. جرب بنفسك باستخدام Postman 🧪

Postman هي أداة ممتازة بتخليك تجرب الـ APIs بسهولة ومن غير كود.

  1. حمّلها من Postman
  2. افتحها واكتب الرابط: https://catfact.ninja/fact
  3. اختار GET واضغط Send

هتشوف النتيجة في لحظة!

4. أفكار مشاريع تتدرب عليها 🎯

  • تطبيق بيعرض حالة الطقس
  • برنامج بيعرض صور عشوائية من Unsplash API
  • موقع بيجيب نكت أو حقائق علمية
  • عداد عملة بيتكوين بيتحدث تلقائيًا

💡 معلومة إضافية:

لو API بتطلب منك مفتاح (API Key)، هتحتاج تسجل في الموقع اللي بيقدمه وتحط المفتاح في الرابط أو الهيدر حسب المطلوب.

🧠 خلاصة:

استخدام الـ API مش صعب، كل اللي محتاجه إنك تتدرب عليه عملي، وتبني حاجات بسيطة تحفّزك تكمل.

"كل مرة تجرب فيها API، أنت بتقرّب خطوة ناحية حلمك كمطوّر محترف. متخليش الخوف من الكود يوقفك، لأن الكود نفسه بيتعلّم منك لما تستخدمه! 💪💻"

تعليقات