walid
11-01-2013, بتوقيت غرينيتش 09:28 AM
http://www.dzbatna.com/images/icons/icon20.gif ط§ط³ط§ط³ظٹط§طھ ط§ظ„ط¬ط§ظپط§ ظˆط¹ظ…ظ„ظ‡ط§ (http://www.dzbatna.com/t504681/)
بسم اللة الرحمن الرحيم
فى البداية احب ان اشكر كل من ساعد اخوتة الاعضاء فى حل مشاكلهم والمقيمون على هذا الموقع الجميل والمميز
لا اريد ان اطول عليكم هيا الى الدرس مفصل الاول
حسنا ، ماهي الجافا سكريبت scriptس وكيف تعمل ؟
الجافا وبكل بساطه لغة من لغات البرمجة ان صح التعبير .. مهامها الأساسيه بث الحياة في صفحات الويب المكتوبة بلغة ال HTML وتعطيك امكانية التحكم بكل جزء في صفحة الوب، من ال forms الى الوصلات بل وحتى بعض الوظائف الخارجيه .
الجافا سكريبت scriptس صممت من قبل Netscape لإضافة بعض الحيوية الى صفحات الويب، طبعا لايفوتني أن أذكر أن ال Java في الاصل صممت من قبل شركة Sun وهي المالك الأساسي للغة، المهم، من الأمثلة عليها مانراه كثيرا في بعض الصفحات، من اظهار التوقيت، وتحريك الصفحات الى أعلى والى أسفل، وكذا التحكم بال Forms .
الجافا سكريبت scriptس تخلتف عن أغلب لغات البرمجة الأخرى في كونها سهلة التحكم والتبويب، حتى للأشخاص الذين لم يكتبوا بأي لغة برمجة أخرى في حياتهم كلها .
بكل بساطة،الجافا سكريبت scriptس هي الهواء لصفحتك .
حسنا، أعلم أنه وبعد تلك السطور في الأعلى، توارد الى ذهنك العديد من الأسئله ،، فلنحاول معا الإجابه على بعضها :
1- لماذا أتعلم الجافا سكريبت scriptس ؟
أول مايخطر في بالي إجابة على هذا السؤال هو : القوة .. الحريه .. الإبداع . لأنه بمجرد الكتابه بال HTML فأنت مقيد بأن تضل صفحتك كما هي ثابته لاتتغير الا بتغيير الكود code ، وهذا غير مقبول بتاتا في عالم التكنولوجيا الجديده .وبواسطة الجافا سكريبت scriptس يمكنك حتى الباس صفحتك حلة جديدة من ألوان الخلفيه .. وأنواع الخطوط .. وحتى الصور .. حسب التوقيت اليومي للزائر وبدون أي تدخل منك !
وشيء مهم أيضا .. الجافا سكريبت scriptس تعتبر من أبسط اللغات ! الكل يستطيع تعلمها .. نعم الكل .. .ألا توافقني الرأي ، أن كتابة الكود code الخاص بك مباشرة أفضل ألف مرة من البحث عنه في الشبكه .
وربما لاتجد مبتغاك بسهولة ! أو قد لاتجدة إطلاقا .
2 - مالمقصود بشفرة البرنامج أو السورس كود code ؟
الكود code أو السورس كود code : هو مجوعة الأوامر التي تكتب مجتمعة أو متفرقة ليعمل البرنامج بصورتة الرئيسيه ، أي البنية التحتية للبرنامج ، وتكون دائما مكتوبه كتابة ويمكن عرضها بأي برنامج تحرير نصوص عادي مثل ال NOTEBAD .
3- ماهو الفرق بين الجافا .. والجافا سكريبت scriptس ؟
الفرق بينهما كبير . نعم فالجافا أقوي بكثير من الجافا سكريبت scriptس ، وأكثر تعقيدا ، وولأسف ، أصعب في التحكم . وهي تأتي في نفس مستوى لغتي السي ، والسي بلس بلس .
بالإضافه الى أنك تحتاج الى برامج خاصة للكتابة بلغة الجافا ، بينما الجافا سكريبت scriptس أبسط بكثير ! يمكنك بمجرد فتح أي برنام تحرير نصوص مثل ال NOTEBAD كتابة السكريبت script كاملا !!! صدق أولا تصدق . لن تحتاج الى شي آخر سوى المتصفح لترى النتيجه .
4- هل بإمكان الكود code الذي كتبته بالجافا سكريبت script العمل على متصفحي النتسكيب والإكسبلورر بدون أية مشاكل ؟
للأسف ، الإجابة بلا !
الجافا سكريبت scriptس أصلا مصمم من قبل شركه نتسكيب . اذا نتسكيب أكثر دعما له . من جهة أخرى هناك فروقات أساسية في تعامل هذين المتصفحين مع الجافا ، وبعضها يطال حتى الأوامر الأساسيه .
سنتطرق لاحقا الى كيفية تجاوز هذه العقبة ، أما الآن فدعني أخبرك بأن أفضل طريقة للتأكد من عمل السكريبت script هو تجربته على كلا المتصفحين . طبعا ستدهشك كثرة المواقع التي فشلت في الوصول بصفحاتها الى أفضل شكل ودعم لكلا المتصفحين ، وهذا مايفسر السطر الذي نراه كثيرا :
لأفضل عرض ، ينصح بإستخدام المتصفح الفلاني .
طبعا ولأن الأغلبية تستخدم الإكسبلورر ، فسيكون التركيز علية في الشرح طريقة والأمثله ، ولن أنسى التطرق الى كيفية معرفة نوع المتصفح الخاص بالمستخ
حسناً حسناً ، والآن أين يمكنني وضع الجافا سكريبت scriptس كود code في صفحتي ؟ في الأصل ، في أي مكان تريده طالما كان هذا المكان بين وسمي ال :
رمز PHP:
<code style="white-space:nowrap"> <code> <HTML>
<HEAD>
</code> </code>
أي مكان هنا
رمز PHP:
<code style="white-space:nowrap"> <code> </HEAD>
<BODY>
</code> </code>
أي مكان هنا
رمز PHP:
<code style="white-space:nowrap"> <code> </BODY>
</HTML>
</code> </code>
طبعا يجب إعلام المتصفح أن هذا الجزء من الصفحة هو جافا سكريبت scriptس ، ونتم ذلك بوضع :
رمز PHP:
<code style="white-space:nowrap"> <code> <Script language="JavaScript">
</code> </code>
الكود code هنا
رمز PHP:
<code style="white-space:nowrap"> <code> </Script>
</code> </code>
كما ترون في الأعلى ، إبتدأنا بتبيه المتصفح الى أن مابعد :
رمز PHP:
<code style="white-space:nowrap"> <code> <Script Language="JavaScript">
</code> </code>
هو سكريبت script مكتوب بلغة الجافا، ولايفوتني أن أذكر أيضا أن هناك فيجوال بيسك سكريبت scriptس لكنها غير مدعومة سوى من قبل الإنترنت إكسبلورر ، كما أنها تستخدم في إنشاء صفحات السيرفر SERVER الفعالة ASP
ثم نأتي بعد ذلك الى :
رمز PHP:
<code style="white-space:nowrap"> <code> <!--
</code> </code>
وهي لتنبيه المتصفحات القديمة ، وتلك التي لاتدعم الجافا سكريبت scriptس الى تلافي السطور القادمة ، وبدون هذه العلامة ، سيظهر السكريبت script على الصفحة كتبابةً! ويجب إضافتها الى كل كود code حتى لاتشوه شكل صفحتك . ثم نأتي الى أهم شيء في هذا القسم :
رمز PHP:
<code style="white-space:nowrap"> <code> alert("Welcome To dzbatna.net")
</code> </code>
وهذا هو مربط الحديث هنا ، وهو الكود code . هذا الكود code لإظهار رسالة للزائر كلما دخل الى الصفحة . ثم في النهاية نأتي إلي :
رمز PHP:
<code style="white-space:nowrap"> <code> </script>
</code> </code>
لإعلام المتصفح أن الكود code قد إنتهى ..
وكما هو الحال في ال HTML وكذا لغات البرمجة الأخرى ، يمكنك إضافة بعض التعليقات الى السكريبت script وذلك للتذكير أو الشرح طريقة ، لاننسى أن المحترفين دائما يدرجون بعض التعليقات والشروحات لتسهيل تعديل الكود code لاحقا ، أو حتى قراءته ، كل ماعليك هو وضع هاتين العلامتين قبل التعليق :
رمز PHP:
<code style="white-space:nowrap"> <code> //
</code> </code>
في حالة أردت كتابة سطر واحد فقط ، أو :
رمز PHP:
<code style="white-space:nowrap"> <code> /*
</code> </code>
التعليق هنا .. سطر أو عدة سطور
رمز PHP:
<code style="white-space:nowrap"> <code> */
</code> </code>
والآن ، أنت على أتم الإستعداد الى تعلم أساسيات اللغة ، لنبدأ رحلتنا الحقيقة في عالم الجافا سكريبت scriptس ، طبعا قد تحس بالحيرة في بعض المقاطع ، لكن صدقني ، إن أهم شيء على الإطلاق في لغات البرمجة كلها ، هو تدعيم المعرفة بالأمثلة ، والتجربه لترسيخ المفاهيم.
فى حفظ اللة اخوكم
احمد المنفلوطى
التعديل الأخير كان بواسطة احمد المنفلوطى; 30 - 07 - 2014 الساعة 00:45 السبب: اكمال الدرس مفصل
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
بسم اللة الرحمن الرحيم
فى البداية احب ان اشكر كل من ساعد اخوتة الاعضاء فى حل مشاكلهم والمقيمون على هذا الموقع الجميل والمميز
لا اريد ان اطول عليكم هيا الى الدرس مفصل الاول
حسنا ، ماهي الجافا سكريبت scriptس وكيف تعمل ؟
الجافا وبكل بساطه لغة من لغات البرمجة ان صح التعبير .. مهامها الأساسيه بث الحياة في صفحات الويب المكتوبة بلغة ال HTML وتعطيك امكانية التحكم بكل جزء في صفحة الوب، من ال forms الى الوصلات بل وحتى بعض الوظائف الخارجيه .
الجافا سكريبت scriptس صممت من قبل Netscape لإضافة بعض الحيوية الى صفحات الويب، طبعا لايفوتني أن أذكر أن ال Java في الاصل صممت من قبل شركة Sun وهي المالك الأساسي للغة، المهم، من الأمثلة عليها مانراه كثيرا في بعض الصفحات، من اظهار التوقيت، وتحريك الصفحات الى أعلى والى أسفل، وكذا التحكم بال Forms .
الجافا سكريبت scriptس تخلتف عن أغلب لغات البرمجة الأخرى في كونها سهلة التحكم والتبويب، حتى للأشخاص الذين لم يكتبوا بأي لغة برمجة أخرى في حياتهم كلها .
بكل بساطة،الجافا سكريبت scriptس هي الهواء لصفحتك .
حسنا، أعلم أنه وبعد تلك السطور في الأعلى، توارد الى ذهنك العديد من الأسئله ،، فلنحاول معا الإجابه على بعضها :
1- لماذا أتعلم الجافا سكريبت scriptس ؟
أول مايخطر في بالي إجابة على هذا السؤال هو : القوة .. الحريه .. الإبداع . لأنه بمجرد الكتابه بال HTML فأنت مقيد بأن تضل صفحتك كما هي ثابته لاتتغير الا بتغيير الكود code ، وهذا غير مقبول بتاتا في عالم التكنولوجيا الجديده .وبواسطة الجافا سكريبت scriptس يمكنك حتى الباس صفحتك حلة جديدة من ألوان الخلفيه .. وأنواع الخطوط .. وحتى الصور .. حسب التوقيت اليومي للزائر وبدون أي تدخل منك !
وشيء مهم أيضا .. الجافا سكريبت scriptس تعتبر من أبسط اللغات ! الكل يستطيع تعلمها .. نعم الكل .. .ألا توافقني الرأي ، أن كتابة الكود code الخاص بك مباشرة أفضل ألف مرة من البحث عنه في الشبكه .
وربما لاتجد مبتغاك بسهولة ! أو قد لاتجدة إطلاقا .
2 - مالمقصود بشفرة البرنامج أو السورس كود code ؟
الكود code أو السورس كود code : هو مجوعة الأوامر التي تكتب مجتمعة أو متفرقة ليعمل البرنامج بصورتة الرئيسيه ، أي البنية التحتية للبرنامج ، وتكون دائما مكتوبه كتابة ويمكن عرضها بأي برنامج تحرير نصوص عادي مثل ال NOTEBAD .
3- ماهو الفرق بين الجافا .. والجافا سكريبت scriptس ؟
الفرق بينهما كبير . نعم فالجافا أقوي بكثير من الجافا سكريبت scriptس ، وأكثر تعقيدا ، وولأسف ، أصعب في التحكم . وهي تأتي في نفس مستوى لغتي السي ، والسي بلس بلس .
بالإضافه الى أنك تحتاج الى برامج خاصة للكتابة بلغة الجافا ، بينما الجافا سكريبت scriptس أبسط بكثير ! يمكنك بمجرد فتح أي برنام تحرير نصوص مثل ال NOTEBAD كتابة السكريبت script كاملا !!! صدق أولا تصدق . لن تحتاج الى شي آخر سوى المتصفح لترى النتيجه .
4- هل بإمكان الكود code الذي كتبته بالجافا سكريبت script العمل على متصفحي النتسكيب والإكسبلورر بدون أية مشاكل ؟
للأسف ، الإجابة بلا !
الجافا سكريبت scriptس أصلا مصمم من قبل شركه نتسكيب . اذا نتسكيب أكثر دعما له . من جهة أخرى هناك فروقات أساسية في تعامل هذين المتصفحين مع الجافا ، وبعضها يطال حتى الأوامر الأساسيه .
سنتطرق لاحقا الى كيفية تجاوز هذه العقبة ، أما الآن فدعني أخبرك بأن أفضل طريقة للتأكد من عمل السكريبت script هو تجربته على كلا المتصفحين . طبعا ستدهشك كثرة المواقع التي فشلت في الوصول بصفحاتها الى أفضل شكل ودعم لكلا المتصفحين ، وهذا مايفسر السطر الذي نراه كثيرا :
لأفضل عرض ، ينصح بإستخدام المتصفح الفلاني .
طبعا ولأن الأغلبية تستخدم الإكسبلورر ، فسيكون التركيز علية في الشرح طريقة والأمثله ، ولن أنسى التطرق الى كيفية معرفة نوع المتصفح الخاص بالمستخ
حسناً حسناً ، والآن أين يمكنني وضع الجافا سكريبت scriptس كود code في صفحتي ؟ في الأصل ، في أي مكان تريده طالما كان هذا المكان بين وسمي ال :
رمز PHP:
<code style="white-space:nowrap"> <code> <HTML>
<HEAD>
</code> </code>
أي مكان هنا
رمز PHP:
<code style="white-space:nowrap"> <code> </HEAD>
<BODY>
</code> </code>
أي مكان هنا
رمز PHP:
<code style="white-space:nowrap"> <code> </BODY>
</HTML>
</code> </code>
طبعا يجب إعلام المتصفح أن هذا الجزء من الصفحة هو جافا سكريبت scriptس ، ونتم ذلك بوضع :
رمز PHP:
<code style="white-space:nowrap"> <code> <Script language="JavaScript">
</code> </code>
الكود code هنا
رمز PHP:
<code style="white-space:nowrap"> <code> </Script>
</code> </code>
كما ترون في الأعلى ، إبتدأنا بتبيه المتصفح الى أن مابعد :
رمز PHP:
<code style="white-space:nowrap"> <code> <Script Language="JavaScript">
</code> </code>
هو سكريبت script مكتوب بلغة الجافا، ولايفوتني أن أذكر أيضا أن هناك فيجوال بيسك سكريبت scriptس لكنها غير مدعومة سوى من قبل الإنترنت إكسبلورر ، كما أنها تستخدم في إنشاء صفحات السيرفر SERVER الفعالة ASP
ثم نأتي بعد ذلك الى :
رمز PHP:
<code style="white-space:nowrap"> <code> <!--
</code> </code>
وهي لتنبيه المتصفحات القديمة ، وتلك التي لاتدعم الجافا سكريبت scriptس الى تلافي السطور القادمة ، وبدون هذه العلامة ، سيظهر السكريبت script على الصفحة كتبابةً! ويجب إضافتها الى كل كود code حتى لاتشوه شكل صفحتك . ثم نأتي الى أهم شيء في هذا القسم :
رمز PHP:
<code style="white-space:nowrap"> <code> alert("Welcome To dzbatna.net")
</code> </code>
وهذا هو مربط الحديث هنا ، وهو الكود code . هذا الكود code لإظهار رسالة للزائر كلما دخل الى الصفحة . ثم في النهاية نأتي إلي :
رمز PHP:
<code style="white-space:nowrap"> <code> </script>
</code> </code>
لإعلام المتصفح أن الكود code قد إنتهى ..
وكما هو الحال في ال HTML وكذا لغات البرمجة الأخرى ، يمكنك إضافة بعض التعليقات الى السكريبت script وذلك للتذكير أو الشرح طريقة ، لاننسى أن المحترفين دائما يدرجون بعض التعليقات والشروحات لتسهيل تعديل الكود code لاحقا ، أو حتى قراءته ، كل ماعليك هو وضع هاتين العلامتين قبل التعليق :
رمز PHP:
<code style="white-space:nowrap"> <code> //
</code> </code>
في حالة أردت كتابة سطر واحد فقط ، أو :
رمز PHP:
<code style="white-space:nowrap"> <code> /*
</code> </code>
التعليق هنا .. سطر أو عدة سطور
رمز PHP:
<code style="white-space:nowrap"> <code> */
</code> </code>
والآن ، أنت على أتم الإستعداد الى تعلم أساسيات اللغة ، لنبدأ رحلتنا الحقيقة في عالم الجافا سكريبت scriptس ، طبعا قد تحس بالحيرة في بعض المقاطع ، لكن صدقني ، إن أهم شيء على الإطلاق في لغات البرمجة كلها ، هو تدعيم المعرفة بالأمثلة ، والتجربه لترسيخ المفاهيم.
فى حفظ اللة اخوكم
احمد المنفلوطى
التعديل الأخير كان بواسطة احمد المنفلوطى; 30 - 07 - 2014 الساعة 00:45 السبب: اكمال الدرس مفصل
ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
