Apr 192014
 

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

الخطوة صفر:

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

من السيناريو السابق؛ الغرض هو توفير مصدر دخل، والفكرة الرئيسية هي التسويق الإلكتروني

Continue reading »

Aug 072013
 

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

ما قبل البدأ: مكتبة jQuery:

مكتبة jQuery عبارة عن مكتبة مبنية على JavaScript لتسهل على المستخدم الوصول لعديد من دوال اللغة الرئيسية بشكل سلس.

مكتبة jQuery تتكون من ملف واحد فقط ويمكنك تنزيله من موقعها الرسمي. بالنسبة للاستخدام فكل ما عليك هو ربطها بالصفحة والطريقة هي بوضع التالي بين وسمي head في الصفحة:

<script type="text/javascript" src="jquery.js"></script>

أي أن “jquery.js” عبارة عن اسم الملف ومساره. للتعامل مع الأحداث في jQuery نستخدم هذه الطريقة:

$(handler).click();

أي أن “handler” يقصد بها المقبض أو الجزء المسبب للحدث في الصفحة. و click هي نوع الحدث (عند الضغط) ويمكن أن تكون هناك دالة داخل الحدث. بالعودة للمقبض، هناك أكثر من طريقة لتحديد المقبض؛ منهم استخدام id الجزء المراد استخدامه مسبوقًا بـ# ، مثالًا:

<button id="test" name="test">click me</button>
<script type="text/javascript">
$('#test').click(function(){
    alert("مرحبًا");
});
</script>

طريقة أخرى وهي باستخدام الاسم، لكن في هذه الحالة يجب تحديد نوع العنصر، مثالًا إن كان حقل فتسبقه input وإن كان صندوق نص فـ textarea تسبق اسم العنصر، وهنا مثال مبني على المثال الذي سبق أعلاه:

<button id="test" name="test">click me</button>
<script type="text/javascript">
$('button[name=test]').click(function(){
    alert("مرحبًا");
});
</script>

هناك طرق أخرى لكن ما سبق يفي بالغرض لعنوان الدرس. بالنسبة للأحداث فهي عديدة منها: submit, blur, focus and change

الجزء الأول من الدرس: إنشاء النموذج: Continue reading »

May 312013
 

بعد انقطاع طويل ها هي عودة جديدة لمواصلة المشوار، قد يكون الوقت محاكي لـ ” تجري الرياح بما لا تشتهي السفن ” لكن طالما هناك متسع فإن المسيرة مستمرة في طرح الدروس هنا بإذن الله.

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

Continue reading »

Sep 162012
 

بالرغم من أن الأسبوع لم يمر على آخر تواجد في أوروبا؛ كل مساء الذاكرة تشحن الشوق لتلك التجربة..

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

Continue reading »