Have an account? Sign in
Login  Register  Facebook
This Page is Under Construction! - If You Want To Help Please Send your CV - Advanced Web Core (BETA)
[Edit] الكود الأول بالجافا سكريبت
لنترك الكلام النظري قليلا و نبدأ معا في تجربة كتابة كود جافا سكريبت بسيط و هو ببساطه عبارة عن صندوق سيخرج للزائر يطلب منه إدخالإسمه ثم بعد ذلك يرحب به, سأضع الكود أولا قم بتجربته ثم سأشرح لك محتوياته ثم بعد ذلك اكتبه بنفسك باستخدام النوت باد مثلا و احفظه بإمتداد HTML ثم جربه , و هكذا يجب أن يكون تعاملك على في الدروس القادمة حيث أنه لابد أن تكتب الكود بيدك و تجرب و تبحث عن الأخطاءوإصلاحها و سأشرح لك بعد هذا الدرس كيفية إيجادها و إصلاحها .
الكود الأول
<html>
    <head>
        <script language="javascript">
            name = prompt("أهلا بك,من فضلك ادخل إسمك.");
            alert(" أسعدنا حضورك "+name);
        </script>
    </head>
<body>

</body>
</html>

Try it yourself »Click on the "Try it yourself" button to see how it works

الآن ,انظر إلى الكود في البداية ستجد بعد أكواد الهيتمل المعتاده ستجد التاج الذي تحدثت عنه في الدرس السابقة تاج SCRIPT و ما بين بداية و نهاية هذا التاج يوجد كود الجافا سكريبت.و الآن لنقم بتفسيره : أول سطر في كود الجافا سكريبت الموجود هنا هو
name=prompt("أهلا بك,من فضلك ادخل إسمك.");
و هذ السطر هو المسؤول عن الصندوق الأول الذي رأيته و الذي طلب منك أن تدخل إسمك في المربع ,حيث أن كلمة prompt عبارة عن دالة" function", و الدالة يمكنك تصورها الآن كأنها أمر للمتصفح تخيل مثلا أن المتصفح شخص و أنت تخبره بأمر ما الأمر هذا هو في هذه الحالة أن يظهر صندوقا ,و كما يفهم الشخص أنك تريد منه أن يتكلم مثلا عندما تقول له تكلم ,سيفهم المتصفح أنك تريده أن يظهر صندوقا يطلب فيه نصا عندما تكتب له prompt ولكن كما رأيت في المثال لم يظهر لك الصندوق و كفى لكن كان مكتوبا به نصا هو "أهلا بك من فضلك ادخل إسمك" و إذا نظرت إلى الكود ستجد نفس العبارة مكتوبه بين قوسين موجود بعد كلمة prompt و بشكل عام ,ما يوجد بين القوسين التاليين لأي دالة يسمى بالـ Parameters و لكن ما هي البرامترز؟ ذكرت سلفا أنه لكي تفهم ما هي الدالة تخيل ان البرنامج شخص و أنت تقول له أوامر فينفذها ,فتخيل أنك تقول لهذا الشخص تكلم ثم حددت بالضبط تكلم و قل إسمك فإن تحديدك بالضبط لما يجب أن يقوله يشبه لما يفعله البرامتر حيث أن كل دالة تفعل وظيفة معينه بينما البرامتر هي أن تحدد بالضبط ما يجب أن تنفذ عليه هذه الوظيفة ,بالضبط كما تقول لشخص اعطني _اعطني مثال الدالة _ثم تحدد له بعد ذلك الزجاجه أو الكتاب قائلا اعطنى (الكتاب) أو اعطنى الزجاجة _الزجاجة و الكتاب كالبرامتر _. و سنتحدث بشكل تقني أكتر عن ما هي الدالة في الدرس الخاص بها .أما الآن فلنعد لتفسير الكود ستجد أن دالة prompt بما فيها من برامتر وضعت بعد علامة "=" و قبل علامة الـ "=" و ضعت كلمة name و هذا معناه أنك تطلب من البرنامج أن يضع ناتج الدالة في الذاكرة و أن يسمى مكانه بإسم name فعندما ستحتاج لناتج الدالة و الذي هو عبارة عن النص الذي سيكتبه المستخدم في المربع الذي ظهر له ستستخدم كلمة name ليحضر لك الناتج الذي و ضع فيها من خلال علامة الـ"=" ,و الدور الذي تمثله كلمة name هو دور المتغير Variable و الذي هو من المكونات الأساسية لأي لغة برمجه و يمكنك تصوره على أنه صندوق يتم وضع فيه البيانات ثم يتم تسميته بإسم هو إسم المتغير كـ name هنا و عندما تريد البينات الموضوعه فيه فأنت تقول للبرنامج إسمه فيأتي لك بالبيانات الموجوده فيه .و هذا ما حدث في السطر التالي
alert(" أسعدنا حضورك "+name);

حيث إستخدمنا دالة alert و التي وظيفتها أنها تظهر صندوقا مكتوب فيه النص الذي تضعه بين قوسيها (البرامتر ) و هنا و ضعنا بين قوسيها المتغير name و الذي يحتوى على إسم المستخدم الذي وضعه في الصندوق الأول الذي ظهر له و نجد بعده علامة + و هي معناها أنك تريدأن تضيف عليه شيء و أضفنا هنا جملة "أسعدنا حضورك" و كما تلاحظ فإنها موضوعه بين علامتي تنصيص بينما المتغير غير موضوع بين علامتي تنصيص ، وذلك حيث أنه في لكي دائما في لغة الجافا سكريبت و في لغات عديدة غيرها يجب أن يوضع النص بين علامتي تنصيص ليعرف البرنامج أنه نص كتابي و ليس متغير .

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

December 18, 2011