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

من طرف **Admin** الخميس ديسمبر 15, 2016 6:08 pm

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

الدرس الاول

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

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

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

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

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

تحميل

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

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

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

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

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

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

[url=http://hulkload.com/p2v9gtxdpz61
]تحميل [/url]

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

المصدر: منتديات تحميل سيتي - من قسم: دروس فوتوشوب