Data Management & APIs
Learn how to effectively handle data and integrate external APIs in your vibe coding projects.
What You'll Learn
Description
كل تطبيق تبنيه هو في الحقيقة خط أنابيب ينقل البيانات: تصل كـ JSON من واجهة API، ثم تُجلب وتُفحص وتُعاد صياغتها، وأخيرًا تُعرض على الشاشة. يسير هذا الدرس عبر خط الأنابيب بأكمله من البداية إلى النهاية باستخدام كود حقيقي وقابل للتشغيل مقابل واجهات API عامة ومجانية مثل JSONPlaceholder و Open-Meteo — بدون أمثلة تجريبية مبسطة.
ستبدأ بالأشكال الثلاثة التي تتخذها كل البيانات (الكائنات والمصفوفات و JSON)، ثم تجلب بيانات حية باستخدام async/await مع التعامل مع حالتي التحميل والخطأ. ومن هناك ستتعامل مع الأمور التي ترميها عليك واجهات API في بيئة الإنتاج — مفاتيح API المحفوظة بأمان على الخادم، والترقيم الصفحي (pagination)، وحدود المعدل 429، والتخزين المؤقت — قبل تخزين النتيجة وتصفيتها وفرزها وعرضها.
يقرن كل فصل مثالًا مشروحًا بتمرين قصير لكتابة الموجِّهات (prompts)، حتى تنتهي قادرًا على وصف ما تريده بالضبط واسترجاع كود موثوق، إضافة إلى الفهم اللازم للتحقق منه.
What's Inside
- 1.أشكال البيانات و JSON — الكائنات والمصفوفات و parse/stringify
- 2.الجلب من واجهات API — async/await، حالتا التحميل والخطأ
- 3.المصادقة والحدود والتخزين المؤقت — المفاتيح والترقيم الصفحي و 429 ومخازن TTL
- 4.التخزين والعرض — localStorage مقابل قاعدة البيانات، التصفية/الفرز/العرض
