13

ما هي استخدامات جافاسكربت الأساسية والبسيطة؟

مشكلتي مع تعلم البرمجة أن كثيراً من كتب ومواقع البرمجة لا تضرب أمثلة كثيرة لاستخدامات واقعية للبرمجة، أفهم ما يعنيه المتغير والحلقات وغير ذلك لكن كيف تستخدم كلها مع بعضها البعض؟ هذا هو السؤال.

على أي حال، أود معرفة كيف يمكن الاستفادة من جافاسكربت؟ ولا أعني البرمجة من جهة المزود، لكن من جهة المتصفح أو الزبون، ما هي أبسط استخدامات جافاسكربت وأكثرها فائدة؟ أود أن أتعلم أمثلة تصلح لتعليمها للمبتدئين، أو أمثلة عملية مفيدة، إظهار رسالة في المتصفح ليس مثالاً عملياً، أو الترحيب بالزائر مثلاً، أريد شيئاً مفيداً أكثر.


23

إمكانيات الـ JavaScript لا يمكن حصرها فى بضعة أسطر و لكن كما قيل فلها إمكانيات مذهلة ظاهرة فى مكتبة الـ JQuery فى خدمة الـ Ajax , هى التواصل مع السيرفر بدون إعادة تحميل الصفحة

و لكن بإختصار الأهمية العملية للجافاسكريبت بالنسبة للمستخدم أنها مستخدمة كـ Client Side Processing أى مثلاً لدينا جدول و نريد عمل بحث به من الممكن أن يتم ذلك على السيرفر من خلال إستعلام معين و يمكن إن كان الحدول كله ظاهر للمستخدم ان يتم فرز و البحث فى الجدول

و هذا مثال و إضافة مميزة إستخدمتها فى أكثر من مشروع مبنية على الجافاسكريبت

http://datatables.net

التفاعل مع المستخدم لا يقف عند هذا الحد و لكن أيضاً الـ Slideshows و الـ Galleries يمكنك القيام بتصميمها من خلال الجافاسكريبت و هذا مثال أيضاً للـ Slideshow

http://wowslider.com/javasc...

و لينا مثال آخر حى و هو الفيسبوك فمثلاً القائمة اليمنى التى يظهر فيها تحديثات المستخدمين عند الضغط على إحدى التحديثات يظهر لك مربع به بيانات أكثر و يمكنك التفاعل و وضع تعليق من خلاله ، عند الضغط على صورة فتجدها تكبر أمامك فى نافذة سوداء

و من أهم الإستخدامات أيضاً للجافاسكريبت هو استخدام الـ API الخاص بالمواقع و هذه تعريف الـ API من الموسوعة الحرة

"واجهة برمجة التطبيقات (بالإنجليزية: Application Programming Interface وتختصر إلى API) هي مجموعة من الروتينات، وهياكل البيانات ,data algorithm object classes، و/ أو البروتوكولات التي تقدمها المكتبات و/ أو نظام تشغيل الخدمات لدعم بناء البرامج."

و هو بإختصار مكتبة تقدمها لك إحدى المواقع للإستفادة من خدماتها فى بناء موقعك ، بعض الأمثلة البسيطة

  • بنيت موقع لبيع بعض المنتجات و تريد أن تسمح للمستخدم أن يشترى منتجاتك من خلال Paypal كيف ستقدم له تلك الخدمة ؟ ببساطة من خلال API يقدمه لك موقع Paypal

  • لديك موقع و تريد أن تسمح للمستخدم بأن يقوم بتسجيل الدخول من خلال الـ Facebook او Google يمكنك تنفيذ هذه العملية ببساطة من خلال الـ API

  • لديك إحصائية ما و تريد عرضها و تنسيقها بشكل مقبول و ذلك من خلال Chart تفاعلى جوجل تقدم لك API لتسهيل عمل الـ Chart

تلخيصاً لما قيل ، الجافاسكريبت إمكانيتها كبيرة جداً و مهمة و أصبحت أساسية فى أى موقع عصرى و لكى تتقنها عليك أن تبدأ بالأساسيات كالمتغيرات و الـ If , loops و يمكن إستخدامها فى

1- العناصر التفاعلية مع المستخدم ( و هذه النقطة تشمل الكثير ! )

2- الـ API