نبدة عامةعن لغة الدلفي و شرح تثبيت بيئة دلفي 7

Labels: 0 comments



دلفي (بالإنجليزية: Delphi أو Embarcadero Delphi)، CodeGear Delphi سابقاً، هي لغة برمجة كانت من إنتاج 

 شركة بورلاند سابقا وتطورها الآن شركة Embarcadero Technologies. هذه اللغة مبنية على لغة باسكال الكائنية حيث 

تعتبر تطويراً للغة باسكال القديمة، تعتبر دلفي لغة شائعة ومنتشرة حالياُ، تعتبر دلفي لغة مرئية وهي من اللغات العالية الإنتاجية. 

وتعتبر في مصاف اللغات القوية والسهلة معا.

هذه المعلومات مقتبسة من موسوعة و كيبيديا لقراء المزيد من هنا 

الان نأتي لشرحنا الذي هو تثبيت بيئة دلفي 7  

 أولا نقوم بتحميل البرنامج من رفعي في الرابط أسفلة


  بعد تحميل البرنامج و فك الضغط نتابع الشرح :


 و في الآخير نضغط على Finish و مبرووك تنصيب البرنامج.

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




أكمل القراءة

~شرح تنصيب سيرفر محلي

Labels: 0 comments


بسم الله الرحمن الرحيم والصلاة والسلام على اشرف الانبياء والمرسلين نبينا محمد وعلى اله وصحبه اجمعين اما بعد..

إخواني و أخواتي زوار موقع سكيوريتي تيم السلام عليكم ورحمة الله وبركاته في هذا الدرس سنتعرف 

على كيفية  تنصيب سيرفر محلي على جهازنا ..

أولا سنعطي نبدة مختصرة عن هذا البرنامج دورهذا البرنامج يتيح لك أن تجعل جهازك سيرفر

 لإستضافة سكربتات هناك برامج كثيرة تحول جهازك إلى سيرفر محلي و من بينها برنامج  .Appserv

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

مشاهدة الشرح:


تحميل البرنامج من موقعه الرسمي :

 prdownloads.sourceforge.net/appserv/appserv-win32-2.6.0.exe?download


أكمل القراءة

الفرق بين html و xhtml

Labels: 0 comments


1– الفرق بين html و xhtml

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

* بداية االصفحات : حيث تتمثل بداية صفحة html عادية هكذا :
كود :

<html>
<body>
<head>
معلومات الرأس
</head>
</body><body>
هنا محتوى الصفحة
</body>

</html>


أما صفحة xhtml فهي تبتدأ كالتالي :

كود :

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
هنا معلومات الرأس
</head>
<body>
هنا محتوى الصفحة
</body>
</html>


و نلاحظ زيادة سطرين في xhtml و هما خاصان بتحديد بنية الصفحة :

كود :

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/


هنا نحدد أن الصفحة عبارة عن xhtml و ليست html ، وهي من نوع Transitional
اما السطر الثاني وهو :

كود :

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
</html>


فهنا نحدد اللغة التي ستبنى عليها الصفحة وهي في المثال en اي انجليزية
امكانية اضافة اللغة لكل عنصر من عناصر الصفحة في xhtml :
حيث لو أردنا أن يكون عنصرا ما داخل الصفحة بلغة أخرى ، يمكننا اعطاؤه قيمة اللغة الملائمة مثلا داخل صفحة انجليزية يمكنني تحديد عنصر عربي هكذا :

كود :

<span xml:lang="ar">عنصر عربى</span>


في xhtml فإن الأكواد حساسة لحالة الأحرف ، و تكتب دائما صغيرة ( small ) و ليس كبيرة ( capital ) ، مثلا :

كود :

<div>Fez-Soft</div>


صحيحة و :

كود :

<DIV>Fez-Soft</DIV>
<Div>Fez-Soft</Div>


خاطئة مائة بالمائة
في XHTML كل الأوسمة يجب غلقها بلا استثناء مثال :

كود :

<div><p>Fez-Soft</p></div>


حيث أن ما فتحته لابد من اغلاقه ، حتى العناصر التي من نوع self close التي لا تغلق في html لابد من غلقها في xhtml ، مثل img و br و input و link و **************** يتم غلقها بإضافة مسافة و / في آخرها قبل اغلاقها ، امثلة من دون ترتيب :

كود :

<img src="#" alt="صورة" />
<br />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<**************** name="generator" content="WordPress 2.7.1" />
<input type="submit" value="submit" />


في html تكتب هكذا من غير غلق :

كود :

<img src="#" alt="صورة"/>
<br />


وعدم غلقها خطأ في المعايير القياسية
في xhtml جميع الخصائص لابد ان تكون داخل علامتي تنصيص

كود :

<a href="http://www.fez-soft.net">fez-soft</a>


اما كتابتها كما في html هكذا يعد خطآ في المعايير :

كود :

<a href=http://www.fez-soft.net >fez-soft</a>


في xhtml يجب مراعاة ترتيب الفتح و الاغلاق للأوسمة :

كود :

<div><p><a href="http://www.fez-soft.net">fez-soft</a></p></div>


بدأت بـ div و بعدها p و بعدها a ، فلابجد ان اغلق كل واحد على حدا و بالترتيب ، اغلق a و بعدها p و بعدها div اما تجاهل الترتيب فيعد خطأ في xhtml و ان كان يتجاهل في html مثلا :

كود :

<div><p><a href="http://www.fez-soft.net">fez-soft</a></p></div>


في xhtml لابد من احترام ترتيب العناصر الكبيرة و الصغيرة ، من حيث نوعها ، فكما تعلمون فإن العناصر نوعين في html
block & inline
block : و هي التي تضم بداخلها أنواع block و inline
inline : و هي التي لا تضم بداخلها الا أنواع inline
أنواع block مثل : div , p , table
انواع inline مثل : a , img , span , small
لذلك فإن الكتابة التالية صحيحة :

كود :

<div><p><a href="http://www.fez-soft.net"><span>fez-soft</span></a></p></div>


لكن هذه خاطئة لعدم احترام هذا الشرط :

كود :

<p><a href="http://www.fez-soft.net"><div><span>fez-soft</span></div></a></p>


*

حيث أن a من نوع inline هنا احتوت على div و هي من انواع block

2 – الفوائد

* xhtml اكثر تركيزا و تدقيقا في الأكواد من html
* xhtml مختزل و سلس و مفهوم لكل المتصفحات و محركات البحث
* xhtml من مميزات جيل الويب 2.0
أكمل القراءة

الدرس السابع والعشرون : أمثلة -- الجزء الأول

Labels: 0 comments

 بسم الله الرحمن الرحيم

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

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

المثال الأول :

قم بفتح المفكرة أو أي محرر تعمل عليه و أنشئ ملف جديد وقم بتسميته jexample1.html وأكتب فيه مايلي :

كود HTML:

<html>
<head>
<title>Example 1</title>
</head>

<body>
<script language ="javascript">

var y;

for(y = 1; y <= 5; y++)
{
 alert("number " + y);
}
</script>
</body>
</html>

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

الدرس السادس والعشرون : الدوال -- الجزء الخامس

Labels: 0 comments

 بسم الله الرحمن الرحيم

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


تسمية الدوال بطريقة Camel

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

كود:

getData
saveInfomrmation
deleteFile
updateUserInformation
setHeaderFile

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

ملاحظة : في جافاسكربت يوجد كائن اسمه style يعرفه العديد من المبرمجين وبداخله جميع الدوال التي تخص التعامل مع الإستايل وبما أن الـ CSS تستخدم مثل font-family مثلاً فإن التعامل مع style من جافاسكربت يكون بتحويل شرطة الـ CSS إلى طريقة الجمل فتصبح في جافاسكربت بإسم fontFamily وهذا كمثال توضيحي فقط فإنتبه لهذه النقطة وهكذا يمكنك توفير الجهد في تعلم الدوال الخاصة بالإستايلات لأنها هي نفسها الإستايل ولكن بدون شرطة وتستخدم طريقة الجمل فقط .
أكمل القراءة

الدرس الخامس والعشرون : الدوال -- الجزء الرابع

Labels: 0 comments

 بسم الله الرحمن الرحيم

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

المتغير arguments

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

كود PHP:

function fname()
{
 var c = arguments.length;
 alert(c);
}
الآن قمنا بعمل دالة بدون أي باراميترات وقمنا بعمل متغير اسمه c ليحتفظ بعدد الباراميترات التي يمررها المستخدم للدالة ومن ثم عرضها على شكل رسالة وعندها يمكننا استدعاء الدالة بأي عدد باراميترات نريده كالتالي :

كود PHP:

fname(5);
fname(1,"welcome");
fname(77,3.22,50,"Hi");
عندها ستكون قيمة c في الإستدعاء الأول هي 1 وفي الإستدعاء الثاني هي 2 وفي الإستدعاء الثالث هي 4 وأما للحصول على قيمة الباراميتر نفسه فإننا نستطيع ذلك عن طريق تحديد رقم الباراميتر في المصفوفة arguments حيث أن البارميتر الأول تكون قيمته صفر وهكذا وللتوضيح أكثر لاحظ المثال التالي :



كود PHP:

function fname()
{
  var c = arguments[0];
  var b = arguments[1];
}

fname("welcome",10);
عندها ستكون قيمة c هي welcome وقيمة b هي 10 ولكن يجب الإنتباه هنا إلى أننا يجب أن نختبر عدد البارميترات قبل أن نتعامل معها لكي نتأكد من عدد البارميترات التي تم تمريرها كالتالي :


كود PHP:

function fname()
{
 var c;
 var b;

 if(arguments.length >= 2)
  {
    c = arguments[0];
    b = arguments[1];
   }
 }

fname("welcome",10);
وبهذه الطريقة نضمن أن يكون الكود سليم لأنه في بعض الأحيان لن يتم تمرير أي باراميتر للدالة وعندها سيكون عدد الباميترات صفر ويسبب مشكلة للدالة وأحياناً ربما يتم تمرير باراميتر واحد مما يتسبب ايضاً في مشكلة للدالة التي بالأعلى ولكن مع وجود الشرط فإن المشكلة ستحل.
أكمل القراءة

الدرس الرابع والعشرون : الدوال -- الجزء الثالث

Labels: 0 comments

 بسم الله الرحمن الرحيم

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

ماهي return ؟

return هي عبارة أمر يقوم بالتعويض بالقيمة التي تليه مكان استدعاء الدالة وهو أفضل تعريف لهذه الجملة ولتوضيح هذا الكلام لاحظ معي المثال التالي :


كود PHP:

function fname(p1, p2)
{
   return p1 + p2;
}
الآن لاحظ العبارة التي تلي return وهي p1+ p2 وهي العبارة التي سيتم حسابها وتعويضها مكان استدعاء الدالة وللتوضيح اكثر لاحظ الأستدعاء الآن :

كود PHP:
var value = fname(10,50);
الآن سيتم استدعاء الدالة fname بالقيم 10 لـ p1 و 50 لـ p2 وسيتم جمعها لتصبح العبارة داخل الدالة هي return 60 بعد حسابها وسيتم التعويض مكان الإستدعاء وهو fname مع بارمتيراتها بالكامل بالقيمة 60 لتصبح العبارة كالتالي :

كود PHP:
 var value = 60; 
أكمل القراءة

الدرس الثالث والعشرون : الدوال -- الجزء الثاني

Labels: 0 comments

 بسم الله الرحمن الرحيم

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

البارميترات
الباراميترات هي عبارة عن متغيرات يتم وضعها بين اقواس الدالة اثناء تعريف الدالة ويتم التعويض بقيم هذه المتغيرات اثناء استدعاء الدالة ويمكن تعريف اي عدد تريده من الباراميترات للدالة حسب احتياج الدالة لها ولاحظ المثال التالي :

كود PHP:

function fname(p1, p2, p3, p4)
{
  alert(p1 + p2 + p3 + p4);
}
الآن قمنا بتعريف 4 باراميترات (متغيرات) للدالة fname ويتم التعويض عن المتغيرات أو البارميترات الخاصة بالدالة عند الإستدعاء كالتالي بأي قيم تريدها :


كود PHP:
fname(10,50,70,85); 
أكمل القراءة

الدرس الثاني والعشرون : الدوال -- الجزء الأول

Labels: 0 comments

 بسم الله الرحمن الرحيم

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

الدوال -- الجزء الأولى

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

كود PHP:

function f_name()
{
 // write your code here
}
مجموعة الشفرات توضع بين الأقواس كما هو مبين في الأعلى ولكتابة دالة فإننا نضع الكلمة function ثم يليها إسم الدالة وفي حالتنا هنا قمنا بوضع f_name ثم الأقواس الخاصة بالدالة () .

مثال

كود PHP:

function print_data()
{
  alert("www.google.com");
}
الآن قمنا بإنشاء دالة إسمها print_data تقوم بإظهار رسالة تحتوي على Google على الشاشة في حالة استدعاء هده الدالة.

إستدعاء الدالة

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

كود PHP:
print_data();
الآن بإختصار كأنك تقول : الرجاء تنفيذ جميع الشفرات الموجودة بداخل الدالة print_data أي بكلام أخر أن الذي سيحدث هو طباعة Google على الشاشة .
أكمل القراءة