الصفحة الرئيسية > دروس أجاكس AJAX > تعلم تقنية أجاكس Ajax بكل متعة

تعلم تقنية أجاكس Ajax بكل متعة

أكتوبر 5th, 2009

learn-ajax

في الحقيقة أحاول في هذه الأيام تعلم تقنيات جديدة وعلى رأسها منصة العمل CodeIgniter و تقنية أجاكس Ajax ومكتبة jQuery وذلك لأثري مدونتي بمواضيع تتعلق بها ، ولكي استخدم هذه التقنيات في عملي كمطور مواقع وأنجز مشاريع أكثر إبداعا واحترافية ، لقد قمت بتحميل العديد من الكتب وتخزين الكثير من المقالات في المفضلة وحان وقت التعلم ، ولكي أتعلم جيدا وبسرعة سوف أشارككم معي هذه الرحلة ، بمعنى أني لن أكون معلما هنا بل سأكون طالبا مثلي مثلكم ، لنفتح أبواب النقاش فيما بيننا ونفيد بعضنا البعض.

سأبدأ بتنقية أجاكس Ajax ، فمن خلال قرائتي السريعة لتقنية Ajax والتي بالمناسبة هي مجرد تقنية حديثة وليست لغة برمجة جديدة ، فهي عبارة عن طريقة مبتكرة لعرض محتويات قواعد البيانات في الموقع باستخدام لغات JavaScript و XML الهدف منها تسريع الموقع وتقليل الضغط على السيرفر قدر الإمكان ، نتج عن هذه التقنية والتي يعتبرها الكثيرون إحدى أعمدة أساس الويب 2.0 مواقع سريعة وخفيفة ويمكنك تصفحها بأقل وقت ممكن ، فقط تطلب ما تريد مشاهدته ويظهر لك في نفس الصفحة التي أنت فيها دون الحاجة للإنتقال إلى صفحة جديدة.

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

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

والآن ، تخيل معي هذا المشهد :

تخيل أن الموقع هو عبارة عن (سيارة) ، فهذه السيارة تحتاج لوقود حتى تسير وهذا الوقود هو (البيانات) ، وزائر الموقع هو قائد تلك السيارة ، وحتى يتمكن من جعل السيارة تسير يجب أن يدوس على دواسة البنزين (البترول) والتي هي الـ(Request) فهو يطلب الوقود من السيارة بالضغط على الدواسة ، وهذا الوقود (البيانات) سيأتي من خزان الوقود الذي هو (قاعدة البيانات) عبر مجموعة من المواسير أو الخراطيم التي هي (بروتوكول HTTP) لتدخل إلى الكربوريتور ، وهذا الكربوريتور كان قديما يعمل بنظام الرش أو التقطير ، ولكن الآن هناك تقنية جديدة تسمى حقن الوقود والتي هي (أجاكس Ajax) ، فأجاكس هي مجرد تقنية جديدة تقوم بحقن محرك السيارة الذي هو الـ(XMLHTTPRequest) بالوقود الذي هو (البيانات) ، والآن المحرك الذي هو (XMLHTTPRequest) سيقوم بحرق الوقود الذي هو (البيانات) لكي تتحرك السيارة التي هي (الموقع) إلى المكان الذي يقودها إليها زائر الموقع الذي هو (سائق السيارة).

همممم ، أنت ياوليدوف قلبت ميكانيكي سيارات ولا لساتك تقني برمجة ؟!؟ لاعليك أنا بس حبيت أوضح المفاهيم ، إن أجاكس هي بكل اختصار مايحصل في المثال الذي ذكرته لكم ، أرجو أن تقرأه عدة مرات حتى تفهم تماما مكونات الأجاكس ووظيفة كل مكون وإن شاء الله سيكون تعلم لغة أجاكس قمة في الروعة والسهولة والمتعة.

إلى هنا أترككم إلى لقاء قريب جدا إن شاء الله ، ودمتم برعاية الله ،،

وليدوف دروس أجاكس AJAX , ,

مواضيع ذات علاقة

  1. أكتوبر 5th, 2009 at 19:30 | #1

    كثيرا من كان حب الفضول والمعرفة يجرني الى البحث في المفاهيم التقنيةالحديثة التي يعرفها عالم التصميم ومن بين اهم هذه التقنيات تأتي Ajax التي لم اقرأ عنها بهذه السهولة التي تفضلت بطرحها أخي وليدوف شرح جميل وسرد اجمل للمعلومات فكفيت واستوفيت وتعلمت منك
    *أعجبني كثيرا المثل الذي ضربته الذي ينم عن ذكاء وسعة خيال سارده
    موفق أخي وشكرا جزيلا

  2. أكتوبر 6th, 2009 at 02:56 | #2

    تعلم تقنيات الأجاكس شئ مهم لمطووي ويب كما ذكرت.

    أنا بدوري أضعها في مخطط تعليمي أود تنفيده هذه السنة بحول الله.

  3. ومضات
    أكتوبر 17th, 2009 at 01:23 | #3

    الله يبارك فيك اخي الفاضل
    من متابعينك باذن الله
    وانا حاليا بقرا كتاب في الاجاكس
    والمثال الي قلته بسيط ومفهوم جزاك الله خير

  4. أكتوبر 17th, 2009 at 17:40 | #4

    شكرالك سؤتابعك انشاء الله

  5. ادهم علام
    أكتوبر 26th, 2009 at 21:16 | #5

    Ajax بهذه السهولة التي تفضلت بطرحها أخي وليدوف شرح جميل وسرد اجمل للمعلومات فكفيت واستوفيت وتعلمت منك
    *أعجبني كثيرا المثل الذي ضربته الذي ينم عن ذكاء وسعة خيال سارده
    موفق أخي وشكرا جزيلا

  6. ريما
    أكتوبر 30th, 2009 at 20:01 | #6

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

  7. أكتوبر 30th, 2009 at 20:03 | #7

    السلام عليكم.

  8. نوفمبر 12th, 2009 at 01:02 | #8

    اشكرك على هذا الطرح القيم

    بارك الله فيك

    وجزاك الله كل خير

  9. سامر
    أبريل 30th, 2010 at 11:19 | #9

    كلام جميل ويدل على الخبرة. بارك الله فيك وأعانك بمسيرتك التعليمية ونحن أيضا.

  10. مايو 18th, 2010 at 03:32 | #10

    مشكور اخوي على الموقع و كمان على الموضوع على دربك نسير نحارب الجهل :D

  11. يونيو 5th, 2010 at 12:23 | #11

    الف شكر لك اخى العزيز على المعلومات المفيدة وونتظر الزبد

  12. يونيو 25th, 2010 at 02:18 | #12

    الله عليك جزيت خيرا وليدوف

  13. يوليو 17th, 2010 at 19:28 | #13

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

  14. أغسطس 9th, 2010 at 00:58 | #14

    جميل جدا أخي ومفهوم شكرا

  15. أغسطس 20th, 2010 at 21:25 | #15

    جزاك الله خيرا اخي وليد
    معلومات قيمة و مفيدة و ننتظر المزيد p:
    تحياتي

  16. mohmaed fawzy
    أغسطس 22nd, 2010 at 19:33 | #16

    السلام عليكم ، عندي مشكلة ياريت يكون لديكم الخبرة لحلها أو الاسهام في حلها

    the problem is when i try to send arabic parameter inside the request with javascript code it come inside php code as strang caracters
    مثلا عند ارسال اسم بالعربي مثلا محمد فوزي من الجافا سكربت الي البي اتش بي أجد البي اتش بي يظهر حرف غير مفهومة

    عند اجراء المحاولات باللغة الانجليزية تعمل بمنتهي السهولة والسلاسه فقط عند تغيير الـ paramter المرسلة فبدلا من ارسال mohamed fawzy نجعلها محمد فوزي ، تتغير النتائج تماما الي حروف غير مفهومة أقرب الي المشفرة

  1. لا تعقيبات على هذه التدوينة.