تعلم البرمجه مع روان
Copyright © 2020
أهلاً وسهلاً في كتابنا
تعلم كيفية البرمجه في لغة ال
JavaScript
في كل درس يوجد شرح عن موضوع،
تمارين مع الحل او فيديو مرفق وبعدها يوجد أسئله للحل او فعاليه
لكي نتأكد من سلامة حل كل شخص منكم سنضع
الحل للأسئله المطلوبه منكم حلها في أخر كل فصل.
البداية مع JavaScript
ملاحظة: يفترض على القارئ أن يعرف لغة
HTML قبل قراءة هذا الكتاب.
طرق كتابة النص:
1- يكتب نص JavaScript داخل ملف HTML ويمكن أن يكتب الكود في القسم <body> وبهذا سينفذ مباشرتاً او يمكن كتابة الكود في الوسم <head> والاشارة اليه في <body> ويذلك سينفذ الكود بعد حدوث أمر ما كضغط المستخدم على زر مثلاً ويكتب كود JavaScript بين هذيك الوسمين
<script type=”text/JavaScript”>
.
.
</script>
أو يمكن أن يكتب كود JavaScript بين هذين الوسمين*
<script LANGUAGE=”JavaScript”>
.
.
</script>
الفصل الأول
(الكائن WINDOWوالكائن DOCUMENT ومفهوم ال DOM)
أولاً :- الكائن WINDOW
يشير هذا الكائن إلى النافذه، يعتبر هذا الكائن هو الكائن الأب لجميع الكائنات الموجودة في لغة javaScript وقبل كتابة اسم أي كائن يمكن كتابة اسم الكائن WINDOW لكن بما أنه الكائن الأب لجميع الكائنات الأخرى فيمكن عدم كتابته لأنه يمثل القيمه الافتراضيه.
أوامر الكائن WINDOW
-
alert :
تستخدم هذه الداله لإظهار رسالة تحذير للمستخدم.
مثال/
alert(“This is a message”);
او يمكن ان نكتبها مسبوقه باسم الكائن الذي يحتويها
مثال/
window.alert(“Welcome”);
ولا يوجد فرق بين الطريقتين
-
prompt :
وهي تستخدم لتظهر للمستخدم نافذة وفيها مربع إدخال نصي يمكنه من خلاله إدخال معلومات ما
مثال/
window.prompt(“من فضلك ادخل اسمك”, “اسمك”);
يمكن ان لا نكتب اسم الكائن (window) قب اسم الداله prompt ولا يوجد فرق بين الطريقتين
مثال/
x= prompt(“ادخل اسمك”,””);
حيث في هذا المثال خزنا القيمة امدخله في المتغير x, إذا ضغط المستخدم على إلغاء الأمر فسيعود المتغير لنا بالقيمة null.
-
confirm :
وهي تستخدم لاظهار نافذة للمستخدم لؤاله عن قبول او رفض شيء ما، وانما ستعيد القيمة true إذا ضغط على موافق أما إذا ضغط على إلغاء فستعيد القيمة false.
مثال/
confirm(“Are you sure you want to save changes?”);
يمكن كتابتها مع ذكر الكائن الذي يحتويها وهو )window(، ولا يوجد فرق بين الطريقتين
مثال/
window.cinfirm(“Are you sure you want to save changes?”);
ثانياً : الكائن DOCUMENT
يشير هذا الكائن إلى الصفحة الحالية وهو كائن فرعي للكائن الأب window
أوامر الكائن DOCUMENT
-
write :
هذا الأمر هو أحد اوامر الكائن decument، وهو يستخدم لطباعة نص أظهاره على الشاشة
مثال/document.write(“HELLO”);
يمكن طباعة قيمة متغير مسبوق بجملة نصيه هكذا :-
مثال/window.alert(“Hello” + username));
-
writeln :
هذا الأمر هو أحد اوامر الكائن decument، وهو يستخدم لطباعة نص أظهاره على الشاشة
ويختلف عن الامر الذي يسبقه بأنه يترك سطر فارغ بعد النص المطبوع
مثال/document.writeln(“HELLO”);
-
lastModified :
وهو احد اوامر الكائن decoment ويستخدم لعرض اخر مرة تم تعديل الصفحه فيها
مثال/document.write(document.lastModifiied);
-
URL :
وهو احد اوامر الكائن document ويستخدم لجلب عنوان (الرابط) للصفحه.
مثال/document.write(document.URL);
مواقع ذات صلة
في هذا الموقع يمكنك التعلم على الجافا سكريبت
مع أمثله توضيحيه على موقع الفيجوال ستوديو
في هذا الفيديو فهو يقوم بشرح جميع التفاصيل التي تعلمناها والتي لم نتعلمها
فيمكنك التطور في الجافا سكريبت من خلال هذا الفيديو
هنا موقع أخر والذي يمكنك التمرن من خلاله اونلاين
على أمثله وتمارين في الجافا سكريبت
وأيضاً يوجد فيه كل ما يشمل الجافا سكريب وأيضاً الhtml
اذا كنت لم تتعلمها وعذة لغات أخرى
https://www.w3schools.com/js/js_output.asp
يمكنك أيضاً بالاستعانه بالكتاب المخصص الأصلي لجافا سكريبت
والذي منه قمنا باستنساخ المواد الموجوده في هذا الكتاب
نتمنى أن تكونوا قد إستمتعتم واستفدتم
يمكنكم المساعده في المواقع المرفقه في
الصفحه السابقه
أتمنى لكم النجاح في كل خطوة
Published: Mar 31, 2020
Latest Revision: Apr 2, 2020
Ourboox Unique Identifier: OB-760521
Copyright © 2020
Skip to content