مشكلة إضافة jQuery Live Tweet

بسم الله والحمدلله والصلاة والسلام على سيدنا رسول الله و على آله و صحبه ومن والاه بإحسان إلى يوم الدين.

jQuery Live Tweet  هي إضافة رائعة للجيكويري jQuery تقوم بعرض عدد من التغريدات من حساب أي مستخدم في تويتر.

وتوفر توفر عدة خيارات منها :

  •  اسم المستخدم .
  • عدد التغريدات .
  • قالب العنصر ( كيفية عرض التغريدة المفردة ) .
  • لغة العرض.
  • وأخرى..!

استخدامها بسيط حيث تقوم بتضمين مكتبة الجيكويري و تضمين مكتبة إضافة الـ jQuery Live Tweet حيث #tweets_container هو العنصر من الصفحة الذي يحوي قائمة التغريدات للمستخدم المطلوب ( jabanalab على سبيل المثال ) :

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript" src="jquery.livetweet.js"></script>
<script type="text/javascript">// <![CDATA[
$(document).ready(function() {
   $('#tweets_container').livetweet(
{     
'username' : 'jabanalab'   
}); 

});
// ]]>
</script>

وكود الـ HTML

<body>
  <div id="tweets_container"></div>
</body>

الصورة التالية توضح نتيجة الإضافة مع قليل من التعديل في css :
نموذج لاستخدام الإضافة

ولكن ما هي المشكلة!
المشكلة هي أنه باستخدام الإضافة بحالتها الراهنة فإنها سوف ترجع بالخطأ “404 المحتوى غير موجود” !
السبب هو أن المطورين في تويتر قامو بتغيير API (وترمز إلى : واجهة برمجة التطبيقات Application programming interface ) والتي تمكّننا من الوصول لتغريدات المستخدم.

حل المشكلة :
سنقوم بتغيير السطر 72 في ملف jquery.livetweet.js ليوافق الـ API الجديدة من :

  url : 'http://api.twitter.com/status/user_timeline/'+settings.username+'.json?count='+settings.limit+'&include_rts=1&callback=?',

إلى

  url : 'http://api.twitter.com/1/statuses/user_timeline/'+settings.username+'.json?count='+settings.limit+'&include_rts=1&callback=?',


تنزيل المثال

#
وصلى اللهم و سلم وبارك على سيدنا محمد والحمدلله رب العالمين

تصميم قالب ووردبريس – الجزء 2 – التخطيط

بسم الله والحمدلله و الصلاة والسلام على سيدنا رسول الله صلى الله عليه و على آله و صحبه و سلم .

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

 

المراحل المحتملة لتصميم واجهة موقع للويب :

لا توجد طريقة واحدة يعمل بها مصممو الويب ولا توجد خطوات ثابته مُتّبعة. أنت تعمل بالطريقة التي تُمكِّنك من تقديم جودة عالية في أقل وقت ممكن و بأقل تكاليف.

 

ولأننا لن نقوم بالخطوة الأولى ، أردت أن أعرض نموذجا لعملية Sketching  لموقع.

مثال لسكيتش Sketch :

 

الصورة مأخوذة  من   markotaali

 

Moqups !

 

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

(!) رغم أن هذه الأداة تسمى Moqups و هي أقرب إلى Mockup فإني أعتبرها أداة للـ Wireframing . لا أريد أن يلتبس عليك الأمر!

 

واجهة الموقع:

 

moqups_home

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

الجزء العلوي :
يحوي عدد من ادوات التحكم في منطقة العمل (الصفحات ، قياسات منطقة العمل ، ترتيب العناصر عموديا..الخ) و خصائص الحساب الشخصي .

الجزء الكبير في المنتصف:
من الواضح أن هذه هي منطقة العمل!

الجزء الأيسر :
يحوي العناصر التي من خلالها يتم بناء التخطيط. و تعمل بطريقة السحب والإسقاط Drag n Drop ، حيث يقوم المستخدم بسحب العنصر من القائمة اليسرى إلى منطقة العمل.

الآن إلى العمل!!..قمت بإعداد تخطيط سريع مبسط لموقع يتكون من عمودين .

وكانت النتيجة! :

لا يبدو سيئا أليس كذلك؟! ستتضح المعالم الرئيسية وسيتم إضافة المزيد من التفاصيل في الجزئية المتعلقة بالـ Mockup باستخدام الفوتوشوب إن شاء الله..

 

الخاتمة :

إن خطوات تصميم المواقع تحتلف من شخص لآخر فهنالك من يسبق خطوة التصميم الأولي بعمل سكيتش sketch أو مسودّة سريعة للموقع على الورق. وهنالك من يبدأ في كتابة الكود مباشرة ويستخدم طريقة Rapid Prototyping حيث يكون التخطيط الأولي هو تصميم حي مبسط للموقع ( صفحة ويب  : HTML ،CSS و Javascript ) يتم إضافة المزيد من التفاصيل إليه لاحقا ليكون هو المنتج النهائي ،  وهنالك الكثير من الأدوات المستخدمة في هذا النوع ولكن أشهرها TwitterBootstrap ، Foundation وربما Gumby .

الأدوات السابقة ليست فقط من أجل Rapid Prototyping و لكن يمكن ايضا استخدامها مع التخطيط المفصّل ( Mockup ) حيث يوفر بعضها ملفات جاهزة تحوي خطوط إرشادية و عناصر واجهة مستخدم جاهزة ( User Interface Elements) لرسم الموقع بالفوتوشوب أو بأي برنامج آخر حسب نوع الملف.

 

الفكرة من التصميم والتخطيط الأولي و المفصّل هو أن تضع المنتج النهائي نصب عينيك (Begin with end in mind) الشيء الذي يساعدك على المضي قدماً.

 

نواصل في الجزء إن شاء الله لنبدأ مرحلة التخطيط النهائي (Mockup) والذي يكون عادة باستخدام الفوتوشوب أو ما يوازيه من البرامج الأخرى التجارية مثل Fireworks أو Illustrator أو حتى المجانية مثل GIMP أو Inkscape والذي يجب تكون الصورة فيه قريبة من التصميم الفعلي للموقع بنسبة كبيرة +95%.

و صلى اللهم وسلم وبارك على سيدنا محمد وعلى آله آله وصحبه و سلم والحمدلله رب العالمين.

تصميم قالب ووردبريس – الجزء 1 – الأدوات

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

 

الأجزاء :

  1. الجزء 1 – الأدوات.
  2. الجزء 2 – تخطيط الموقع.
  3. الجزء 3 – رسم الموقع على Photoshop / Gimp .
  4. الجزء 4 – تحويل التصميم لـ HTML/CSS .
  5. الجزء 5 – الجافاسكريبت .
  6. الجزء 7 – تحويل HTML/CSS لقالب ووردبريس.

الأدوات المطلوبة :

برنامج التخطيط :

خدمة Moqups المجانية (تطبيق ويب Web based application) .

يوفر لك إمكانية عمل تخطيط سريع للمواقع (wireframe) ويدعم تعدد الصفحات ورفع صورك الخاصة و العديد من المزايا الأخرى.

رابط الموقع

 

برنامج الرسم وتحرير الصور :

برنامج الفوتوشوب Adobe Photoshop CS5 ME أو CS6 .

ربما يفضل البعض البرامج مفتوحة المصدر مثل  Gimp أو Inkscape  !

 

برنامج لتحرير النصوص Text-Editor :

أي محرر نصوص موجّه للبرمجة سيفي بالغرض عموما يفضل استخدام Notepad Plus Plus.

يمكنكم تنزيله من الموقع الرسمي

المتصفح:

متصفح قوقل كروم Google Chrome أي إصدارة و لكن يفضّل الإصدارة 20 فما فوق. أو فايرفوكس Firefox . إذا كنت من محبي السفاري Safari فبإمكانك استخدامه الإصدارة 5 فما فوق.

 

الخادم (السيرفر) :

سيرفر xampp الشهير . يمكنكم تنزيله من صفحة المشروع في سورسفورج sourceforge .

بالإمكان تنزيل محرر النصوص والمتصفحات وبرامج الرسم من موقع Ninite وقد كنا تحدثنا عن هذا الموقع في تدوينة سابقة  بهذا نكون قد قمنا بالاستعداد للبدء بالعمل! نواصل في وقت لاحق إن شاء الله.

وصلى اللهم وسلم وبارك على سيدنا محمد وعلى آله وصحبه وسلم والحمدلله رب العالمين

أسهل طريقة للحصول على البرامج الأساسية لحاسوبك!

بسم الله والحمدلله والصلاة والسلام على سيدنا رسول الله -صلى الله عليه وسلم- وعلى آله و صحبه و من والاه.

هناك الكثير من المواقع التي توفر للزوار إمكانية تنزيل تشكيلة واسعة من البرامج ، ولكن الموقع التالي يوفر لك خدمة التنزيل والتنصيب في آن واحد!

Ninite :

نصحني به المهندس زهير شرف الدين قبل أكثر من سنة و ها أنا ذا لا يمر أمامي جهاز جديد إلا وأستخدم الخدمة الرائعة التي يوفرها هذا الموقع. حيث يمنحك قائمة من البرامج الأساسية لكل جهاز حاسب من متصفحات ، برامج تحرير صور ، تحرير صوت ، مضادات فيروسات ، والكثير. بعد اختيارك للبرامج التي تحتاجها يقوم الموقع بتنزيل ملف صغير الحجم (لا يتجاوز 300 كيلوبايت) إلى جهازك حيث  يقوم بتنزيل و تنصيب كافة البرامج التي قمت باختيارها بشكل تلقائي!. تابع الصور:

اختيار البرامج المطلوبة
كيفية اختيار البرامج المطلوبة

 

ثم الحصول على البرنامج :

 

الحصول على برنامج التنصيب التلقائي.
الحصول على برنامج التنصيب التلقائي.

 

قائمة البرامج التي تم اختيارها
قائمة البرامج التي تم اختيارها

 

الخطوة الأخيرة :

الخطوة الأخيرة.. بإمكانك الآن الاستمتاع بكوب من القهوة ريثما تنتهي عملية التنزيل والتنصيب
الخطوة الأخيرة.. بإمكانك الآن الاستمتاع بكوب من القهوة ريثما تنتهي عملية التنزيل والتنصيب

 

الجدير بالذكر أن الموقع يقدم نفس الخدمة لمستخدمي نظام التشغيل اللينكس ( عذراً مستخدمي الماك! 😉 ) كما يوفر صندوق لاقتراح برامج جديدة وخصائص أخرى للبرنامج ( ليست مجانية! ) منها العمل عبر الشبكة والتنصيب بدون اتصال وأخرى .

تنزيلاً سعيداً!

وصلى اللهم وسلم وبارك على سيدنا محمد وعلى آله وصحبه و سلم والحمدلله رب العالمين.

 

البي أتش بي من الصفر: الدرس الرابع إتخاذ القرار

البي أتش بي من الصفر الدرس الرابع إتخاذ القرار

بسم الله والصلاة والسلام على رسول الله.

 

هذا الدرس جزء من سلسلة البي أتش بي من الصفر:

 

نبدأ اليوم الدرس الرابع من سلسلة تعلم البي أتش بي من الصفر

أقسام الدرس:

  • الجملة الشرطية IF.
  • الجملة الشرطية IF…ELSE.
  • SWITCH.
  • عمليات المقارنة.
  • العمليات المنطقية.

الجملة الشرطية IF:

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

<?php
if (condition is true)
execute this code
?>

في المثال التالي سنقوم بطباعة عبارة “I NEED COFFEE” إذا كان المتغير $X والذي يحمل القيمة 3 يساوي 3 فعلا!!:

<?php
$x = 3;
if($x == 3)
echo 'I NEED COFFEE';

if($x == 2)
echo 'I DONT NEED COFFEE';
?>

قم بتنفيذ الكود السابق وسيقوم بطباعة العبارة “I NEED COFFEE” ولن يقوم بطباعة العبارة التالية “I DON’T NEED COFFEE” نسبة لتحقق الشرط الأول وعدم تحقق الشرط الثاني.
لاحظ في الكود السابق عملية المقارنة تمت بإستخدام علامتين “=” وهذا ما يستخدم في المقارنة أما علامة “=” واحدة فتستخدم في الإسناد. في الكود السابق قمنا بتنفيذ تعليمة برمجية واحدة فقط عندما نريد أن نقوم بتنفيذ أكثر من عملية برمجية يجب علينا أن نضع الكود بداخل القوسين “{ }” لأن الجملة الشرطية IF تقوم بتنفيذ أول عملية برمجية بعدها مباشرة فقط. مثال:

<?php
$x = 8;
if($x == 8)
{
echo '$x = '.$x;
$x = 4;
}

if($x == 4)
{
echo '$x = '.$x;
}
?>

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

الجملة الشرطية IF…ELSE:

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

<?php
$x = 3;
if($x == 3)
{
echo 'I NEED COFFEE';
}
else
{
echo 'I DONT NEED COFFEE';
}
?>

في حالة كان المتغير $x يساوي 3 سيتم طباعة العبارة “I NEED COFFEE” وفي حالة لم يساوي 3 سيتم طباعة “I DON’T NEED COFFEE”.
طبعا يمكننا القيام بكتابة الجمل الشرطية داخل بعضها البعض لتنفيذ مجموعة من التعليمات البرمجية المختلفة بناء على تحقق أو عدم تحقق مجموعة من الشروط المختلفة، وتكون الصيغة بصورة عامة كالآتي:

<?php
if (condition)
{
//في حالة أن الشرط صحيح قم بتنفيذ هذا الكود
}
else
if (condition)
{
// في حالة أن الشرط الأول غير صحيح والشرط الثاني صحيح قم بتنفيذ هذا الكود
}
else
{
// في حالة أن الشرط الأول غير صحيح والشرط الثاني غير صحيح قم بتنفيذ هذ الكود.
}
?>

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

<html>
<body>
<?php
$d=date("D");
if ($d=="Fri")
{
echo "Have a nice weekend!";
}
elseif ($d=="Sun")
{
echo "Have a nice Sunday!";
}
else
{
echo "Have a nice day!";
}
?>
</body>
</html>

في المثال السابق إستخدمنا الدالة date وهي دالة للتعامل مع التاريخ والوقت. قمنا بإستخدامها لجلب اليوم ومن ثم مقارنة اليوم في الشرط

SWITCH:

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

<?php
switch (n)
{
case value1:
//الكود المراد تنفيذه في حالة القيمة الآولى
break;

case value2:
//الكود المراد تنفيذه في حالة القيمة الثانية
break:

case value3:
//الكود المراد تنفيذه في حالة القيمة الثالثة
break:

default:
//الكود المراد تنفيذه في حالة عدم مطابقة التعبير أعلاه لأي من القيم
}
?>

يتم في العبارة switch تنفيذ أحد الأكواد التابعة لها “case” بناء على قيمة المتغير أو التعبير البرمجي الموضوع أعلاه في هذه الحالة “n”. حيث يتم أخذ قيمة “n” ومقارنتها بالقيم الموجودة (value1, value2, value3) وفي حالة مطابقة إحدى القيم للقيمة “n” يتم تنفيذ الكود البرمجي التابع لها ويبدأ الكود من بعد الكلمة case وحتى الكلمة break والتي تمنع إستمرار تنفيذ الكود الموجود في الجزء التالي. وفي حالة لم يتم إيجاد قيمة مشابهه يتم تنفيذ الجزء الأخير من الكود “default” وهو جزء إختياري يمكن وضعه أو تجاهله حسب متطلباتك الخاصة. مثال:

<html>
 <body>
 <?php
 $x=1;
 switch ($x)
 {
 case 1:
echo "Number 1";
break;
 case 2:
echo "Number 2";
break;
 case 3:
echo "Number 3";
break;
 default:
echo "No number between 1 and 3";
 }
 ?>
 </body>
 </html>

 

عمليات المقارنة:

تسمح لك عمليات المقارنة بمقارنة قيمتين، وغالبا ما نستخدم عمليات المقارنة في بناء الشروط التي تستخدم في الجمل الشرطية. في مثال الجملة الشرطية IF إستخدمنا عملية المقارنة == لمقارنة قيمة المتغير $x والرقم 3 ومعرفة هل يتساويان أم لا. فيما يلي جدول بكل عمليات المقارنة:

العملية الإسم الوصف مثال
س == ص يساوي تقوم بإرجاع TRUE في حالة كانت س تساوي ص 5==8 ترجع FALSE
س === ص تطابق تقوم بإرجاع قيمة TRUE في حالة كانت س تساوي ص وهما من نفس نوع البيانات 5===”5″ returns false
س != ص لا يساوي تقوم بإرجاع قيمة TRUE في حالة كانت س لا تساوي ص 5!=8 ترجع TRUE
س <> ص لا يساوي تقوم بإرجاع قيمة TRUE في حالة كانت س لا تساوي ص 5<>8 ترجع TRUE
س !== ص غير متطابق تقوم بإرجاع قيمة TRUE في حالة أن س لا تساوي ص أو أنهما ليسا من نفس نوع البيانات 5!==”5″ ترجع TRUE
س > ص أكبر من تقوم بإرجاع قيمة TRUE في حالة كانت س أكبر من ص 5>8 ترجع FALSE
س < ص أصغر من تقوم بإرجاع قيمة TRUE في حالة كانت س أصغر من ص 5<8 ترجع TRUE
س >= ص أكبر من أو يساوي تقوم بإرجاع قيمة TRUE إذا كانت س أكبر من أو تساوي ص 5>=8 ترجع FALSE
س <= ص أصغر من أو يساوي تقوم بإرجاع قيمة TRUE إذا كانت س أصغر من أو تساوي ص 5<=8 ترجع TRUE

 

العمليات المنطقية:

تستخدم العمليات المنطقية للربط بين الشروط المختلفة في الجمل الشرطية. فيما يلي جدول بالعمليات المنطقية مصحوب بالأمثلة:

العملية الإسم الوصف مثال
س and ص
أو
x && y
And, و ترجع القيمة TRUE في حالة أن الشرط الأول والشرط الثاني كلاهما TRUE x=6, y=3
(x < 10 and y > 1)
(x < 10 && y > 1)
ترجع true
س or ص
أو
x || y
Or, أو ترجع القيمة TRUE في حالة أن كلا الشرطين أو أحدهما TRUE x=6, y=3
(x==6 or y==5)
(x==6 || y==5)
ترجع true
س xor ص Xor, نفي أو ترجع القيمة TRUE في حالة أن أحد الشرطين TRUE ولكن ليس كلاهما x=6, y=3
(x==6 xor y==3) ترجع false
! س Not, النفي ترجع القيمة TRUE في حالة أن الشرط أرجع القيمة FALSE x=6, y=3
!(x==y) ترجع true

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

كيف تكشف عن تقنيات مواقع الويب؟

بسم الله والحمدلله والصلاة والسلام على سيدنا رسول الله – صلى الله عليه و سلم – و آله و صحبه أجمعين .

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

أولا / الإضافات :

 

Wappalyzer

wappalyzer
إضافة لمتصفح فايرفوكس Firefox تظهر لك في شريط العنوان أعلى الصفحة أيقونات للغات البرمجة ، أنظمة إدارة المحتوى (CMS) خوادم الويب (Web Servers) ، مكتبات الجافاسكريبت المشهورة والكثير من التقنيات المستخدمة الموقع المفتوح في متصفحك.
الجدير بالذكر أن الإضافة متوفرة أيضاً بإصدارة تجريبية (Beta) لمتصفح قوقل كروم ولكنها أقل كفاءة من تلك الموجودة في فايرفوكس.
من خلال التجربة وجدت نسبة خطأ لا بأس بها في هذه الإضافة من حيث تحليل التقنيات المستخدمة.


 

Chrome Sniffer


 

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


ثانياً / المواقع :

  

Underthesite


 

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


 

Builtwith


 

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

ختاما نتمنى أن تكونوا قد أفدتم من هذه النظرة السريعة. دمتم بود.

 

 

وصلى اللهم وسلم وبارك على سيدنا محمد – صلى الله عليه و سلم – وعلى آله و صحبه و سلم والحمدلله رب العالمين

البي أتش بي من الصفر: الدرس الثالث

البي أتش بي من الصفر الدرس الثالث المتغيرات الثوابت العمليات

بسم الله والصلاة والسلام على رسول الله.

 

هذا الدرس جزء من سلسلة البي أتش بي من الصفر:

 

نبدأ اليوم الدرس الثالث في سلسلة البي أتش بي من الصفر.
أقسام الدرس:

  • المتغيرات.
  • الثوابت.
  • العمليات الحسابية.
  • عمليات الإسناد.
  • عمليات الزيادة والنقصان بواحد.

 

المتغيرات:

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

س = 3.

ص = س+5.

في هذه العملية الرياضية لدينا المعطيات س وتحمل القيمة 3،  والعملية الرياضية أن الحرف ص يساوي ناتج جمع المعطى س والرقم 5. عليه تكون قيمة ص تساوي 8.

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

هناك عدة شروط لتسمية المتغيرات:

  • يبدأ إسم المتغير في لغة البي أتش بي بعلامة الدولار “$” ومن ثم يليها إسم المتغير.
  • يجب أن يبدأ إسم المتغير بحرف أو علامة “_”.
  • لا يحتوي إسم المتغير إلا على التالي (أحرف، أرقام و علامة “_”).
  • لا يمكن أن يحتوي إسم المتغير على مسافة.
  • وأخير المعلومة التي ذكرت في الدرس الثاني أن إسم المتغير حساس لحالة الأحرف.

لنقم الآن بتعريف عدد من المتغيرات:

<?php
$var1=12;
$var2=2.7
$var3='a';
$var4='variable';
?>

قم بإنشاء مجلد بإسم lesson3 في مجلد htdocs وداخل المجلد أنشئ ملف variables.php وقم بنسخ ولصق الكود السابق. وللتنفيذ يمكنك التوجه للرابط:
http://localhost/lesson1/variables.php

حسنا لقد قمنا بتعريف أربعة متغيرات وأسندنا إليها قيم مختلفة. فالمتغير الأول يحمل العدد 12، والمتغير الثاني يحمل رقم بفاصلة عشرية 2.7، أما المتغير الثالث فيحتوي على الحرف a، والمتغير الأخير يحمل قيمة نصية variable. لاحظ أننا قمنا بوضع فاصلة منقوطة بنهاية كل تعريف لمتغير لنفصل بين التعليمات البرمجية المختلفة كما ذكرنا في الدرس السابق. في المتغير الثالث والرابع قمنا بوضع قيمة المتغير بين ‘ ‘ وهي تستخدم في القيم النصية أي في حالة إسناد الأحرف أو الكلمات والعبارات.

ربما قد لاحظت أننا لم نقوم بتحديد نوع المتغيرات عندما قمنا بإسناد قيم لها على الرغم من إختلاف أنواع القيم المسندة، وهذا نسبة لأن البي أتش بي “Loosely Typed Language” وهي اللغات التي لا تحتاج لتعريف نوع المتغير قبل إسناد قيمة إليه، على عكس “Strongly Typed Language” مثل الجافا والسي شارب والتي تشترط تعريف نوع المتغير. ففي البي أتش بي يتم تعريف المتغيرات عندما تقوم بإسناد قيمة لها، وعندها تقوم لغة البي أتش بي بصورة تلقائية بتحديد نوع القيمة المسندة للمتغير وتغير نوع المتغير إلى النوع الصحيح.

إسناد القيم للمتغيرات في لغة البي أتش بي دائما يتم بما يسمى الإسناد بالقيمة وهو يعني عند إسناد قيمة لمتغير فإن كامل القيمة يتم وضعها في المتغير وتصبح قيمة قائمة بذاتها فإذا قمنا بتعريف متغير ووضع قيمة 3 فيه، ومن ثم قمنا بتعريف متغير آخر وقمنا بوضع المتغير الأول في المتغير الثاني فإن المتغير الثاني يصبح يحمل نفس قيمة المتغير الأول ولكن ليس له علاقة بالمتغير الأول وعليه إذا قمنا بتغير قيمة المتغير الأول فلن يتأثر المتغير الثاني. النوع الثاني من الإسناد والذي تتيحه لغة البي أتش بي هو ما يسمى الإسناد بالإشارة وهنا عند إسناد المتغير الأول بالإشارة للمتغير الثاني فإنه عندما نقوم بتغير قيمة المتغير الأول تتغير تلقائيا قيمة المتغير الثاني وبالعكس وهذا لأنه عند الإسناد بالإشارة يقوم المتغير بعمل مؤشر للقيمة الخاصة بالمتغير الأول فقط ولا يملك فيمة خاصة به أي أنهما يتشاركان نفس القيمة فعليا فإذا قام أحدهما بالتغير عليها يظهر التغير في المتغير الآخر أيضا. لإستخدام الإسناد بالإشارة نسبق المتغير الأول بعلامة “&” عند الإسناد، ملحوظة مهمة الإسناد بالإشارة يستخدم فقط عند إسناد متغير لمتغير وليس قيمة لمتغير. إليك المثال التالي:

<?php

//الإسناد بالقيمة
echo 'الإسناد بالقيمة<br/>';

$var1 = 3;
$var2 = $var1;

//طباعة قيمة المتغيرين قبل تغير قيمة الأول
echo '$var1 = '.$var1.'<br/>';
echo '$var2 = '.$var2.'<br/>';

//تغير قيمة المتغير الأول
$var1 = 55;

//طباعة قيمتهما بعد تغير قيمة المتغير الأول
echo '$var1 = '.$var1.'<br/>';
echo '$var2 = '.$var2.'<br/>';

//الإسناد بالإشارة
echo '<br/><br/>الإسناد بالإشارة<br/>';

$var3 = 6;
$var4 = &amp;$var3;

//طباعة قيمة المتغيرين قبل تغير قيمة المتغير الثاني
echo '$var3 = '.$var3.'<br/>';
echo '$var4 = '.$var4.'<br/>';

//تغير قيمة المتغير الثاني
$var4 = 77;

//طباعة قيمتهما بعد تغير قيمة المتغير الثاني
echo '$var3 = '.$var3.'<br/>';
echo '$var4 = '.$var4.'<br/>';

?>

قم بفتح الملف variables.php ونسخ ولصق الكود في النهاية للتجريب.

توجد دالة مفيدة وتستخدم في المتغيرات وهي دالة isset بصورة مبسطة تستخدم لمعرفة إذا كان المتغير قد تم تعريفه أم لا وتقوم بإرجاع قيمة TRUE في حالة التعريف وقيمة FALSE في حالة عدم وجود المتغير. تستخدم كالتالي:

<?php
$x = 5;
isset($x);
?>

نطاق المتغيرات:

عند تعريف متغير يكون عنده نطاق معين يمكن إستخدامه فيه، وخارج نطاقه يكون المتغير وكأنه لم يعرف من قبل وهذه النطاقات هي:

  • محلي
  • عالمي
  • ثابت
  • متغير

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

الثوابت:

الفرق الأساسي بين المتغير والثابت أن الثابت لا تتغير قيمته بعد إسناد قيمة له حتى إنتهاء تنفيذ الكود، وهذه بعض الفروقات الأخرى:

  • الثوابت لا تسبقها علامة “$”.
  • يتم تعريف الثوابت بإستخدام الدالة define فقط، وليس بالإسناد العادي كما في المتغيرات.
  • يمكن تعريف الثوابت فأي مكان داخل الكود من غير الإهتمام بقوانين نطاق المتغيرات.
  • لايمكن إعادة تعريف المتغيرات أو إلغاءها بعد تعريفها.
  • فقط أنواع البيانات الأساسية (boolean, integer, float and string) يجب أن توضع في الثوابت.

لنقم الآن بتعريف بعض الثوابت:

<?php

define('CONST_ONE', 2);

define('CONST_TOW', 10.345);

define('CONST_THREE', TRUE);

define('CONST_FOUR', 'this is a constant');

echo CONST_ONE.'<br/>';
echo CONST_TOW.'<br/>';
echo CONST_THREE.'<br/>';
echo CONST_FOUR.'<br/>';
?>

قم بإنشاء ملف constant.php داخل مجلد الدرس وقم بنسخ ولصق الكود السابق ومن ثم التنفيذ في المتصفح من خلال الرابط التالي:
http://localhost/lesson3/constant .php
يقوم الكود السابق بتعريف الثوابت ومن ثم طباعة قيمها على الشاشة. نلاحظ في الكود السابق أننا قمنا بتسمية الثوابت فقط بإستخدام الأحرف الكبيرة وهذا ليس شرط ولكن هذه هي الطريقة المثلى والمتعارف عليها.
ربما تتسائل ما هي الفائدة من الثوابت حيث أنها تقريبا تقوم بنفس عمل المتغيرات، وبل تتفوق عليها المتغيرات لأنها يمكن تغيير قيمها أثناء التنفيذ!! حسنا إليك فائدتين للثوابت:

  • إذا كان لديك قيمة ثابتة مثلا 232.67576578 وهي معدل تفاعل العنصر المشع س مع العنصر الخامل ص تحت ضغط جوي منخفض ودرجة حرارة الصفر المطلق (هذه مجرد مثال ربما يكون ما أقوله هنا خطأ!! :-)) وتريد أن تستخدم هذه القيمة الثابتة في برنامجك فمن الأفضل لك أن تقوم بتعريفها كثابت بإسم يدل عليها فيكون الكود أكثر وضوحا وتضمن أيضا عدم تغير قيمتها أثناء تنفيذ الكود.
  • عند العمل في المشاريع الجماعية يفضل إستخدام الثوابت للقيم التي لا تتغير، بأسماء واضحة حتى يفهم المبرمجين الآخرين أن هذا ثابت ويستخدم لكذا وكذا ولا يجب عليهم تغيره، وعندما يجدونه في الكود يعرفون معنى هذه القيمة هنا بدلا من وضع قيمة رقمية كالقيمة السابقة.

من الدوال المفيدة عند التعامل مع الثوابت الدلة defined والتي تقوم بإختبار هل الثابت موجود أم لا وهي تقوم بإرجاع قيمة TRUE  في حالة وجود ثابت بالإسم المحدد و FALSE في حالة عدم وجوده. الدالة الثانية هي الدالة get_defined_constants وهي تقوم بإرجاع مصفوفة (سنتناول المصفوفات فالدروس القادمة الآن يمكنك التفكير فيها على أن الدالة تقوم بإرجاع قائمة) بكل الثوابت التي تم تعريفها في الكود.

<?php

if(defined('CONST_ONE')){

echo 'الثابت معرف';

}

print_r(get_defined_constants());

?>

قم بنسخ الكود ولصقه في آخر الملف constant.php السابق. عند التنفيذ مرة أخرى بالإضافة إلى المخرجات السابقة يجب أن نرى الآن جملة “الثابت معرف” ونص كبير غريب قد ظهر على الشاشة يحتوى هذا النص على كل الثوابت المعرفة لحظة تنفيذ الكود سواء من قبلنا أو ثوابت قامت البي أتش بي بتعريفها. في الكود السابق إستخدمنا الجملة الشرطية if وسنقوم بشرحها في الدرس القادم إن شاء الله لكن بصورة مبسطة هي تقوم بعمل إختبار لقيمة أو معادلة فإذا كان ناتج القيمة أو المعادلة true تقوم بتنفيذ الكود الذي يليها والموضوع داخل القوسين {} وإذا كان ناتج القيمة أو المعادلة false لا تقوم بتنفيذ هذا الكود في حالتنا هذه قمنا بعمل إختبار للتحقق من وجود الثابت وعندما قامت الدالة بإرجاع القيمة true إلى الجملة الشرطية قامت مباشرة بتنفيذ الكود. الدالة الأخرى print_r بصورة مبسطة تقوم بطباعة المتغيرات بصورة مقروءة للإنسان.

 

العمليات الحسابية:

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

فيما يلي جدول يوضح العمليات الحسابية:

العملية الإسم الوصف مثال النتيجة
س + ص الجمع حاصل جمع س و ص 2 + 2 4
س – ص الطرح الفرق بين س و ص 5 – 2 3
س * ص الضرب حاصل ضرب س في ص 5 * 2 10
س / ص القسمة حاصل قسمة س على ص 15 / 5 3
س % ص باقي القسمة باقي قسمة س على ص 5 % 2
10 % 8
10 % 2
1
2
0
س . ص الوصل تقوم بوصل أو لصق نصين مع بعضهما “مر” . “حبا” مرحبا

 

عمليات الإسناد:

هي عملية إسناد التعبير البرمجي يمين علامة “=” إلى التعبير البرمجي يسار علامة “=” كما هو موضح بالأمثلة السابقة. بدمج علامة “=” مع العمليات الرياضية نحصل على عمليات إسناد أخرى مختصرة كما بالجدول التالي:

الإسناد يوازي الوصف
س = ص س = ص الطرف الأيسر يحصل على نفس قيمة الطرف الأيمن
س += ص س = س + ص الجمع
س -= ص س = س – ص الطرح
س *= ص س = س * ص الضرب
س /= ص س = س / ص القسمة
س %= ص س = س % ص باقي القسمة
س .= ص س = س.ص وصل أو لصق نصين مع بعضهما

 

عمليات الزيادة والنقصان بواحد:

هي إختصار للعملية س= س +1 أو س = س – 1. الجدول التالي يوضح:

العملية الوصف
++س زيادة بواحد قبل الإسناد
س++ زيادة بواحد بعد الإسناد
– -س نقص بواحد قبل الإسناد
س- – نقص بواحد بعد الإسناد

مثال لشرح الزيادة والنقصان بواحد:

<?php
//مثال على الزيادة بواحد بعد الإسناد
$x = 6;
$y = $x++;

echo '$x = '.$x.'
';
echo '$y = '.$y.'
';
/* لاحظ أنه تم إسناد القيمة القديمة أولا ومن ثم تم زيادة قيمة المتغير وعليه
$x = 7
$y = 6
*/

//مثال على الزيادة بواحد قبل الإسناد
$w = 3;
$z = ++$w;

echo '$w = '.$w.'
';
echo '$z = '.$z.'
';
/* لاحظ أنه تم زيادة قيمة المتغير أولا ومن ثم إسناد القيمة الجديدة وعليه
$w = 4
$z = 4
*/

//نفس المفهوم يطبق على عملية الطرح

?>

قم بإنشاء ملف جديد داخل مجلد الدرس بإسم incdec.php وقم بنسخ ولصق الكود السابق للتجربة.

 

بهذا نكون وصلنا إلى نهاية هذا الدرس ترقبو الدرس القادم بإذن الله

البي أتش بي من الصفر: الدرس الثاني مرحبا بالعالم

البي أتش بي من الصفر: الدرس الثاني مرحبا بالعالم

بسم الله والصلاة والسلام على رسول الله عليه أفضل الصلاة وأتم التسليم.

 

هذا الدرس جزء من سلسلة البي أتش بي من الصفر:

 

نبدأ اليوم الدرس الثاني في سلسلة البي أتش بي من الصفر.
أقسام الدرس:

  • البداية.
  • التعليقات في لغة البي أتش بي.
  • هل لغة البي أتش بي حساسة لحالة الأحرف؟

البداية:

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

<?php 

?>

يحتوي كل ملف بي أتش بي في العادة على كود أتش تي أم أل بالإضافة لكود بي أتش بي، فيما يلي مثال على كود بي أتش بي يقوم بإرسال عبارة “مرحبا بالعالم” إلى المتصفح:

<html>
<body>
<?php
echo "مرحبا بالعالم";
?>
</body>
</html>

قم بإنشاء مجلد بإسم lesson1 في مجلد htdocs الموجود داخل مجلد السيرفر xampp والذي قمنا بتنصيبه في الدرس السابق، داخل هذا المجلد أنشىء ملف بالإسم التالي helloworld.php وقم بنسخ ولصق الكود السابق. ومن ثم لتنفيذ الكود السابق إذهب إلى العنوان التالي:
http://localhost/lesson1/helloworld.php

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

<html>
<body>
مرحبا بالعالم
</body>
</html>

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

 

التعليقات في لغة البي أتش بي:

في كل لغة برمجية يمكنك كتابة تعليقات تساعدك على توضيح بعض أجزاء الكود سواء لنفسك أو لأي مبرمج سيطلع على كودك وربما يقوم بالتعديل أو الإضافة عليه، وكتابة التعليقات تعتبر من أهم المهارات التي يجب أن يتعلمها المبرمج. فيما يلي سنقوم بإستعراض كيفية كتابة التعليقات في لغة البي أتش بي.
توجد طريقتين لكتابة التعليقات في لغة البي أتش بي:

أولا التعليقات التي تكتب في سطر واحد: يمكنك إستخدام العلامة “//” إذا كان التعليق سيكتب في سطر واحد فقط مثلا:

<html>
<body>
<?php
//هذا تعليق: يطبع السطر التالي عبارة مرحبا بالعالم.
echo "مرحبا بالعالم";
?>
</body>
</html>

ثانيا التعليقات التي تكتب في أكثر من سطر واحد: يتم في هذه الحالة كتابة التعليق بين هاتين العلامتين “/*” و “*/” مثلا:

<html>
<body>
<?php
/*
هذا التعليق سيكتب في أكثر من سطر
يطبع السطر التالي عبارة
مرحبا بالعالم
*/
echo "مرحبا بالعالم";
?>
</body>
</html>

 

هل البي أتش بي حساسة لحالة الأحرف؟

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

  • أسماء المتغيرات
  • أسماء الثوابت

أهم الأجزاء الغير حساسة لحالة الأحرف:

  • أسماء الدوال
  • الكلمات المفتاحية أو الكلمات المحجوزة بواسطة لغة البي أتش بي مثل (IF, WhIle, truE…).

 

بهذا نكون وصلنا إلى آخر هذا الدرس ترقبو الدرس القادم إن شاء الله.

البي أتش بي من الصفر: الدرس الأول نبذة ومقدمة

بي أتش بي من الصفر الدرس الأول نبذة ومقدمة

بسم الله والصلاة والسلام على رسول الله عليه أفضل الصلاة وأتم التسليم.

هذا الدرس جزء من سلسلة البي أتش بي من الصفر:

سنبدأ إن شاء الله سلسلة لتعلم البي أتش بي للراغبين في تعلم هذه اللغة، ونسأل الله أن ييسر لنا ويعيننا ويوفقنا على إيصال المعلومة.

أقسام الدرس:

  • ماهي بي أتش بي.
  • تاريخ تطور بي أتش بي.
  • تجهيز سيرفر محلي xampp.

 

ماهي بي أتش بي:

كانت PHP  سابقا إختصار لـ (Personal Home Page) أما الأن فأصبحت ترمز إلى (Hypertext preprocessor).

وقد صممت لغة البي أتش بي بواسطة راسموس ليدروف عام 1995، والآن يتم إصدارها من قبل مجموعة البي أتش بي (The php group) والتي تعتبر هي المرجع الأساسي للغة البي أتش بي. البي أتش بي هي لغة مجانية تصدر تحت رخصة بي أتش بي (PHP license) والتي لا تتوافق مع رخصة GPL للبرمجيات الحرة نسبة للقيود المفروضة على إستخدام المصطلح PHP.

وهي لغة برمجة نصية صممت من أجل إستخدامها لتطوير وبرمجة تطبيقات الويب لتقوم بإنشاء صفحات ويب ديناميكية. ولهذا السبب يتم دمج كود لغة البي أتش بي داخل كود HTML ويتم ترجمته بواسطة خادم ويب يحتوي على PHP Processor Module الذي يقوم بتوليد صفحة الويب. أيضا تطورت لغة البي أتش بي لتحتوي واجهة للأوامر النصية حيث يمكن تنفيذها من سطر أوامر ويندوز أو اللينوكس، كما يمكن إستخدامها في تطبيقات سطح المكتب مع واجهة رسومية. لغة البي أتش بي تعمل على معظم مخدمات الإنترنت مثل Apache و IIS وكما إنها تعمل كبرنامج قائم بذاته على معظم أنظمة التشغيل. وحسب تقرير أعد عام 2008 أن أكثر من 33% من المواقع على الشبكة العالمية تعمل بإستخدام البي أتش بي وحسب ما ذكر موقع ويكيبيديا أن أكثر من مليون خادم ويب يدعم البي أتش بي.

 

تاريخ تطور البي أتش بي:

PHP/FI: بدأ تطوير لغة بي أتش بي في العام 1994 عندما قام المبرمج راسموس ليدروف بكتابة مجموعة من التطبيقات بإستخدام لغة بيرل (PERL) أطلق عليها إسم (Personal Home Page Tools) للحفاظ على موقعه الشخصي. قامت التطبيقات بعمل بعض المهام مثل عرض سيرته الذاتية وتسجيل إحصائيات الزوار. وقام بالإعلان عن إصدار لغة البي أتش بي في اليوم الثامن من شهر يونيو من العام 1998.

PHP/FI2: في العام 1997 تم إطلاق الإصدار الثاني، حيث بلغ عدد مستخدميها آنذاك 50000 نطاق، وكان هناك مجموعة من الأشخاص الذين يشاركون في التطوير.

PHP3: في نفس العام 1997 قام زيف سوراسكي وآندي جتمانز بإعادة كتابة PHP/FI، وفي هذا الإصدار تم تغير إسم اللغة إلى PHP (بدون FI) وأصبح الإختصار PHP يرمز إلى (PHP Hypertext preprocessor). وتم إطلاق PHP3 في يونيو 1998.

PHP4: بعد إطلاق PHP3 بدأ زيف وآندي بإعادة كتابة أساس لغة البي أتش بي وأنتجو محرك زند(ZEND) والإسم مأخوذ من أوائل أسماء مطوريه. وتعتمد PHP4 على محرك زند، وتم الإعلان عنها في مايو من العام 2000.

PHP5: تم إطلاق PHP5 في شهر يوليو من العام 2004، وهي مبنية على محرك (ZEND Engine 2.0)، وهي آخر إصدارة تم إطلاقها في لغة البي أتش بي، وآخر نسخة مستقرة هي PHP 5.3.8.

 

تجهيز سيرفر محلي:

لتنفيذ كود البي أتش بي نحتاج لتنصيب سيرفر على جهاز الحاسوب يوجد العديد من السيرفرات المجانية على الشبكة العنكبوتية. سنقوم بتنصيب سيرفر xampp من موقع Apache Friends. أدخل إلى الرابط التالي xampp وحمل النسخة المتوافقة مع حاسوبك ونظام التشغيل الموجود عليه.

خطوات التنصيب:

عملية التنصيب على نظام تشغيل الويندوز سهلة وبسيطة أتبع الصور أدناه لتنصيب السيرفر:

أولا: قم بتشغيل ملف السيرفر الذي قمت بتحميله من الموقع وإضغط على Next.

شاشة التنصيب الأولى

 

ثانيا: قم بإنشاء أو تحديد مجلد لتنصيب السيرفر عليه.

شاشة إختيار مسار التنصيب

 

ثالثا: قم بإختيار الأول لعمل أيقونة على سطح المكتب، الخيار الثاني لعمل مجلد في قائمة إبدأ، في القسم الثالث والمسمى “SERVICE SECTION” قم بتحدبد الإختيار الأول والثاني لتنصيب سيرفر Apache وقاعدة بيانات MySQL كخدمات تبدأ مع تشغيل الويندوز تلقائيا.

شاشة خيارات التنصيب وإعدادات الخدمات

 

رابعا: إنتظر إنتهاء التنصيب.

شاشة تبين تقدم التنصيب

 

خامس: ظهور هذه الشاشة يعني أن التنصيب تم بنجاح.

شاشة إنتهاء التنصيب

 

سادسا: الشاشة القادمة تسمى “XAMPP Control Panel Application” ومن خلالها نتمكن من التحكم في سيرفر الأباتشي وقاعدة بيانات ماي أس كيو أل وكل الخدمات الأخرى بالتشغيل والإيقاف وخيار Admin الذي يمكننا من التحكم في الإعدادات الخاصة بكل خدمة. هناك خيار Explore وهذا يقوم بفتح المجلد الذي تم تنصيب السيرفر المحلي عليه.

شاشة تبين شكل وتفاصيل XAMPP Control Panel Application

 

المجلد htdocs وهو مجلد موجود داخل مجلد السيرفر، نقوم بوضع ملفات البي أتش بي فيه وتنفيذها في المتصفح.

شاشة توضح محتويات مجلد htdocs بعد التنصيب

 

بهذا نكون قد جهزنا سيرفر محلي لتنفيذ الدروس القادمة فيه إن شاء الله. بالنسبة للبرامج التي سنستخدمها لكتابة كود البي أتش بي فيمكننا إستخدام أي محرر نصوص عادي أو متقدم مثل notepad++ أويمكننا إستخدام بيئة تطوير متكاملة مثل Netbeans  و eclipse وغيرهما من الخيارات كلها خيارات مجانية :-).

 

عدنا!

بسم الله والحمدلله والصّلاة والسّلام على سيدنا رسول الله -صلّى الله عليه و سلّم-.

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

قد يتساءل البعض عن القالب الجديد للمدوّنة ، القالب الجديد من تطوير 320press مبني باستخدام Twitter Bootstrapقمنا بتعريبه (ليس بصورة كاملة بعد!!) و هو قالب مؤقت إلى حين الانتهاء من تطوير القالب الرسمي للمدوّنة إن شاء الله 😉 .

وصلّى اللّهم و سلّم وبارك على سيدنا محمد والحمدلله رب العالمين.