مشكلتي مع تعلم البرمجة أن كثيراً من كتب ومواقع البرمجة لا تضرب أمثلة كثيرة لاستخدامات واقعية للبرمجة، أفهم ما يعنيه المتغير والحلقات وغير ذلك لكن كيف تستخدم كلها مع بعضها البعض؟ هذا هو السؤال.
على أي حال، أود معرفة كيف يمكن الاستفادة من جافاسكربت؟ ولا أعني البرمجة من جهة المزود، لكن من جهة المتصفح أو الزبون، ما هي أبسط استخدامات جافاسكربت وأكثرها فائدة؟ أود أن أتعلم أمثلة تصلح لتعليمها للمبتدئين، أو أمثلة عملية مفيدة، إظهار رسالة في المتصفح ليس مثالاً عملياً، أو الترحيب بالزائر مثلاً، أريد شيئاً مفيداً أكثر.
التعليقات
عندما كتبت موضوعك هذا وأدخلت كلمات مفتاحية، جافاسكريبت هي من أخذ أول بضعة أحرف وأرسلت طلباً للسيرفر ليرسل لك اقتراحات ظهرت كقائمة منسدلة لتساعدك على اختيار الكلمة المفتاحية المناسبة. هذا العملية استخدمت عدة مكتبات برمجية جاهزة تسهل على المبرمجين اضافة خصائص كهذه وتحل بعض مشاكل توافق المتصفحات بطرق أسهل.
لو ضغطت على زر "طريقة التنسيق" قبل ارسال موضوعك، سينزلق محتوى كان مخفي بالصفحة يوضح لك طريقة استخدام Markdown ولو ضغطت على "معاينة"، جافاسكريبت أيضاً أخذت النص الذي كتبته وأرسلته للسيرفر ليحول Markdown الى HTML ثم بعد استلام الرد من السيرفر أضافته للصفحة لتظهر لك معاينة الموضوع دون الحاجة لتحديث الصفحة.
أقترح أن تبحث على jQuery وهي مكتبة مشهورة يعتمد عليها أغلب المطورين لتسهل تنفيذ كثير من الأمور. [1] باستخدام JavaScript/jQuery و HTML يمكنك برمجة أمور مفيدة تحتاجها أنت وتستخدمها ثم اعرضها على الآخرين. جرب مثلاً بناء قائمة مهام يومية باستخدام HTML و jQuery فقط تستخدم من المتصفح دون قاعدة بيانات أو الحاجة للغة برمجة من جهة السيرفر، بحيث تتمكن من اضافة، تعديل وحذف مهام لقائمة والقدرة على تعليم مهمة على أنها منتهية، أو برنامج Pomodoro مع مؤقت يظهر صوتاً مثلاً كل 25 دقيقة... أي أداة تحتاجها يمكنك اعادة برمجتها واستخدامها، في البداية بخيارات بسيطة جداً ثم تطورها مع الوقت.
إمكانيات الـ JavaScript لا يمكن حصرها فى بضعة أسطر و لكن كما قيل فلها إمكانيات مذهلة ظاهرة فى مكتبة الـ JQuery فى خدمة الـ Ajax , هى التواصل مع السيرفر بدون إعادة تحميل الصفحة
و لكن بإختصار الأهمية العملية للجافاسكريبت بالنسبة للمستخدم أنها مستخدمة كـ Client Side Processing أى مثلاً لدينا جدول و نريد عمل بحث به من الممكن أن يتم ذلك على السيرفر من خلال إستعلام معين و يمكن إن كان الحدول كله ظاهر للمستخدم ان يتم فرز و البحث فى الجدول
و هذا مثال و إضافة مميزة إستخدمتها فى أكثر من مشروع مبنية على الجافاسكريبت
التفاعل مع المستخدم لا يقف عند هذا الحد و لكن أيضاً الـ 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
أصبحت جافاسكريبت ناضجة الى حد كبير ولكن لا اعرف ان كان هذا النضج من اللغة ام من المطورين..
المهم جافا سكريت تستطيع انشاء برامج سطح المكتب عن طريق تقنية adobe air ايضا تطبيقات الهواتف الذكية
كان هناك تطبيق لتويتر اسمه kzalek http://keepondev.wordpress....
لا اعرف ان كان يطوره لحد الساعة ام لا
المهم جافا سكريت لا تقل عن نظيراتها من حيث القوة الا في نقطة واحدة كما اعتقد وهي عدم الوصول الى قطع الجهاز مثل adresse mac وما شابه
هناك تقنيات كثيرة ظهرت وتظهر كما اسلفت تكون وسيطة بين جافاسكريت والجهاز مثل المتصفح وتقنية air والأن على الهواتف الذكية مع html5
استخدامات الجافا سكريبت كثيرة, ولكن المشكلة ان بعض الاستخدامات يجب ان تستخدم تقنيات أخرى مع الجافا سكريبت مثل CSS فقد يتحاشاها البعض عند الحديث عن فوائد الجافا سكريبت فقط وأهميته, مثل تقنيات الاجاكس.
أهم الاستخدامات بالنسبة لي(استخدامات جافا سكريبت فقط دون التقنيات الاخرى):
التأكد من ادخال النماذج بشكل صحيح قبل ارسالها.
استخدامها في إضافة الطلبات لعربة التسوق بشكل مباشر دون التحديث للصفحة.
محرر الويب WYSIWYG.
تحياتي
اشتغل في مجال IT تخصيصي بالتمام هو مخازن البيانات اذا كانت الترجمة سليمة Data Storage ، الى هذه اللحظة لي خبرة مقبوله مع اجهزة شركتي EMC, HP .
مثلها مثل معظم الاجهزة الالكترونية الحالية تحتوي على واجهتي استخدام للتحكم بهذه الاجهزة الاولى مرئية و الاخرى المعتمدة على سطر الاوامر ... الشركتين تعتمد في الواجهة الرسويمة لهما على كود مكتوب بلغة Java Script
و الكود المستخدم في اجهزة EMC يصل حجمه الى 120 ميغا تقريبا .