واجهات JavaScript البرمجية الشائعة

Name: واجهات JavaScript البرمجية الشائعة
Author: Joseph Barrett

كيفيّة استخدام واجهات برمجة التطبيقات الشّائعة

شاهد الدرس الأول مجانًا — احصل على وصول كامل إلى جميع الدروس الـ6.

دورة تدريبية: عند الطلب

الموقع الجغرافي Geolocation في هذا الدرس سننظر في استخدام واجهة برمجة تطبيقات الموقع الجغرافي الخاصة بجافا سكريبت وإذا كنت تريد التفكير في تأثير ذلك أي تطبيق يستخدم موقعك الجوال أو سطح المكتب أو أي شيء آخر يستخدم API هذا، بشكل ما أو واجهة برمجة تطبيقات لذا سأوضح كيف يمكننا تحديد موقعنا وبعد ذلك سنستخدم خرائط Google حتى نتمكن من إظهار ما يمكننا فعله به ولكي نبدأ في تحديد موقعنا سأضيف بعض التعليمات البرمجية التي تحصل على موقعي عندما أنقر على الزر ويبدأ كل شيء باستخدام كائن الملاح أو المتنقل navigator وهو المتصفح نفسه وكائن تحديد الموقع الجغرافي الذي يمثل جزءًا منه يجب أن تكون مطمئنًا إلى حد ما أن معظم المتصفحات الحديثة تدعم كائن تحديد الموقع الجغرافي إذا لم تكن متأكدًا يمكنك استخدام مكتبة اكتشاف الميزات مثل Modernizer أو هناك شيء ما مماثل لذلك ولكن ما نريد فعله هو الحصول على موقعنا الحالي والمعلمات التي تأخذها هذه الطريقة هي اسم الدالة التي سنقوم بتشغيلها إذا نجحت واسم الدالة التي سنقوم بتشغيلها إذا لم ينجح الحصول على موقفنا الآن، ما تفعله واجهة برمجة تطبيقات تحديد الموقع الجغرافي هي أنها تمر بسلسلة من الطرق التي تتبعها للعثور على موقعك يمكنها استخدام عنوان IP الخاص بك يمكن أن تستخدم شركة الجوال الخاصة بك يمكن أن تفعل تثليث الهاتف الخليوي أشياء على هذا المنوال جمال استخدام هذا هو أنك لست مضطرًا لأن تعرف أو تهتم حول الطريقة التي تستخدمها عندما نحصل على الموضع الحالي نحن نبحث عن وضعية الوقوف هناك طرق أخرى يمكننا استخدامها لمراقبة تقدمنا لنفترض أن تطبيق GPS الذي يمنحك الاتجاهات سوف نرغب في مشاهدة هذا الموضع وأنت تتحرك في هذه الحالة سنلقي نظرة على الموضع الذي أنا فيه وسأعرض القليل من مقياس التقدم هنا لذلك دعونا نكمل الدوال الخاصة بنا وسنقرر ما سنفعله عندما يحدث شيء ما ودالة الخطأ أقصر قليلاً سأقوم فقط بعرض القليل من مؤشر التقدم وسأظهر الرسالة والكود الذي يأتي مع هذا الخطأ لذا فهذه مجرد خصائص ترجع لنا من كائن الخطأ الذي يتم تمريره الآن، في النهاية سأريد إعطاء معلومات الموقع التي أجدها عندما تعمل إلى Google Maps API لكنني سأبدأ فقط من خلال عرض المعلومات التي أحصل عليها لذلك فهذه كلها مجرد عناصر على صفحتي ولاحظ أنني أمرر كائن موقع أو موضع هنا الموضع له كائن منسجم معه سيحتوي على موقعنا إنه يعطيني خطوط الطول والعرض والدقة ما مدى قربها بالمتر؟ لذلك قل لعنوان IP هذا سيكون أكثر من تقدير تقريبي في حين يقول تثليث برج الهاتف الخليوي سيكون أكثر دقة اعتمادًا على نوع القراءة التي نحصل عليها قد نحصل أيضًا على الارتفاع ودقة الارتفاع إذا كنا نراقب الموضع يمكننا أيضًا الحصول على السرعة أيضًا الآن، هذا لن ينطبق لأنني لا أفعل هذا أثناء التنقل أنا جالس فقط لذلك سيحصل هذا على جميع معلوماتنا وسنعرض ذلك على الصفحة ولدي متغيرين آخرين الذي سأقوم بلصقهما هنا لأنني أعطي هذه المعلومات إلى Google Maps API لاحقًا ماذا يحدث من الآن فصاعدا هو أنني بحاجة إلى حساب مطور خرائط Google ويمكنك البحث عن كيفية القيام بذلك ولكن من أجل الوصول إلى هذا أحتاج إلى تضمين هذا البرنامج النصي هذا هو النص البرمجي لخريطة Google وسأضع مفتاح المطور هنا لن أريها لك رغم ذلك لأنه مفتاحي وأنا لا أحب المشاركة لذا يمكنك متابعة التعليمات واحصل على مفتاحك الخاص هنا، وهذا يجعلني أتمكن من استخدام API لخرائط Google لاحقًا وأنا لم أفعل الكثير مع هذا الكود هذا هو في الغالب كود معياري boiler plate الذي يمكنك الحصول عليه من وثائق البدء على موقع جوجل أريد أن أشير إلى بعض الأشياء المهمة لدينا تكبير على الخريطة، ينتقل من واحد إلى 15 لذلك أنا على وشك، انتقلت إلى هناك ويمكننا إنشاء علامات مخصصة خاصة بنا ربما رأيت علامات على الخرائط التي تحتوي على صور وروابط هذه بسيطة نسبيًا في هذه الحالة، سأضع علامة على هذا مع هذا الشيء الصغير الذي يقول، "نحن هنا" we are here دالة التهيئة بالأسفل هنا فقط ترسم الخريطة في البداية ستظهر الخريطة بالفعل في عنصر div عادي على الصفحة لذلك يحدد هذا المكان الذي سيظهر فيه ذلك إذن ما سأفعله هو وجود زر آخر show new location يسمى عرض الموقع الجديد والذي سوف يستدعي ذلك ويعطينا خريطة جوجل بموقعنا بمجرد تشغيله لذلك دعونا نرى كيف تبدو صفحتنا ونرى ما إذا كان يمكننا معرفة أين نحن بالفعل في العالم لاحظ أولاً، أحصل على حوار تحديد الموقع الجغرافي هو اختيار للمستخدم، لذا إذا حظرت هذا فستحصل دالتي على خطأ في الإرجاع وتخبرني أنه لا يمكنه العثور على ما كانت تبحث عنه سأذهب وأسمح بذلك ها نحن ذا، هناك خط العرض وخط الطول الآن، الدقة ستكون بعيدة في هذه الحالة أنا أستخدم آلة افتراضية لذلك ربما أفسد ذلك الأمر في واجهة برمجة التطبيقات قليلاً إذًا هذه بضعة أمتار لكننا حصلنا على موقع حيث يتم تشغيل هذا ما تبقى من هذا الآن يمكنني القيام بذلك لإظهار موقعي على خريطة Google وهو يرسمها هنا على هذه اللوحة الآن، هناك قلمي الصغير الذي يقول، "نحن هنا" أنا في مكان ما بمنطقة كاليفورنيا في هذه المرحلة وبعد هذا هذه مجرد واجهة عادية لخرائط Google يمكنك فعل أي شيء مع هذا الذي تفعله على الموقع العادي في هذا الدرس، نظرنا في الحصول على موقعنا ثم اتخاذ بعض الخطوات للاستفادة العملية من بيانات الموقع هذه شكرا لمشاهدتك في درسنا التالي سنلقي نظرة على الرسم باستخدام Canvas API

متوسط مقدِّم الخدمة : Joseph Barrett 6 الدروس · 31m باللغات: العربية, الألمانية, الإنجليزية, الإسبانية, الفرنسية, البرتغالية, Chinese

وصف الدورة

واجهات برمجة التطبيقات (APIs) هي واجهات حواسيب تقوم بتسهيل التفاعل بين التطبيقات والتعاون فيما بينها، حيث تضيف كفاءةً نوعيةً لعمليات البرمجة. ستتعلّم في هذه الدورة التدريبية كيفية برمجة واجهات برمجة التطبيقات بلغة جافا سكريبت، ومن هذه الواجهات: تحديد الموقع الجغرافي ولوح الرّسم والرُّسوم الشعاعية القابلة للتمديد ونظام الملفّات ومساحة التخزين الفعّال على جهاز المستخدم.

ما ستتعلمه

تطبيق واجهة برمجة تطبيقات تحديد الموقع الجغرافي في برمجة JavaScript
استخدام واجهة برمجة تطبيقات Canvas وفهم آلية عملها في JavaScript
العمل مع واجهة برمجة تطبيقات SVG في JavaScript
تنفيذ واجهة برمجة تطبيقات نظام الملفات في JavaScript
تطوير مهارات فعّالة في واجهة برمجة تطبيقات التخزين من جهة العميل
استخدام واجهة برمجة تطبيقات عمال الويب في JavaScript

النقاط الرئيسية

واجهات برمجة التطبيقات (APIs) هي واجهات حاسوبية تُيسّر التفاعل والتعاون بين التطبيقات، مما يُضيف كفاءات كبيرة إلى عمليات البرمجة.
تغطي الدورة تطبيق واجهات برمجة التطبيقات الشائعة على برمجة JavaScript، بما فيها: تحديد الموقع الجغرافي، وCanvas، وSVG، ونظام الملفات، والتخزين من جهة العميل، وعمال الويب.
يستكشف المتعلمون آلية عمل واجهات برمجة تطبيقات Canvas وSVG ونظام الملفات وعمال الويب في JavaScript.
تبني الدورة مهارات التخزين الفعّال من جهة العميل باستخدام واجهات برمجة تطبيقات JavaScript.

الأسئلة الشائعة

ما واجهات برمجة التطبيقات التي تغطيها هذه الدورة؟

تغطي واجهات برمجة التطبيقات الشائعة في JavaScript، بما فيها: تحديد الموقع الجغرافي، وCanvas، وSVG، ونظام الملفات، والتخزين الفعّال من جهة العميل، وعمال الويب.

ماذا سأتعلم في هذه الدورة؟

ستتعلم كيفية تطبيق واجهات برمجة التطبيقات الشائعة على برمجة JavaScript، بما في ذلك آلية عمل واجهات برمجة تطبيقات تحديد الموقع الجغرافي وCanvas وSVG ونظام الملفات والتخزين من جهة العميل وعمال الويب في JavaScript.

ما المقصود بواجهة برمجة التطبيقات كما وردت في هذه الدورة؟

واجهات برمجة التطبيقات (APIs) هي واجهات حاسوبية تُيسّر التفاعل والتعاون بين التطبيقات، مما يُضيف كفاءات كبيرة إلى عمليات البرمجة.

ما المهارات التي تبنيها هذه الدورة؟

تُنمّي الدورة مهارات في تصميم واجهات برمجة التطبيقات، وواجهات برمجة التطبيقات (APIs)، وواجهات برمجة تطبيقات Java، ولغات نصوص Java البرمجية، وJavaScript كلغة برمجة، ومكتبات JavaScript.

ما الدروس المتضمنة؟

الدروس هي: تحديد الموقع الجغرافي، وCanvas، وSVG، ونظام الملفات، والتخزين الفعّال من جهة العميل، وعمال الويب.