دورة Ajax (كل مايتعلق بالتقنية الجديدة)

[Belikos]

السلام عليكم

منذ فترة بدأنا نسمع كثيرا بين أوساط المبرمجين وخصوصا مبرمجي المواقع عن فكرة جديدة سرعان ما تخولت إلى تقنية. بالطبع أتكلم عن أجاكس Ajax

في مجموعة الدروس المترجمة لخبرتي بالمجال, سوف أقوم بشرح أهم خصائص و مميزات أجاكس. كذلك أفضل الطرق لكتابت تطبيقات أجكس صحيحة

ملاحظة: بالنسبة لالتطبيقات Client/Server سأقوم بالستخدام PHP لمرونته سهولته و سرعته.

سوف أقوم بشرح كل شئ أن رغبتم في ذالك
أنتظر موافقتكم

[Dr-Soufrance]

اول الموافقين :bgrfreak:
ابدأ على بركة الله

[veto_44]

السلام عليكم اخي العزيز بارك الله فيك على
هذا العمل مسبقا واقول لك انك لا تحتاج الى اي
موافقه المتدى للجميع ولمساعدة الخوان ونتقبل
مشاركتك بصدر رحب ونعطيعا كل الاهتمام و
التقدير توكل على الله وابدا بالشرح حياك الله
ببننا والى الامام وتقبل فائق التقدير والاحترام .

[Ahmed_ghanam]

ثالث الموافقين اخى الكريم بعد اخى Veto_44 مشرفنا الغالى
و اخى Dr-Soufrance
لنتظر دروسك اخى العزيز Belikos بفارغ الصبر
جزاك الله عنا كل الخير
تقبل خالص تحياتى

[alienblueshark]

كان بودي أستفيد, بس مفيش وقت
اتمنى الاستفادة للجميع

[Belikos]

أشكركم على ردودكم يا جماعة...

الدرس الأول: مقدمة

Asynchronous Java****** and XML: هذا هو معنى كلمت Ajax.

هناك مجموعة من المبرمجين يعتقدون أن أجكس هي لغة برمجة "خطأ". لأنها تقنية تمكن من استخدم برامج أو بمعنا أدق استدعائها من الخادم عبر صفحة ويب دون الحاجة إلى أعادة تحميل الصفحة. وإظهار النتيجة في جزء معين من الصفحة وليس كلها كما أعتدنا في المواقع التقليدية.

لو بحثنا قليلا سنجد أن أجاكس ليست تقنية جديدة مائة بالمئة. فقد سبق استخدامها بتطبيقات JAVA و iframe بمعنا أوضح "Remote String" لاكنها لم تأخد نجاحا كبيرا مثل أجاكس.

أهم نقطة هي أن أجاكس تقوم على:

- HTML, XHTML, XML: لكتابت صفحة ويب
- CSS: لوضع واجهة الموقع
- Java******: كتابت الكود العام لبرنامج أجاكس الذي سيدير الموقع. باستخدام DOM (******** Object Model)
- أخر شئ, النظام الذي يمكنن استخدام البرامج التطبيقية داخل صفحة ويب بالخادم. يعني بصفة عامة هي خاصية أو دالة "Object" أي "XMLHttpRequest".

يعني الحكاية كاملة فالنقطة الأخيرة, "XMLHttpRequest" هي الجديد أو اكتشفت من طرف المبرمجين حديثا. بمعنى أوضح لتصبح مبرمج تطبيقاث ديناميكية "حديثة" أنت محتاج فقط لتعلم "XMLHttpRequest", أما باقي الحكاية فتتعلق بلغة من لغات البرمجة الدينامكية المعروفة.

أرجو أن أكون قد أوصلت فكرة الدرس.
تابعو الدرس التاني لاحقا

أحتاج إلى تعليقاتكم لتطوير طريقة الشرح و تعميم الاستفادة

[NORTONFOX]

طريقه جيده وهتابع موضوعك ده :)

[Dr-Soufrance]

ملاحظة اخي على درس
فمنتدى يمنع كلمة سكريبت وكوكيز بسبب تغرات xss فارجوا ان تكتبها هكدا
cooki e وscrip t ان تضع مساحة في حرف الاخير

[Belikos]

Dr-Soufiane مشكور على الملاحظة

الدرس الجديد الليلة

[Belikos]

الدرس التاني: طريقة العمل

الأن بعد أن فهمنا جيدا ماهو أجاكس, سوف نمر إلى شرح طريقة العمل أي البرمجة.
كما سبق أن شرحت, سنتبع 3 نقط أساسية:

- صفحة HTML أو XHTML .
- تطبيق أجاكس (JavaScrip’t)
- تطبيق CSS لالتحكم بواجهت الموقع

1. صفحة HTML :

بطبيعة الخال صفحة HTML يمكن أن تتبع نظام Client/Server, أي مهما تكن اللغة المتبعة PHP, ASP, Perl... خلاصة, كل ماهو ممكن على هذا المستوى. المهم أن تكون النتيجة إنشاء صفحة ويب.

لاكن يجب أن تحتوي الصفحة على ما يستدعي Ajax Applet. والعملية سهل, فقط نضع رابط, عند الضغظ « onclick » يستدعي دالة من جافاسكريبت. مثال:

<a href="" onclick="clickManage(); return false;">اضغط هنا</a>

لاحظوا أننا وضعنا false بعد منادات الدالة, لكي لاترسل إلى المتصفح, و بالتالي لن يقوم بالإنتقال المباشر إلى الرابط الموجود بـ href.

نحن الأن بصدد إرسال واستقبال المعلومات دون تحديد الصفحة على المتصفح. أي يجب ان نتجول بحرية بين محتويات الصفحة عن طريق جافاسكريبت. ولهذا نقوم بإعطاء id لكل ما يوجد بالصفحة <img>, <div>, <span>, <a>,,,
مثال:


<span id="DownLoadPageId">
الصفجة قيد التحميل....
</span>


عند التحميل, ستظهر الجملة التالية "الصفحة قيد التحميل...", و يمكنك بواسطة جافا سكريبت التعامل معها بواسطة id الخاس بها أي "DownLoadPageId".

سنكمل الدرس لاحقا
أنتظر ردودكم ومستعد أن أجيب على الأسئلة

[Dr-Soufrance]

تم تسجيل الحظور :bgrfreak:
وفهمه
مشاء الله شرح مبسط
تابع اخي احد تلاميدتك :smailes65:

[النمر المقنع14]

مشكور أخي ... على الشرح .. تابع ونحن في انتظار المزيد ... بصراحة بنتظر الدروس المتقدمة :) ... يعطيك العافية