كُنت أتمنى أن يكون هُناك تقرير مُفصّل و لكن كبداية هذا يكفي :)

درسنا يحتوي على النقاط التالية

1. تعريف XML
2. تعريف RSS
3. فائدة RSS
4. طريقة كتابة RSS
5. برامج قراءة خلاصات RSS
6. طريقة انشاء ملف PHP يحتوي على خلاصات RSS

تعريف XML

من خلال هذا الربط ستتعرف على هذه التقنية بشكل مفصّل:
http://ar.wikipedia.org/wiki/XML

تعريف RSS

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

فائدة RSS

للزائر
التعرف على آخر ما تم إضافته في مواقعك المفضلة

لصاحب الموقع
إمكانية إيصال المعلومة الجديدة في موقعك إلى الزوار دون زيارة موقعك وبعدها يقوم بالزيارة

طريقة كتابة RSS

الطريقة سهلة..

أولاً: تُنشئ ملف بامتداد .xml ويكون هكذا news.xml

في أول الملف تكتب هذا السطر

هنا قمت بجعل الترميز هو utf-8 ، كذلك المحرر الذي أكتب به الملف ترميزه utf-8 ، لذا يجب عليك الحذر من الخلط بين الترميز

حسنا بعدها سيكون هذا الكود

وداخله سيكون

هذه تسمى قناة وداخلها تكون محتويات rss.

الآن نجعل للملف عنوان ورابط وتعريف مختصر للملف، وكذلك تاريخ
وسيكون الملف مؤقتاً هكذا

وبعدها ستكون كل خلاصة بين

ويكون بهذا الشكل

برامج قراءة خلاصات RSS

هناك برامج كثيرة يمكن تنصيبها على جهازك، ابحث في محركات البحث وستجدها بكثرة منها المجاني ومنها المدفوع.
لكن هناك خدمة لجوجل قارئة الخلاصات واسمها Google Reader، يمكنك الدخول إلى الحساب إذا كان لديك حساب في بريد Gmail.

طريقة إنشاء ملف PHP يحتوي على خلاصات RSS

الطريقة لا تختلف كثيراً ولكن ستزيل أول سطر وتعوّضه بسطر برمجي من لغة PHP

سيكون الملف هكذا..

لكن هناك مشكلة.. ما هي ؟
المشكلة هي في استخراج آخر 5 نتائج من القاعدة.. كيف ؟

الجواب سهل جداً.. فقط ركز على هذا الكود وستعرف

أتمنى أن يكون الدرس مفهوماً.

والسلام عليكم

لماذا الملفات المؤقتة

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

فوائد الملفات المؤقتة

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

الدوال التي سنحتاجها في الدرس

• file_exists التأكد من الملف هل هو موجود
• filectime ارجاع وقت اخر تعديل
• ob_start بداية حفظ المخرجات
• ob_get_contents تعطينا المعلومات المستخرجة
• ob_clean تقوم بمسح المعلومات التي تم حفظها في الذاكرة
• opendir مقبض المجلد
• readdir قارئ المجلد
• unlink مسح الملفات
• fopen مقبض الملفات
• fwrite الكتابة على الملفات

فكرة الدرس

سأشرح الفكرة نظريا لكي يسهل عليك عزيزي القارئ أن تفهم الشفرة

1. عندما نضيف بيانات إلى القاعدة مثلاً، سنقوم بمسح الملفات المؤقتة الموجودة من قبل؛ لأنه من غير المعقول أن تكون القاعدة قد أُضيفَ إليها مقال جديد وأنت تعرض للناس القديم.
2. نضع وقت للملف المؤقت حتى يتم تحديثه بعد كل ساعة مثلاً. ستقول لي بما أننا نمسح الملفات المؤقتة لحظة إضافة أي شيء جديد، فإذاً ماذا نستفيد من التحديث كل ساعة؟
   الجواب بسيط..
   لنفرض أنك قمت بمسح أو إضافة شيء من خلال برنامج إدارة قاعدة البيانات مثل phpmyadmin، إذاً على الأقل بعد أقل من ساعة سيتم إظهار الجديد.
3. نقوم بحفظ الملف المؤقت بنفس الرقم الموجود في القاعدة أو نفس رقم الصفحة..مثال بسيط:
   عندما يكون لدينا صفحة لاستخراج مقال واحد مثل:
   news.php?id=28
   سيكون الملف المؤقت هكذا:
   news-28.html
   داخل مجلد الكاش أو الملفات المؤقتة

هيكلية البرنامج الذي سنستخدم عليه نظام الملفات المؤقتة

• config.php
• index.php
• news.php
• moderator.php
• caches/

ملف config.php

ملف index.php

عندما نضيف بيانات إلى القاعدة، سنستخدم ملف moderator.php

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

عندما استعرض المعلومات من القاعدة، سنستخدم ملف news.php

والحمد لله على إكمال الدرس

والسلام عليكم

كيف تبدأ

الكثيرون مقتنعون بالفكرة ولكنهم لا يعرفون كيف او من اين البداية وهو شئ سهل ولكن فكرنا هو الذى يجعلنا لا نعرف كيف نبداء فعندما تمرن فكرك على قبول الفكرة فانك ستعرف من اين او كيف ستبداء لان حماستك فقط لا تكفى لان قلبك سيكون به شكك وتسال نفسك الف سؤال وماذا اذا لم انجح كالسابقين؟
درّب نفسك على ان تكون دوما اسئلتك على شاكلة (ماهى المواقع التى يجب ان ازورها ؟) ماهي متطلبات المرحلة المقبلة ؟ من هم الذين يجب ان اتواصل معهم ؟ ماهى معلوماتى عن هذا المجال الذى انوى الدخول فيه ؟ كيف استطيع تثقيف نفسى للحاق بهذا المجال ؟ فى دولتى من هم الاشخاص الذين يجب ان اتعرف عليهم ؟ ان التجارة الالكترونية فى مخيلة الكثيرين هو جهاز كمبيوتر متصل بالانترنت فى غرفتك وبريد الكترونى وجوال وهاتف المنزل مهلا هذه ليست تجارة اطلاقا.
اذا كنت من هولاء لا تضيع وقتك واعرف لماذا لم تنجح وساعطيك مثال بسيط جداً فاذا كنت تملك سيرفر وتملك الخبرة وتدير عملك من المنزل يوماً ما سيتصل بك عميل يسألك عن موقع شركتك سوف تجد نفسك فى ورطة حقيقية وبالتالى فقد العميل وربما كنت ستجنى ربح وفير من هذا العميل.
اذاً لو اردت ان تمارس التجارة الالكتروينة اولا عليك ان تسجيل شركة او اسم عمل لدى المسجل التجارى وتستاجر مكتب على قدر مادّيتك وموقع على الانترنت وان تكتفى فى المرة الاولى بموظف واحد اذا كان باستطاعتك ذلك ليكون عملك رسمياً بالاضافة الى ورق مروس باسم شركتك وختم الى كل احتياجاتك المكتبية.

حدد مجالك

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

انطلق الان

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

1. التثقيف:
   مهم جداً ان تكون ملماً بكل صغيرة وكبيرة فى مجالك الذى حددته وهذا الامر لا يتطلب منك ان تكون خريجاً فى نفس المجال فكم من خريج لا يعرف كيف يطبق اساسيات درسها فى الجامعة لان الجهل بتلك الاسس يجعل العملاء يتخوفون من التعامل معك لذلك اقراء كثيراً فى مجالك وادخل دورات تدريبية بين الحين والاخر لتكون رائداً فى مجالك ولا توقف نفسك من التفكير ومحاولة ان تخلق افكار اخرى افضل من التى درستها او سمعتها من شخص ما.
2. بناء علاقات عامة
   العلاقات العامة مهمة فى مجال عملك مهما كان فلا تحصر نشاطك فى الانترنت فقط ففى كل مكان هناك عميل محتمل سيعجب بخدماتك اذا سمع عنها ولكن احرص ان تكون فى المكان المناسب دوما لتتحدث عن نشاطك فلا يعقل ان تتحدث عن خدماتك وانت فى بيت عزاء مثلاً لان المكان المناسب والاشخاص المناسبين دوما لهم دور فى توسيع عملك فانت مثلا تعرف اناس يعملون منذ فترة طويلة ولكن حياتهم ودخلهم المادى لم يتغير واخرين تجدهم فجاة اصبحوا اصحاب ملايين حتى تتشكك انت نفسك وتسأل من اين لهم هذا ساخبرك لماذاهناك اشخاص يكونوا دوما فى المكان الغير مناسب لذلك يعملون بكل اجتهاد ولا يحصدون شئوهناك اخرين يكونون فى المكان المناسب لذلك يكون النجاح والدخل الجيد لاعمالهم ولاقرب لك الفكرةاسال نفسك كم ستكسب اذا قمت ببناء حوض سباحة بجوار ساحل البحر الابيض (لن تكسب شئياً) هذه الاجابة التلقائية لكل من ينظر مثل الاخرين لكنى لو وجه السؤال الى فانى ساكسب الكثير لانى ساقدم اشياء يعجز البحر بتقديمه للسياح مثلا يمكن ان يكون منتجع كامل بطبيعة الساحل ودون تكلف بالاضافة الى توفير اسمال ملونة فيها لان الكثيرين لن يشاهدوها الا اذا غطسوا فى اعماق بعيدة وفيها خطورة على الكثيرين والاغلبية لا تستطيع الذهاب الى هناك اتمنى ان تكون فهمت علىما اريد قوله هو انك تستطيع دوما ايجاد طريقة لجذب العملاء وذلك بوضع نفسك فى مكان العميل اى فكر وكانك عميل لانك ستعرف ما تحتاج اليهلذا احرص دوماً ان تكون علاقاتك مع الاشخاص المناسبين فى مجال عملك ان كانوا مقدمى خدمات مماثلة لخدماتك او مستخدمى او مستهلكى خدماتك ولا تبتعد عن المستهلكين لعلمك انهم يتعاملون مع جهة مماثلة لك لان السوق البقاء فيها لصاحب الخدمة الافضل ولكن هذا لا يعطيك الحق فى سرقة عملاء غيرك.

ونواصل لاحقاً..

نحتاج لكي نظهر الوقت الى كائن

سنقوم بتعريف متغير ونعطيه قيمة الكائن
(more...)

كثير منكم لا يحب الدالة ()Mail في لغة البرمجة php ولكنه بالرغم من ذلك يستعملها عندما يريد ارسال الرسائل في برامجه او موقعه لانه ببساطة لا يملك البديل العملي , وسبب عدم حب هذه الدالة هو انها في اكثر الاحيان ترسل الرسالة بتواقيع غير مرحب بها من قبل شركات البريد وخاصة عندما نتكلم عن تطبيقات Microsoft وبريد Hotmail ولذلك تصنف الرسالة وتدخل في مجلد الجنك ميل Junk mail او ما يسمى Bulk او Spam وكل هذه الاسماء تطلق على اسم المجلد الذي يستقبل الرسائل الغير موثوق من مصدرها كما اسلفنا .

ان ادخال الرسائل الى صندوق الـ Junk والتي ترسلها عن طريق موقعك الى بريد احد اعضاء الموقع هو امر مزعج جدا خاصة وان الكثير من الشركات تضع في عين الاعتبار حذف رسائل الجنك ميل بعد فترة قصيرة كاحد الخيارات الافتراضية للبريد وهذا يعني ان احتمال عدم قرائة صاحب البريد للرسالة مرتفعة جدا وقسم منهم لا يكلف نفسه عناء دخول هذا مجلد الجنك على اعتبار بانه يعلم ان هذا المجلد يحوي رسائل غير مرغوب فيها وبالتالي فرسالتك لم تصل !! ما الحل ؟

حاول الكثير من الاخوة الالتفاف على هذا الامر من خلال وضع تواقيع موثوق منها في Header الرسالة وبالتالي فان الرسالة ستصل الى صندوق الوارد Inbox بدون مشاكل ولكن هذا الامر لم يجدي نفعا خاصة وان الكثير من الشركات شددت الرقابة وحاصرت هذه الطرق بشكل كبير لمنع انتشار رسائل السبام Spam وهذا طبعا لمصلحة المستخدم اولا واخيرا , لقد قمت في مرحلة ما بتجربة عمل توقيع موثوق عبر تشفير كل المخرجات التي تستعمل لارسال البريد بالترميز UTF-8 ونجح الامر لفترة ولكنه الآن غير ذي جدوى وكان الكود كالتالي :

بعد فترة من البحث والتنقيب عن سبب هذا الامر عرفت عن Smtp وهو اختصار لـ Server Mail Transfer Protocol وهذا يعني بروتوكول خادم تناقل البريد من والى سيرفر موقعك وكان في الحقيقة هو الحل الامثل لهذه المشكلة ولكن ليس بشكل كامل , فقد قمت بتنزيل كلاس ارسال البريد المشهور PHPmailer وفيه امكانية ارسال البريد بـ 3 طريق مختلفة منها الارسال العادي عن طريق الدالة Mail و SMTP و POP3 .

في المرة الاولى التي استعملت بها SMTP كان علي معرفة المنفذ Port الذي يستعمله المستضيف الخاص بي لهذا البروتوكول وهو عادة ما يكون المنفذ 25 او 26 وهذا يختلف من استضافة لاخرى وكان علي معرفة رابط هذا البروتوكول وهذا ايضا حسب الاستضافة فاحيانا يكون mail.domain.com او smtp.domain.com , بعد معرفة هذه المعطيات قمت بتنزيل الملفات الاساسية لكلاس PHPmailer وهي 3 ملفات تجدها هنا او بامكانك دخول الموقع الرسمي لهذا الكلاس وتنزيل كامل ملفات الكلاس ولكن المهم وقبل البدء بعرض الكود علي ان اخبركم بانه يجب الدخول الى الملف class.smtp.php وتعديل رقم منفذ بروتوكول البريد وهو يكون 25 بالوضع الافتراضي , لا تخف فستجد هذه الخاصية باول سطر برمجي في الملف واذا لم تجده قم بعمل بحث عن var $SMTP_PORT وسوف تجدها بالتأكيد .

بعد تغيير المنفذ حسب المستضيف الخاص بك علينا التوقف قليلا , فعلينا فهم شيء مهم جدا , فلقد تكلمنا مسبقا عن سبب وصول الرسائل الى الجنك ميل واعتقد بان البعض منكم قد سأل نفسه : ما هي النقطة التي ترتكز عليها شركات البريد الالكتروني لكي تقول بان هذا البريد موثوق منه وهذا البريد مشبوه وعليه فيمكن ان يكون بريد سبام Spam ؟؟ هل لانظمتهم عقول فائقة الذكاء للتميز بين البريد المشبوه والموثوق ؟

الجواب كالتالي : ان هذه الشركات جميعها طورت مع بعضها ما يسمى بـ SPF وهي اختصار لـ Sender Policy Framework وهو اطار عمل يتيح للبرمجيات بالتعرف على الرسائل الغير مصرح بها لاسم نطاق معين عند استعمال SMTP , ماذا يعني كلامي ؟؟ حسنا الفكرة بسيطة جدا , تخيل اننا نريد الان ارسال رسالة عن طريق الدالة ()Mail , يمكننا ان نختار بريد المرسل حسب مزاجنا الشخصي صحيح ؟ يمكننا ان نضع هذا الايمل في خانة اسم المرسل : Webmaster@microsoft.com ونرسل رسالة الى ابن قانا نقول له بانك مرشح جدا لخلافة بيل جيتس في ادارة شركة مايكروسوفت !! يقوم ابن قانا بحزم الامتعة الى امريكا وتكتب الصحف عن الشاب العربي البسيط الذي سيتربع على عرش مايكروسوفت في غضون ايام وتكتب عن بداياته حيث كان يبيع الزعتر والزيت في احد الاسواق الشعبية الخ ... كل هذه الافكار كانت تظهر لأبن قانا في غيمة اعلى رأسه وهو يجلس في غرفة الانتظار مقابل المكتب الرئيسي لبيل جيتس :) , وأخذت الافكار تزيد في راسه والغيمة تكبر ودخل ابن قانا الى بيل جيتس وابتسامة النصر تملأ تقاسيم وجهه وبدأ يتكلم عن انجازاته ويحاول التقليل من شأن نفسه ليقول عنه الصديق الحميم بيل بانه متواضع وانه بالفعل مناسب لهذه الوظيفة ولكن , سرعان ما امسك بيل جيتس بدبوس حاد ووخز غيمة احلام ابن قانا وخزة صغيرة جعل الهواء يخرج منها بسرعة وطارت الغيمة بعيييييييدا .

استفاق ابن قانا في الصباح والعرق يقطر من جبينه بسبب هذا الكابوس المزعج فقد عرف بان احد المزعجين قام وارسل له رسالة SPAM فيها انتحل بريد مايكروسوفت , وبعد عدة ايام قاموا باختراع الـ SPF لكي لا يقوم اي شخص آخر باستعمال البريد الشخصي لأي شركة او موقع عند استعمال بروتوكول SMTP ؟ عرفتم الآن سبب ابتكار هذا الاطار ؟

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

كيف نعرف ان موقعنا يحوي او لا يحوي SPF ؟ ادخل الى هذا الرابط وقم بادخال اسم موقعكم في الخانة الفارغة وسيقوم النظام باعطائك الجواب فاذا كان يحوي فانه سيعطيك قيمة هذا السجل في موقعك فقيمته وشكله يختلفان من استضافة لأخرى وهذا حسب متطلبات الزبون ولتعرف المزيد عن SPF ادخل هنا.

بعد ان تأكدنا من هذه الامور سأقوم بعرض الكود الاساسي في هذا الموضوع وهو كالتالي :

من الممكن انك لا تملك موقع خاص بك وبالتالي لا تملك سيرفر SMTP لاستعماله عندها يمكنك استعمال سيرفر Gmail الخاص اذا كان لديك بريد من شركة Google وهو امر في غاية البساطة والكود الخاصة به لا يختلف كثيرا عن السابق فقط في اعدادات الارسال :

هناك سيئة واحدة وفي المقابل ايجابية واحدة عند استعمال سيرفرات Gmail اما السيئة فهي انك عندما ترسل اي رسالة وتكتب بريد المرسل في الاعدادات , فانه عند وصول الرسالة ستجد ان بريد المرسل هو نفسه بريدك في شركة google وليس الذي قمت بتحديده في الاعدادات وهذا بعكس الارسال عن طريق سيرفر موقعك فانت تقوم بتحديد اي بريد ينتهي باسم موقعك كبريد المرسل , اما الايجابية فهي انك حتى ولو لم تملك سجل SPF خاص بموقعك فانك عندما ترسل اي رسالة الى اي بريد فسيقبلها ويضعها في صندوق الوارد Inbox مباشرة بدون اعتبارها كرسالة غير موثوق منها .

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

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

الموضوع الأصلي على هذا الرابط

باحترام : اخوكم EbNCaNa

ومن بين الأشياء التي كسرها متصفح Opera الجديد هي المواقع التي تستهدف المتصفحات المعينة لتعرض ما يناسبها أو ما يسمى Browser Sniffing، حيث يشير Andrew Gregory إلى العادات البرمجية السيئة التي يتبعها بعض مطوري الجافاسكربت لاستهداف المتصفحات لتفادي عيوبها في طريقة عرض المحتويات، لنأخذ على سبيل المثال الطريقة التي طرحها Andrew والمنتشرة جدا في المواقع:

حيث في قراءة سريعة ستجد أن هذا الكود يرى أولا هل المتصفح هو Opera؟ إن كان الجواب بنعم يقوم بأخذ أول رقم بعد الكلمة "Opera" ويترك كل الباقي ويقوم بمقارنته مع الرقم 7. وبما أن 1 أصغر من 7 إذا المتصفح الجديد "قديم" بنظر مطور الجافاسكربت.

الكل يعلم أن كل متصفح له عيوبه سواء كان في طريقة عرض HTML، معالجة Javascript، أو تحليل CSS، وللتغلب على مشكلة كل متصفح لجأ المطورون إلى استخدام هذه الطرق لاستهدافها والتغلب على هذه المشاكل، ولكن لا يجب علينا أن نعالج الخطأ بخطأ أكبر منه، هناك الكثير من الطرق والأساليب للتغلب على مشاكل المتصفحات وبالأخص مشاكل الجافاسكربت، ومن هذه الطرق هي اصطياد العيوب الموجودة في تلك المتصفحات ومن ثم ايجاد حل آخر بديل. أعني بكلامي هذا هو عدم استهداف المتصفح بعينه أو نسخه بعينها وإنما استهداف العيب أو القصور فيها وايجاد طريقة أخرى لحلها، على سبيل المثال لنأخذ كود بسيط وهو إنشاء XMLHTTPRequest أو ما يعرف AJAX:

نرى أننا نستخدم بعض الطرق لايجاد كائن XMLHTTPRequest عن طريق جمل try() وcatch() أي إن لم ينفع مثلا ActiveXObject("Msxml2.XMLHTTP") نرى إن كان ينفع ActiveXObject("Microsoft.XMLHTTP") وإن لم تنفع الطرق نذهب إلى الدالة XMLHttpRequest()، بهذه الطريقة لم نستهدف المتصفح وإنما استهدفنا العيب في المتصفح، الفائدة الكبيرة هنا هي في المستقبل وعندما يتطور المتصفح أكيد سينحل هذا العيب وبالتالي لن يتأثر الموقع.

المشكلة الكبيرة هنا أن المستخدم العادي لا يعرف هذه المعلومات، لذا وعندما يجرب متصفح Opera 10 ويرى أن بعض المواقع لا تعمل بالشكل المطلوب، يلوم المتصفح المسكين بينما الملام هنا يجب أن يكون المطور، وهذا يذكرني بقصة انتشار متصفح Firefox وكيف كانت (وللأسف لازالت) الناس تلومه لأنه يتبع المقاييس العالمية.

هناك ثلاث مستويات في المكتبة للتعامل مع الأجاكس:

• أولاً : load
• ثانياً : $.get و $.post
• ثالثا : $.ajax

الدالة load التعامل معها سهل جدا، حيث تستطيع جلب الملف كما هو (انظر المثال رقم 1)، وتستطيع أيضاً التعامل مع طريقة get (انظر مثال رقم 2)

مثال رقم 1

وصفحة ajax.php

مثال رقم 2

وصفحة ajax.php

الدالة post و get متقدمة اكثر من الدالة السابقة
post التعامل معها عن طريق post
get عكس الدالة السابقة

طريقة post

صفحة ajax.php

$("#name").val() = القيمة التي تم ادخالها في الحقل

طريقة get

name:"abdelouahid elbachiri" المعلومات التي يتم طلبها عن طريق الرابط
مثل ajax.php?name=abdelouahid elbachiri

صفحة ajax.php

أما الدالة ajax فهي دالة شاملة تستطيع معها استخدام كلتا الحالتين السابقتين
post أو get
يمكن التعرف على كيفية استخدامها من خلال دليل الاستخدام بكل سهولة

وأخيراً أنصحكم بتصفح هذا الموقع http://visualjquery.com الذي يوجد فيه كل ما تود معرفته عن استخدام دوال المكتبة.
ولو أحببت أن يكون لديك دليل استخدام المكتبة في جهازك فتفضل [دليل استخدام مكتبة jQuery]

وأي نقطة تود الاستفسار عنها فيما يتعلق بالدرس فأنا موجود إن شاء الله

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

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

• دليلك السهل في تعلم استخدام مكتبة jQuery [ الدرس الأول]
• دليلك السهل في تعلم استخدام مكتبة jQuery [الدرس الثاني]: الأحداث والتأثيرات

التعريف بالحدث أو الأحداث

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

المثال الذي وضعته في الدرس السابق هو حدث click أي عندما نضغط على شيء نطلب منه ان يفعل كذا وكذا بلغة javascript

الأحداث في لغة javascript

وهي كالتالي:

• onClick
• onMouseover
• onMouseout
• onKeypress

ويتم التحكم في الحدث في مكان الحدث بهذه الطريقة

يمكنك معرفة بقية الأحداث من هنـا .

وتأتي مكتبة jQuery لتختصر وتصبح الأحداث بدون on أي:

• click
• mouseover
• mouseout
• keypress

جميع الأحداث تجدها في موقع المكتبة.

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

مثال:
كود jquery

كود الرابط

لقد تحكمنا في رابط واحد وهو جوجل من خلال id=link ولكن ماذا لو أردنا أن ننبه الزائر في جميع الروابط
نغير #link إلى a

مثال

كود الرابط

بما أنني وضعت مثالاً عن الرابط من خلال الأحداث فأحببت أن أوضح هذه النقطة "التحكم في الروابط" بشكل اوسع قليلا.
ولكي تعرف جميع دوال المكتبة يمكنك تجربتها مباشرة من خلال هذا الموقع:
http://visualjquery.com

الآن مع:

التأثيرات Effect

هناك دوال خاصة بصنع التأثيرات منها الانزلاق والتلاشي والإخفاء.

في كل دالة هناك ثلاث مستويات من التحكم زائد التحكم بالميلي ثانية

مثلا دالة hide

الحالات الأخرى هي

كذلك يمكنك تغيير السرعة كما تشاء من 0 إلى أي سرعة تريدها.

هذه الاعدادات تستطيع تطبيقها على جميع دوال التأثيرات التي سأذكرها

أما هذه الدالة فهي رائعة بمعنى الكلمة

إخفاء وإظهار

الأن العب مع jquery

مثال حي

الدرس القادم عن استخدام تقنية اجاكس من خلال jquery

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

• دليلك السهل في تعلم استخدام مكتبة jQuery [ الدرس الأول]
• دليلك السهل في تعلم استخدام مكتبة jQuery [الدرس الأخير]: AJAX

Firefox

• Firebug
  لعلها تكون أهم أداة لتطوير وتحليل مواقع الويب، بالنسبة لي على الأقل. تتيح لك هذه الأداة التحليل العميق لكل ما يتعلق بصفحة الموقع، فحص وتعديل HTML، تعديل CSS مباشرة ورؤية التأثير على الفور، مراقبة حركة الشبكة، معرفة وتحليل المشاكل المتعلقة بالجافاسكربت، استكشاف عناصر ومحتويات DOM، والكثير من المزايا المثيرة.
• Web Developer toolbar
  لا يمكنني تخيل حياتي المهنية في مجال الويب بدون هذه الأداة الرائعة، فهي تجمع كل ما تريد عمله على صفحة الموقع في شريط toolbar، سواء كان تعطيل/تفعيل CSS على الصفحة، تعطيل/تفعيل Javascript، تغيير حجم المتصفح لرؤية الصفحة على عدد من حجم الشاشات 1024 * 768 على سبيل المثال.
• YSlow
  تم تطوير هذه الإداة من قبل مطوري شركة Yahoo! ليعمل بالتكامل مع إضافة Firebug لتحليل مواقع الويب من جهة المستخدم ليعطي تقرير كامل لكفائة أداء الموقع وبعض النصائح التي يجب اتباعها لرفع سرعة وكفاءة الموقع، والطريقة التي تعمل بها هذه الأداة هي عبر مقارنة الموقع مع نصائح Yahoo لرفع سرعة المواقع.
• ColorZilla
  تساعد هذه الإضافة مطوري ومصممي الويب في مهام تحديد الألوان على الصفحة وسهولة الحصول على أرقام الألوان المختلفة، وتساعد أيضا في معرفة أي عنصر في الصفحة يحوي اللون المعين مع إمكانية تصغير وتكبير ومعرفة القياس بين أي نقطتين على الصفحة، وبالمناسبة في النسخة الأخيرة تم دمج بعض الخصائص لتعمل بالتكامل مع إضافة Firebug.
• LiveHTTPHeaders
  تتيح هذه الإضافة لمتصفح Firefox معرفة مايدور خلف كواليس المواقع وتحليل طلبات/معطيات HTTP request/response headers والتي تكون جدا مفيدة في معرفة مشاكل المواقع، معرفة معلومات أكثر عن خادم المواقع، معرفة ما يزرع داخل Cookies من معلومات.
• Modify Headers
  يمكنك عن طريق هذه الإضافة من إضافة، تعديل وترشيح HTTP request headers.
• Firefox Accessibility Extension
  تمكن هذه الإضافة من مساعدة الأشخاص ذوي الاحتياجات الخاصة من التصفح بشكل مريح، وفي نفس الوقت تتيح لمطوري الويب من تعديل مواقعهم بما يتناسب مع هذه الفئة من الناس وجعل المواقع قابلة للوصول بشكل أفضل.
• FireFTP
  FireFTP يتيح استخدام بروتوكول FTP بطريقة سهلة ومريحة من دون الحاجة إلى استخدام أي برنامج آخر غير متصفحك.
• Fangs
  إداة Fangs تتيح لك تحويل الصفحة الحالية إلى صفحة نصية فقط كما يتم قرائتها من قبل متصفحات الشاشات أو ما تعرف Screen reader والتي يستخدمها المصابون بضعف أو انعدام الرؤية، وهي من الإضافات المهمة إذا كنت مهتم بأن يكون موقعك موافق لمعايير قابلية الوصول.

Internet Explorer

• Internet Explorer Web Developer Toolbar
  تعتبر هذه الإضافة بمثابة Firebug لمتصفح Internet Explorer، حيث تتيح لك هذه الإضافة من استكشاف عناصر DOM الموجودة في الصفحة وإماكنية تعديلها مباشرة، امكانية التعديل واكتشاف أخطاء Javascript، والكثير من المزايا الرائعة لتطوير أفضل على هذا المتصفح.
• Visual Web Developer Express Edition
  تمكنك هذه الأداة من تحليل واكتشاف أخطاء Javascript لمتصفح Internet Explorer بشكل أفضل، وهي أداة مكملة للأداة السابق ذكرها IE Web Developer Toolbar، ولمزيد من المعلومات حول كيفية استخدامها فإن Bernie يشرح الطريقة على موقعه.
• DebugBar
  تضيف هذه الإضافة لمتصفح Internet Explorer ميزة اكتشاف الأخطاء البرمجية المتعلقة بلغة Javascript وDOM، وهي مشابهة تقريبا لإضافة IE Web Developer Toolbar ولكن بمزايا مختلفة قليلا، ففيها محدد الألوان color picker، وإمكانية التقاط الصور للصفحة وارسالها عبر البريد الألكتروني.

Opera

• Opera Dragonfly
  نعود لأداة مشابهة تقريبا لأداة Firebug ولكن هذه المرة لمتصفح Opera، حيث تتيح لك هذه الإضافة من اكتشاف أخطاء Javascript، التعديل المباشر على عناصر DOM، التعديل المباشر على CSS، والكثير من المزايا المفيدة جدا لمطوري الويب المحترفين. وتم ادماجها تلقائيا مع المتصفح في النسخ المتقدمة.

Safari

• Web Inspector
  تستكشف هذه الأداة التسلسل الهرمي لعناصر DOM بشكل مباشر، ويمكنك أيضا البحث داخل هذه العناصر.

إضافات عامة (لكل المتصفحات)

• Firebug Lite
  لمحبي هذه الأداة الرائعة والموجودة على متصفح Firefox، فقد طور القائمون عليها أداة أخف من الأصلية تعمل عن طريق ملف Javascript يتم انشاءه وربطه داخل ملفات HTML أو عن طريق وضعه في المفضله لديك Bookmark.
• Fiddler Web Debugger
  تتيح لك إضافة Fiddler التحليل لما يحدث من معلومات متبادلة أو حركة المرور التي تحدث بين العميل والخادم HTTP traffic، ومن هذه المعلومات عدد طلبات HTTP requests، وزن الصفحة كاملة، تاريخ cache. وهو بالمناسبة مفيد جدا لمتابعة حركات AJAX التي تحدث خلف الكواليس وحل المشاكل المتعلقة بها.
• HttpWatch
  هذه أداة مشابهة إلى حد ما Fiddler التي سبق ذكرها، وتنفع لمتصفحات Firefox وInternet Explorer حيث وبالاضافة إلى مراقبة حركة مرور HTTP traffic تقوم أيضا بتقديم تقارير ورسوم بيانية وحفظ المعلومات على امتدادات XML وCSV مما يسهل عملية تحليلها لاحقا.
• Web Accessibility Toolbar
  هذه الإضافة لمتصفحات Internet Explorer وOpera والتي تتيح لك مزايا فحص مدى قابلية الوصول لموقعك، ومزايا أخرى غيرها.
• XRAY وMRI
  XRAY يمكن استخدامه لفحص نموذج الصندق لأي عنصر في الصفحة، بينما يقوم MRI بفحص selectors في الصفحة، هذه الأدوات تنفع لمتصفحات Internet Explorer والمتصفحات التي تعتمد على محركات Webkit وMozilla.