الدرس الاول: شرح لغة جافاسكربت للمبتدئين

slash147

عضو جديد
إنضم
31 يوليو 2013
المشاركات
35
مجموع الإعجابات
1
النقاط
0
793492199.gif

شرح لغة جافاسكربت للمبتدئين


الدرس الاول

نبذة عن لغة البرمجة java******
لغة الجافا سكربت هى لغة بسيطة تستخدم فى صفحات الويب و تعطى الحيوية فى عرض الصفحات و لا يخلوا موقع من الجافا سكربت نظرا لسهولتها و دورها الفعال، و إذا أردنا أن نرى كمثال حى للغة الجافا سكربت قم بالدخول إلى موقع التواصل الأجتماعى الشهير الفيس بوك ... و لاحظ عند التعليق على مادة لا يتم تحميل الصفحة بالكامل بل يطبع التعليق بمجرد الضغط على الزر و تم التطوير بمجرد الضغط على زر (Enter) و هذا بفضل لغة الجافا سكربت ، و أيضا إذا رأينا فى المواقع (البنرات) أو صور الأعلانات التى يتم تغيرها تلقائيا بمجرد عمل إعادة تحميل للصفحة أو النصوص التى تتحرك أمامك ... فلغة HTML تصمم صفحة ويب ثابتة أما بإضافة أكواد Java****** لها تضيف لها الحيوية و الحركة و الأكثر من ذلك

الجافا سكريب من اصدار شركة NetScape وكانت في البداية تسمى live code وهى تعتبر ******ing language . أى انها يجب ان تضمن داخل لغة Html اللغة الخاصة بتصميم صفحات الويب.
و أحب أن أنوة أن هناك فرق بين لغة (الجافا) التابعة لشركة (Sun) و بين (الجافا سكربت) الأكثر بساطة و سهولة فى التعلم و الأستخدام ... و أنصح قبل تعلم الجافا سكربت أن تتعلم لغة تصميم الويب HTML أو حتى تتعلم أساسيتها و الأكواد و الوسمات الخاصة بها و تدرك كيف تصمم صفحة ويب ولو كانت صفحة بسيطة و بعد ذلك تعلم الجافا سكربت ومن هنا يتضح أن لغة HTML لغة خاصة بالتصميم و ليست برمجة ... أما java****** لغة برمجة .


ما متطلبات البرمجة ؟

1-برنامج Notepad++ لكتابة لغات البرمجة
مجانى و مفتوح المصدر

apnotepad.gif


تحميل

2- متصفح يجمع بين بساطة التصميم والتقنية المتقدمة لجعل استخدام الويب أكثر سرعة وأمانًا وسهولة)Google chrome - Firefox -internet explorer ..)

و طريقة كتابة كود جافا سكربت فى صفحة ويب فى HTML يكون كالتالى:

كود:
<****** language="java******">
هنا يكتب كود الجافا سكربت

</******>

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

كود:
<html>
      <head>
        <title>كود جافا سكربت</title>
          <****** language="java******">
          var user= prompt("أدخل إسمك","");
              alert("أهلا بك يا "+ user);
                document.write("هذة الصفحة الخاصة بالمستخدم "+user);
          </******>
      </head>
        <body>
        </body>
</html>

يمكنك تحميل صفحة المثال من هنا

تحميل

تمَّ بحمد الله
أتمنَّى أن أكون وفِّـقت في شـرح هـذه اللغـة الجـميـلـة بـبـسـاطـة وسهـولـة.
في حال وجود أخطاء إملائية أو قواعدية أو في الشرح أتمنى أن تنبهوني عليها.
أخوكم : Hassan Amejahdi
 

tofaeg

عضو جديد
إنضم
5 أغسطس 2013
المشاركات
9
مجموع الإعجابات
0
النقاط
0
مشكوووووووور
 
أعلى