تعلم البرمجه مع روان by rawan kadi - Illustrated by المؤلفه: روان القاضي - Ourboox.com
This free e-book was created with
Ourboox.com

Create your own amazing e-book!
It's simple and free.

Start now

تعلم البرمجه مع روان

by

Artwork: المؤلفه: روان القاضي

  • Joined Mar 2020
  • Published Books 1

أهلاً وسهلاً في كتابنا

تعلم كيفية البرمجه في لغة ال

 JavaScript

 في كل درس يوجد شرح عن موضوع،

  تمارين مع الحل او فيديو مرفق وبعدها يوجد أسئله للحل او فعاليه

لكي نتأكد من سلامة حل كل شخص منكم سنضع

الحل للأسئله المطلوبه منكم حلها في أخر كل فصل.

1

البداية مع JavaScript

 

ملاحظة: يفترض على القارئ أن يعرف لغة

HTML قبل قراءة هذا الكتاب.

طرق كتابة النص:

1- يكتب نص JavaScript داخل ملف HTML ويمكن أن يكتب الكود في القسم <body> وبهذا سينفذ مباشرتاً او يمكن كتابة الكود في الوسم <head> والاشارة اليه في <body> ويذلك سينفذ الكود بعد حدوث أمر ما كضغط المستخدم على زر مثلاً ويكتب كود JavaScript بين هذيك الوسمين

<script type=”text/JavaScript”>

.

.

</script>

أو يمكن أن يكتب كود JavaScript بين هذين الوسمين*

 

<script LANGUAGE=”JavaScript”>

.

.

</script>

2

الفصل الأول

(الكائن WINDOWوالكائن DOCUMENT ومفهوم ال DOM)

أولاً :- الكائن WINDOW

يشير هذا الكائن إلى النافذه، يعتبر هذا الكائن هو الكائن الأب لجميع الكائنات الموجودة في لغة javaScript وقبل كتابة اسم أي كائن يمكن كتابة اسم الكائن WINDOW لكن بما أنه الكائن الأب لجميع الكائنات الأخرى فيمكن عدم كتابته لأنه يمثل القيمه الافتراضيه.

 أوامر الكائن WINDOW

  • alert :

    تستخدم هذه الداله لإظهار رسالة تحذير للمستخدم.
    مثال/
    alert(“This is a message”);
    او يمكن ان نكتبها مسبوقه باسم الكائن الذي يحتويها
    مثال/
    window.alert(“Welcome”);
    ولا يوجد فرق بين الطريقتين

3
  • 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?”);

4
تعلم البرمجه مع روان by rawan kadi - Illustrated by المؤلفه: روان القاضي - Ourboox.com
تعلم البرمجه مع روان by rawan kadi - Illustrated by المؤلفه: روان القاضي - Ourboox.com
تعلم البرمجه مع روان by rawan kadi - Illustrated by المؤلفه: روان القاضي - Ourboox.com

ثانياً : الكائن DOCUMENT

يشير هذا الكائن إلى الصفحة الحالية وهو كائن فرعي للكائن الأب window
أوامر الكائن DOCUMENT

  • write :

    هذا الأمر هو أحد اوامر الكائن decument، وهو يستخدم لطباعة نص أظهاره على الشاشة
    مثال/

    document.write(“HELLO”);

     

    يمكن طباعة قيمة متغير مسبوق بجملة نصيه هكذا :-
    مثال/

    window.alert(“Hello” + username));

8
  • writeln :

    هذا الأمر هو أحد اوامر الكائن decument، وهو يستخدم لطباعة نص أظهاره على الشاشة

    ويختلف عن الامر الذي يسبقه بأنه يترك سطر فارغ بعد النص المطبوع
    مثال/

    document.writeln(“HELLO”);

     

  • lastModified :

    وهو احد اوامر الكائن decoment ويستخدم لعرض اخر مرة تم تعديل الصفحه فيها
    مثال/

    document.write(document.lastModifiied);

     

  • URL :

    وهو احد اوامر الكائن document  ويستخدم لجلب عنوان (الرابط) للصفحه.
    مثال/

    document.write(document.URL);

9
تعلم البرمجه مع روان by rawan kadi - Illustrated by المؤلفه: روان القاضي - Ourboox.com

مواقع ذات صلة

 

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

11

 

هنا موقع أخر والذي يمكنك التمرن من خلاله اونلاين
على أمثله وتمارين في الجافا سكريبت
وأيضاً يوجد فيه كل ما يشمل الجافا سكريب وأيضاً الhtml
اذا كنت لم تتعلمها وعذة لغات أخرى

https://www.w3schools.com/js/js_output.asp

 

يمكنك أيضاً بالاستعانه بالكتاب المخصص الأصلي لجافا سكريبت
والذي منه قمنا باستنساخ المواد الموجوده في هذا الكتاب

https://daafoor.com/assets/fineuploader/uploads/solutions/5db0c11557f1b/d9afb08a-156e-48bf-87af-73a87a6bd119/%D8%A7%D9%84%D9%85%D8%AE%D8%AA%D8%B5%D8%B1%20%D8%A7%D9%84%D9%85%D9%81%D9%8A%D8%AF%20%D9%81%D9%8A%20%D9%84%D8%BA%D8%A9%20JavaScript.pdf

12

 

 

نتمنى أن تكونوا قد إستمتعتم واستفدتم

يمكنكم المساعده في المواقع المرفقه في 

الصفحه السابقه

أتمنى لكم النجاح في كل خطوة

13
النهايه
This free e-book was created with
Ourboox.com

Create your own amazing e-book!
It's simple and free.

Start now

Ad Remove Ads [X]
Skip to content