slash147

0

1,728

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


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




الدرس الاول


نبذة عن لغة البرمجة javascript

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


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




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




1-برنامج

Notepad++

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




تحميل




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


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





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




كود جافا سكربت







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


تحميل




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

التعليقات (0)