K-Coder

عفواً، ولكني مضطر إلى التغيب عن التدوين لفترة

2010-07-26T13:29:00.001-07:00

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

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

[1] كتابة اول كود بلغة بي إتش بي

2010-07-06T00:48:00.001-07:00

اريد ان اذكر ان سلسلة الدروس هذه لمطوري الويب وليست للمبتدئين ( راجع المقدمة حتى تتعرف على الاسباب )

بعد ان تعرفنا في المقدمة على المتطلبات التي يجب توفيرها حتى تتعلم دروس البرمجة باستخدام لغة PHP بسهولة ويسر، اليوم سوف نتعرف على كيفية كتابة كودك الأول باستخدام لغة بي إتش بي، في البداية احب ان اذكر ان كل ما نقوم بكتابته يجب ان يتم حفظة داخل مجلد السيرفر الشخصي وان يتم استعراضه باستخدام رابط السيرفر الشخصي وهو امر بديهي يعرفه كل مطور ويب ( اذا كنت مستخدم لسيرفر AppServ فمسار المجلد هو C:\AppServ\www ان لم يكن قد قمت بتغييره ).

الآن لنقم بكتابة الكود الأول …

كتابه أول كود بلغة بي إتش بي

الآن نقوم بإنشاء مجلد جديد بداخل مجلد السيرفر الشخصي باسم project ومن ثم نقوم بإنشاء ملف جديد باسم index.php

ملحوظة1: اسم المجلد ليس شرطاً وأيضاً اسم الملف، ويمكنك اختيار أي اسم تشاء.
ملحوظة2: اسم الملف يجب ان ينتهي بامتداد .php ولكي تقوم بإنشاء الملف قم بالضغط على المفتاح الايمن للماوس ومن ثم اختار New –> Text Document اذا ظهر لك ان اسم الملف هو New Text Document.txt فقم بإعادة تسميته إلى index.php اذا ظهر باسم New Text Document فقط فأنت تحتاج إلى ضبط الاعدادات لديك لكي يظهر امتداد الملف، اذا كنت مستخدم لويندوز أكس بي فالطريقة هيا Tools –> Folder Options –> View ثم قم بإزالة علامة الصح من امام Hide extensions for know file types، مستخدمي اللينكس ليسوا بحاجة إلى مثل هذه الاعدادات فافتراضي امتداد الملف يكون ظاهر.

الآن بعد ما أنشئنا الملف المسمى index.php نقوم الآن بفتحة باستخدام المحرر الخاص بك ونقوم بكتابة الكود التالي بداخلة:

PHP - 01

<?php
echo 'Hello, World!' ;
?>

- في السطر الاول قمنا بكتابة وسم/Tag الخاص بلغة PHP فمثلاً في لغة HTML يجب ان يبدأ الملف بالوسم <html> هذا بالضبط نفس الحال مع لغة PHP فأي ملف يجب ان يبدأ بكتابة <?php .

- في السطر الثاني قمنا بكتابة كلمة echo ثم اضفنا علامة تنصيص وكتبنا عبارة Hello, World! ثم اضفنا علامة تنصيص اخرى وانهينا السطر بعلامة ;

- في السطر الثالث قمنا بغلق الوسم الذي قمنا بفتحة في السطر الاول هذا الامر مشابه للأمر </html> في لغة HTML

الآن احفظ الملف وقم بالذهاب إلى الرابط http://localhost/project/index.php ماذا تلاحظ؟
ستلاحظ انه قد ظهرت لك جملة Hello, World! بدون اي شيء اخر وإذا استعرضت مصدر الصفحة فلن تجد ايضاً اي شيء آخر

دعني أعيد شرح السطر الثاني مرة آخرى،

عندما قمنا بكتابة كلمة echo فنحن نخبر مترجم اللغة بان النص الذي بين علامتي التنصيص يجب ان يقوم بطباعته على المتصفح، إذاً فعلامتي التنصيص تشيران إلى ان ما بداخلهم هم من نريد طباعتهم باستخدام امر echo، فما فائدة علامة ; ؟

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

كتابة الاكواد بالطريقة الغير قياسية

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

PHP - 02

<?php echo 'Hello, World!'; ?>

أو

PHP - 03

<?php echo "Hello, World!"?>

أو

PHP - 04

<?='Hello, World!'?>

هذه هي الطريقة المختصرة الغير قياسية لكتابة الاكواد، والتالي طريقة آخرى لكتابة الاكواد بشكل غير مختصر

PHP - 05

echo "Hello, World!";

أو

PHP - 06

<?php

echo 'Hello, World!'

طرق مختلفة لطباعة نص بطريقة قياسية

PHP - 07

<?php
echo ( 'Hello, World!' );
?>

PHP - 08

<?php
print ( 'Hello, World!' );
?>

PHP - 09

<?php
print "Hello, World!";
?>

أسئلة شائعة وملاحظات

- يجب ان ان تتذكر علامة ; مع نهاية كل سطر فهي شيء ضروري ولكن يمكن تجاوزها اذا كان السطر هو اخر سطر في الملف وليس هناك شيء بعده غير غلق الكود، ولكن في جميع الاحوال تجاوزها امر غير مستحب.

- علامة = تعادل امر echo في الوسوم القصيرة.

- الطريقة المختصرة او الوسوم القصيرة او Short Tags او كما تريد ان تطلق عليها؛ استخدامها غير مستحب وذلك لان بعض بعض السيرفرات ( نادراً ) تأتي غير مُفعل بها الوسوم القصيرة، وبذلك سوف تظهر اخطاء بالاسكربت، فتجنب استخدامها افضل ويمكنك استخدام الكود رقم 02 فهو ليس Short Tags بل هو كود قياسي مختصر بدون تنسيق.

- وسم بداية الملف يمكن كتابته <? او <?php ولكن كما ذكرت يجب عليك الالتزام بالقواعد الاساسية واستخدام الطريقة الموجودة في الكود رقم 01.

- حتى الآن ليس هناك آي فرق بين علامتي التنصيص الاحادية ' والثنائية "، ولكن سوف تتعرف على الفرق بينهم في الدروس القادمة بإذن الله.

- echo ليست داله كما يعتقد البعض ولكنها ( Language Construct ) مهمتها شبيهة بعمل الدوال وهي ليست الوحيدة المسئولة عن الطباعة على المتصفح، بل هناك غيرها ولكن كل واحدة لها استخدام معين، ولكن المشابهة لعملها بالضبط هي الـ print، ليس هناك فرق يذكر بينهم ولكن هناك اقوال ان الـ echo اسرع في عملها من الـ print

في النهاية

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

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

مقدمة: قبل ان تتعلم البرمجة بلغة php

2010-06-21T12:03:00.001-07:00

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

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

كما ذكرت ان المتطلبات هي نوعين نوع يجب ان يتوفر بك وهي اشياء خاصة بك ومهارات وخبرات سابقة سوف اقوم بذكرها، ومتطلبات يجب ان تتوفر لديك وهي الادوات التي من خلالها سوف تقوم بكتابة اكوادك وتنفيذها

المتطلبات التى يجب ان تتوفر بك:

ان تكون صبور: لا تعتقد انه يمكنك ان تتعلم البرمجة بلغة PHP خلال شهرين او ثلاثة او حتى ستة اشهر، فكما ذكرت لك انني على مدار الثلاثة اعوام وحتى الآن اتعلم يومياً شيء جديد فالبرمجة ليست لها نهاية لذلك جعلت سلسلة الدروس هذه بلا نهاية.
ان تكون واسع الافق: يجب ان تمتلك مخيلة حتى تستطيع الابتكار فالبرمجة عامةً نصفها يعتمد على ذكائك انت وطريقة تفكيرك واستخدامك للاكواد بطرق مختلفة لتأدية مهام مختلفة، ويجب ان تتعامل مع PHP بالمنطق ويجب ان تثق انه اذا تعاملت معها بذكاء فستكون النتيجة اكثر مما تتوقع، والعكس صحيح ايضاً.
خبرة سابقة مع HTML: لست اتفق مع الذين يقولون انه يمكنك ان تتعلم البرمجة بلغة PHP دون الحاجة إلى تعلم لغة HTML فهل يمكنك ان تصنع سيارة دون ان تعرف كيف تقودها؟ او هل يمكنك ان تكون رسام دون ان تعرف كيف تلون رسوماتك؟.
ان تكون قد تعاملت مع احد التطبيقات المبنية بلغة PHP: يجب ان تكون قد تعاملت مع احد التطبيقات مثل Wordpress, Drupal, PHPBB, PHP-Nuke او غيرهم من التطبيقات الآخرى، بمعنى اصح يجب ان تكون حائز على لقب مطور ويب يعرف كيف يتعامل مع كتابة الاكواد. ( لا يشترط ان تكون لديك اي خبرة في لغة PHP، وهذه هي المرحلة الثانوية التي تسبق الجامعية )

اذا كانت احد الشروط السابقة غير متوفرة لديك فيجب عليك الآن ان تترك هذه المقدمة وتذهب لتطوير نفسك ومن ثم يمكنك العوده بعد ذلك لاستكمال باقي دروس تعلم لغة PHP

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

المتطلبات التى يجب ان تتوفر لديك:

سيرفر شخصي*: هناك العديد من الانواع مثل AppServ, XAMPP, WAMPServer, خادم الجمل وأنا شخصياً استخدم AppServ2.5.10
محرر نصوص محترم*: يجب ان تعتني باختيار المحرر المناسب لك والذي يريحك في التعامل معه وأنا افضل NotePad++ بسبب حجمه الصغير وسرعته في فتح الملفات وتعامله مع مختلف انواع اللغات البرمجية وهناك العديد من محررات النصوص الجيدة مثل phpDesigner, Dreamweaver, Aptana ولكن يعيبهم بطئ فتح الملف اذا كان البرنامج مغلق.

(*) اذا كنت مستخدم لينكس او ماك فيمكنك استخدام السيرفر المناسب لك ولكن يفضل ان يكون مع حزمة PHP5 اي اصدار، الـ PHP6 لا افضلة في الوقت الحالي لأنه اصدار غير ثابت.

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

لن اشرح طريقة تنصيب الادوات السابقة فمن المفترض انك مطور ويب في الاساس.
يبدوا انني قد اطلت في الحديث دون ان اكتب مقدمة عن لغة php لذلك سوف اختصر الكلام في النقاط التالية.

مقدمة عن لغة PHP

PHP ليست لغة برمجة بالمعني الحرفي مثل لغة C او C++ او جافا بل هي لغة نصية / سكربت ولكن بسبب قوتها واعتماد الكثيرين عليها في إنشاء تطبيقات الويب اصبحت مثلها مثل اي لغة برمجة اخرى، كان اسمها في السابق PHP/FI وقد صدرت عام 1995 على يد راسموس ليدروف ثم بعد مشاركة اخرين في تطويرها وتوسعها تم تغيير اسمها إلى PHP وذلك مع الاصدار الثالث في عام 1998، ما جعل PHP تنتشر هكذا هو انها لغة مفتوحة المصدر مما يتيح لكثير من المطورين المشاركة في تطوير وزيادة كفاءتها. لمزيد من المعلومات يمكنك زيارة صفحة بي إتش بي على موقع ويكيبيديا.

ما الذي ستستفيده من تعلم لغة PHP

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

هكذا نكون قد انتهينا، وفي الدرس القادم من سلسلة دروس تعلم لغة PHP سوف تتعرف على كيفية كتابة اول كود بلغة php وتنفيذه، ولكن قبل ان نبدأ دروسنا لي رجاء عندك بآن ما تتعلمه يجب ان تُعلمه لغيرك، هذا كل شيء.

ارسال النماذج بدون تحميل الصفحة باستخدام الـ jQuery والملحق jQuery Form

2010-06-10T13:04:00.001-07:00

من اهم ما يميز الـ jQuery هو مرونة الاستخدام والملحقات التي يمكن استخدامها لتوفير كتابة الكثير من الاكواد وإضاعة الكثير من الوقت، في هذه التدوينه سوف نتعرف على Jquery Form Plugin الملحق الخاص بمكتبة الجافا سكربت jQuery.

هذا الملحق يمكننا من ارسال البيانات التي نقوم بإدخالها في النموذج ( Form ) دون الحاجة إلى الذهاب إلى صفحة اخرى او اعادة تحميل الصفحة كما هو معتاد مع الصفحات العادية.

طريقة الاستخدام

اولاً يجب علينا تحميل الملحق من هذا الرابط ومن ثم نقوم باستدعائه بعد استدعاء مكتبة الـ jQuery كالتالي:

HTML

الآن نأتي إلى الجزء المهم وهو اعدادات الملحق ليعمل على الموقع بشكل مناسب

JavaScript

HTML:Form

<form action="test.php" class="ajax" method="post">
    <label>العنوان <input name="title" type="text" /></label><br />
    <label>الرسالة <textarea name="message"></textarea></label><br />
    <input type="submit" value="ارسل البييانات" />
</form>

لاحظ اننا في الكود الثالث قد اضفنا كلاس لكود النموذج باسم ajax وذلك حسب تحديدنا له في كود الـ JavaScript

ما سبق بجزء الجافا سكربت هو الطريقة البسيطة والسهلة دون اي تعقيدات لإرسال البيانات ولكن يمكننا اضافة المزيد من الخصائص مثل ان تظهر رسالة اثناء ارسال البيانات ومن ثم اظهار رسالة بخطاء في البيانات او صحتها حسب نتيجة المعالجة في التطبيق البرمجي (PHP, ASP … ألخ)

JavaScript

لاحظ انني قد قمت بتحديد الـ dataType بـ json ( يمكنك تغييرها إلى xml ) وهو نوع البيانات/اللغة التي سوف يقوم التطبيق بالرد بها على البيانات المرسلة إلية من خلال الـ jQuery ( سوف نتعرف في تدوينه اخرى على طريقة معرفة اذا كانت البيانات المرسلة تم ارسالها من خلال الجافا سكربت او من خلال المستخدم بالطريقة التقليدية باستخدام الـ PHP )

PHP Function To Retrieve The Original URL From A Shortened URL

2010-04-18T05:04:00.001-07:00

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

فكل ما في الأمر هو استخدام دالة get_headers التي تعمل علي قراءة الهيدر الخاص بالرابط والذي يحتوي علي الرابط الذي سوف يتم التوجه إليه ( الرابط الغير مختصر ).

قمت باستخدام الدالة get_headers مع بعض الاكواد الآخرى وأنشأت دالة جديدة تعمل علي استيراد الرابط الاصلي من الرابط المختصر.

الدالة

<?php
function retrieve_shortened_link($shortUrl){
    $headers = get_headers($shortUrl, 1);
    if(is_array($headers['Location'])){
        return $headers['Location'][0];
    }else{
        return $headers['Location'];
    }
}
?>

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

Custom Missing Images Using jQuery

2010-04-16T08:57:00.001-07:00

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

الـ jQuery يمكنها حل هذه المشكلة بكل سهولة، ففي هذه التدوينه سوف اخبرك كيف يمكنك استبدال الصور المفقودة بصورة اخرى تُخبر الزائر بأنة كان من المفترض ظهور صورة هنا ولكن لسوء الحظ الصورة اصبحت غير موجودة ولا يمكن عرضها!

طريقة الاستخدام

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

JavaScript

يمكنك الاكتفاء بكود الـ JavaScript السابق او يمكنك اضافة المزيد من التنسيقات على الصورة المفقودة باستخدام الـ Css كالتالي:

Css

.missing-images {
border: 1px solid #dcdace;
padding: 1px;
}

هل لديك المزيد من الحلول والأفكار بخصوص الصور المفقودة والـ jQuery؟ اتمنى ان لا تبخل بها علينا حتى ولو كانت مجرد فكرة :)

Virtual Keyboard - New Feature from Google On Search Results Page

2010-04-13T13:00:00.001-07:00

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

هذه الخدمة ليست بالجديدة من جوجل فقد اصدرت منذ فترة كـ Ajax API للمطورين ولكن الجديد هو ان هذه الخدمة اصبحت متاحة باللغة العربية علي صفحات البحث الخاصة بجوجل.

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

أيضاً ربما لا تظهر لدي الجميع الآن، ولكنها ظهرت لدي علي صفحة جوجل مصر باستخدام متصفح الفايرفوكس ولم تظهر علي متصفح كروم!

PostageApp: The Easier Way To Send E-mail From Your Apps

2010-04-13T09:24:00.001-07:00

أكبر مشكلة تواجه اي مبرمج هي عملية ارسال الرسائل إلى المستخدمين، فربما تكون هناك مشكلة بالسيرفر تمنع عملية ارسال الرسائل او ان المستضيف يمنع عملية ارسال الرسائل نهائياً وبذلك يكون الامر صعب اذا كان يجب علي التطبيق ارسال رسالة تنشيط العضوية للمستخدم قبل ان يسمح له باستخدام الموقع، وبذلك فعملية اشتراك الاعضاء اصبحت معطلة!
تأتي خدمة PostageApp لحل مثل هذه المشاكل، فهي عبارة عن بوابة لإرسال الرسائل من خلال واجهة برمجة التطبيقات ( API ) فتقوم باستقبال الرسالة التي تريد ان ترسلها للمستخدم ومن ثم تعمل الخدمة علي ارسال الرسالة من خلال اعدادات الـ SMTP التي قمت بوضعها في موقع الخدمة ( يمكنك استخدام السيرفر الخاص بالخدمة او يمكنك ربط الخدمة بالـ Gmail SMTP او استخدام اي سيرفر آخر لإرسال الرسائل ) .
ايضاً هذه الخدمة مفيدة في حال اردت مراسلة جميع الاعضاء ( الرسائل الجماعية ) فهي لن تسبب لك مشاكل علي سيرفر الاستضافة الخاص بك، لان عملية الارسال سوف تتم من خلال الاتصال ( HTTP ) مرة واحدة فقط ومن ثم سوف تكون مهمة لـ PostageAPP في عملية ارسال الرسائل للأعضاء الذين قمت باختيارهم للإرسال.

المميزات:

حل مشاكل ارسال الرسائل من السيرفر.
عدم وجود ضغط علي سيرفر موقعك في حالة ارسال رسائل كثيرة / جماعية.
امكانية ارسال الرسائل من علي الـ localhost بكل سهولة.
نظام احصائيات بعدد الرسائل التي ارسلت والرسائل التي لم يتم ارسالها.
انشاء قوالب لتنسيق الرسائل.
سيرفر SMTP مجاني لإرسال الرسائل كما يمكنك تغيير اعدادات السيرفر لأي سيرفر آخر كالـ Gmail مثلاً.

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

بدايةً يجب عليك الاشتراك في الموقع ومن ثم نقوم بإنشاء مشروع جديد علي الموقع حتى نحصل علي مفتاح الـ API الخاص بالمشروع.
أذهب إلى لوحة التحكم ثم اضغط علي CREATE NEW PROJECT ثم ادخل اسم المشروع وبعد ذلك اضغط علي Create project؛ بالجانب الايمن سوف تجد API key وأسفلها مفتاح الـ API وهو ما نحتاج إلية الآن.
الخطوة التالية هي بتحميل الكلاس التالي والذي سوف نستخدمه في عملة ارسال الرسائل

postageapp.class.php

<?php
class PostageApp{
    function __construct($API_KEY, $API_URL='http://api.postageapp.com'){
        $this->POSTAGE_API_KEY    = $API_KEY;
        $this->POSTAGE_HOSTNAME    = $API_URL;
    }
    // Sends a message to Postage App
    function mail($recipient, $subject, $mail_body, $header=array(), $variables=NULL) {
        $content = array(
            'recipients'    => $recipient,
            'headers'        => array_merge($header, array('Subject' => $subject)),
            'variables'        => $variables,
            'uid'            => time()
        );
        if (is_string($mail_body)) {
            $content['template'] = $mail_body;
        } else {
            $content['content'] = $mail_body;
        }
        return PostageApp::post(
                'send_message',
                json_encode(
                    array(
                        'api_key' => $this->POSTAGE_API_KEY,
                        'arguments' => $content
                    )
                )
            );
    }
    // Makes a call to the Postage App API
    function post($api_method, $content) {
        $ch = curl_init($this->POSTAGE_HOSTNAME.'/v.1.0/'.$api_method.'.json');
        curl_setopt($ch, CURLOPT_POSTFIELDS, $content);
        curl_setopt($ch, CURLOPT_HEADER, false);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: application/json'));
        curl_setopt($ch, CURLOPT_POST, 1);
        $output = curl_exec($ch);
        curl_close($ch);
        return json_decode($output);
    }
}
?>

الآن نأتي إلى خطوة آخرى وهي استخدام الكلاس السابق مع الـ API الذي حصلنا علية من خلال انشائنا للمشروع الجديد في موقع postageapp.com

index.php

<?php
if($_POST['to']) {
    include_once( 'postageapp.class.php' );
    /* $send_to    = array(
            'mail1@gmail.com',
            'mail12@gmail.com',
            'mail13@gmail.com'); */
    $send_to    = array($_POST['to']);
    $subject    = $_POST['subject'];
    $message    = $_POST['message'];

    $mail_body    = array(
            'text/plain' => strip_tags($message),
            'text/html' => $message);
    $header = array(
        'From'        => 'from@gmail.com',
        'Reply-to'    => 'reply-to@gmail.com');

    // قم بتغيير المفتاح الذي بالاسفل إلي المفتاح الخاص بك
    $postageapp = new PostageApp( 'rFdFxiLzPjH9xDoLkRyMdXfvSJXqonGT' );
    $send = $postageapp->mail($send_to, $subject, $mail_body, $header);
    // print status
    if($send->response->status == 'ok'){
        echo '<br/><b>SUCCESS:</b>, An email was sent and the following response was received:';
    }else{
        echo '<br/><b>Error sending your email:</b> '.$send->response->message;
    }
    echo '<hr><pre style="text-align:left;">';
    print_r ($send);
    echo '</pre>';
}
?>
<form method="post" action="./">
    send to: <input type="text" name="to" /><br />
    subject: <input type="text" name="subject" /><br />
    message: <textarea name="message" ></textarea><br />
    <input type="submit" value="Send"/>
</form>

ضبط اعدادات الـ SMTP:

اذا كنت تريد تغيير اعدادات الـ SMTP وهذا امر ارجحة حتى لا نعتمد بشكل مكثف علي سيرفر موقع postageapp.com في ارسال الرسائل وتخفيف الضغط عنة
اذهب إلى رئيسية لوحة التحكم ثم اضغط علي ADD MAIL SERVER ثم ادخل اعدادات سيرفر ارسال الرسائل وبعد ذلك اضغط علي Create and Send Test Message

الآن سيتم نقلنا إلى الصفحة الرئيسية مرة آخري ويتبقى لدينا الآن خطوة اخيرة وهي تبديل الاعدادات الافتراضية لسيرفر الارسال للمشروع الذي قمنا بإنشائه سابقاً من خلال الضغط علي PostageApp SMTP Server الموجودة اسفل اسم المشروع وسوف يتم نقلنا إلى صفحة آخرى ومنها نقوم بتغيير الـ Mail Server من PostageApp SMTP Server إلى اسم السيرفر الذي قمنا بإنشائه بعد ذلك نضغط علي Switch to this Mail Server

ملحوظة:

تسجيل الدخول يتم من خلال الصفحة الخاصة بحسابك الذي تم انشائه فإذا كان اسم الدخول الخاص بك باسم khal3d فيتم تسجيل الدخول من خلال الصفحة http://khal3d.postageapp.com

Dropbox Great Tool For Web Designer & Developer

2010-04-11T12:11:00.001-07:00

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

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

المميزات:

مزامنة الملفات: من خلال مزامنة الملفات يمكنك (إضافة، تحرير، حذف، اعادة تسمية … ألخ) وسوف يتم ذلك بشكل مباشر على حسابك في الخدمة.
مشاركة الملفات: مشاركة الملفات علي جميع الأجهزة الخاصة بك (Linux, Mac, Windows و iPhone) المرتبطة ببعضها البعض من خلال الخدمة.
النسخ الاحتياطي: يتم اخذ نسخة احتياطية للملفات لمدة 30 يوم، وبذلك يمكنك استعادتها حتى وان قمت بحذفها بنفسك (استعادة الملفات متاحة للحسابات الغير مجانية)
الوصول لملفاتك من خلال الموقع: يمكنك الوصول إلى ملفاتك من خلال موقع الخدمة وليس شرطاً ان تستخدم البرنامج بشكل دائم اينما ذهبت.
الحماية والخصوصية: بشكل افتراضي لا يمكن ان يصل اي شخص إلى ملفاتك .. ولكن يمكنك تحديد احد المجلدات انه للاستخدام العام وبذلك يمكنك اعطاء اي شخص رابط مباشر للملف لكي يقوم بتحميله (تفيد لمشاركة الملفات في المواقع والمدونات).
الوصول للملفات من علي الهاتف المحمول: اذا كنت من مستخدمي الآي فون فأيضاً يمكنك استخدم الخدمة من عليه وتقوم بربط الملفات التي علي هاتفك المحمول بحاسبك الشخصي.

هناك 3 خطط للخدمة:

- الأولى وهي مجانية وتعطيك مساحة 2 جيجا ويمكنك زيادة المساحة حتى 10 جيجا من خلال دعوة اصدقائك لتجربة الخدمة.
- الثانية وهي مساحة 50 جيجا مقابل $9.99 في الشهر او $99 في السنة.
- الثالثة وهي مساحة 100 جيجا مقابل $19.99 في الشهر او $199 في السنة.

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

jQuery Plugin: Character Count Like Twitter

2010-04-10T04:45:00.001-07:00

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

اضافتنا هذه والخاصة بالـ jQuery تقوم بنفس العمل .. فهي تقوم بحساب عدد الحروف التي تقوم بكتابتها داخل الـ input او الـ textarea وإظهار تحذير في حال اقتراب انتهاء عدد المسموح بها او إذا انتهت عدد الحروف المسموح بها

هذه الاضافة من برمجة Alen Grakalic وقد قمت بتطويرها حتى تعمل بشكل أفضل ومشابه أكثر لمثيلتها في تويتر .. ما يميز هذه الإضافة عن غيرها من طرق حساب عدد الحروف هي انها لا تحتاج ان تكتب الكثير من الإكواد؛ فقط هو تعريف الحقل وإضافة كود ادراج اللإضافة.

JavaScript

HTML

Css

.counter {
font-size: 20px;
font-weight: bold;
color: #ccc;
}
.warning {
color: #600;
}
.exceeded {
color: #e00;
}