النتائج 1 إلى 8 من 8

الموضوع: الدورة رقم 2 لغة (JavaScript)

  1. #1
    عضو
    تاريخ التسجيل
    Dec 2005
    المشاركات
    687
    معدل تقييم المستوى
    20

    الدورة رقم 2 لغة (JavaScript)

    بسم الله الرحمن الرحيم
    سيتم البدء بدورة جافا سكريبت
    يرجى مشاهدة دورة Html لأهميتها الشديدة في لغة جافا سكريبت
    كما يرجى وضع اي استفسار في الموضوع الخاص بإستفسارات الدورة هنا

  2. #2
    عضو
    تاريخ التسجيل
    Dec 2005
    المشاركات
    687
    معدل تقييم المستوى
    20

    رد: الدورة رقم 2 لغة (JavaScript)

    ما هي الجافا سكريبت
    هي احدى اهم لغات الويب
    تستخدم جافا سكريبت في ملايين صفحات الويب اليوم لتطوير الصفحة، ومعالجة مدخلات المستخدمين المختلفة، وضبط التصفح، وانشاء التعريفات اللازمة بالمستخدم.
    وهي اللغة المفضلة جماهيرياً لجعل مرونة اكبر من لغة html التي تختص بتنسيق الصفحة دون اي مرونة جانبية.

    يجب ان تكون على معرفة جيدة قبل البدء بالجافا سكريبت بلغة html ويرجى العودة لدورة الـhtml في حال رغبت بذلك.

    معلومات سريعة
    - لقد تم تصميم جافا سكريبت لإضافة التفاعلية للغة html.
    - هي لغة خفيفة الحجم وتستطيع فعل الكثير.
    - تضاف اكواد جافا سكريبت مباشرة داخل صفحة الويب.
    - يمكن للجميع استخدام جافا سكريبت دون الحصول على ترخيص.
    - يمكن ان تحمل جافا سكريبت متغيرات يتم ادراجها في مواضع متعددة بالصفحة.
    - توفر جافا سكريبت عناء كبير في فحص صحة مدخلات المستخدم.
    - يمكن ان تقوم جافا سكريبت بعمل تأثيرات متعددة على الصفحة تعطي اشكال رائعة وجميلة.

    الفرق بين جافا وجافا سكريبت
    لا يوجد اي وجه شبه بين جافا وجافا سكريبت

    ارجو لكم الاستمتاع بهذه اللغة الرائعة.

  3. #3
    عضو
    تاريخ التسجيل
    Dec 2005
    المشاركات
    687
    معدل تقييم المستوى
    20

    رد: الدورة رقم 2 لغة (JavaScript)

    البرنامج الأول..
    بالتأكيد اصبح فضول لدى الكثير بمعرفة كيف يمكن ان نبدأ بكتابة البرنامج الاول ..
    ارجو من الجميع بلا استثناء البدء بصفحة html جديدة واختيار تسيمة مناسبة والبدء بتجربة الاكواد التي سيتم وضعها في الدورة ..
    الكود البرمجي التالي يوضح كيف يمكن ان نكتب البرنامج الاول ..
    <
    كود:
    html xmlns="https://www.w3.org/1999/xhtml">
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Arab Software JavaScript</title>
    </head>
    
    <body>
    <script type="text/javascript">
    document.write("Hello World!")
    </script>
    </body>
    
    </html>
    ارجو ان يتم نسخ الكود كما هو للصفحة التي قمت بإنشائها قبل قليل ..

    ... في الكود البرمجي السابق فهي المسؤولة عن الطباعة على الشاشة، سيتم طباعة الكلام الموجود ما بين القوسين بعد جملة document.write والفرق هنا ان ما الكلام النصي الثابت يجب ان يكون في الاقواس بين " "
    لاحظ وجود الوسم <script type="text/javascript"> بعد البدء بمنطقة المتن وهذا الوسم يعني البدء بكتابة كود برمجي بلغة جافا سكريبت ..

    أما العبارة document.write("Hello World!")
    الدالة document.write هي المسؤلة عن الطباعة على الشاشة وسيتم طباعة كل ما يأتي بين أقواس بعد هذه الدالة، والفرق ان هذه الدالة تطبع الكلام نصي بشكل ثابت إذا جاء بين " " وتطبع قيم المتغيرات في حال لم تكن بين " ".

    الصورة التالية توضح كتابة الكود في محرر الويب



    ارجو من الجميع تجربة البرنامج الأول وطرح اي صعوبات في المناقشة ..

  4. #4
    عضو
    تاريخ التسجيل
    Dec 2005
    المشاركات
    687
    معدل تقييم المستوى
    20

    رد: الدورة رقم 2 لغة (JavaScript)

    التفريق بين النص الثابت والمتغيرات ..
    عند طباعة النص الثابت يلزم وضع النص بين " " ولكن لطباعة المتغيرات يكفي وضع اسم المتغير فقط ..
    كود:
    <body>
    <script type="text/javascript">
    var name="mohamed"
    document.writeln(name);
    document.write("name")
    </script>
    </body>
    .. في الكود السابق
    العبارة var name="mohamed" هي المسؤولة عن انشاء متغير جديد بإسم name واسناد القيمة mohamed ولاحظ تم وضع النص mohamed بين "" وذلك لانها قيمة نصية وليست عددية.

    العبارة document.writeln(name); هي المسؤولة عن طباعة قيمة المتغير .
    العبارة document.write("name") هي المسؤولة عن طباعة نص ثابت يحتوي على الكلمة name
    ارجو وضع الكود السابق في صفحتك التي قمت بإنشائها ومشاهدة التنفيذ
    والصورة التالية توضيح التنفيذ لدي ..

  5. #5
    عضو
    تاريخ التسجيل
    Dec 2005
    المشاركات
    687
    معدل تقييم المستوى
    20

    رد: الدورة رقم 2 لغة (JavaScript)

    مقدمة جملة التحكم if
    تستخدم جملة التحكم if للتميز بين جانبيين منطقيين احد الإجابات صحيح والأخر خاطئ ..
    امثلة باللغة العربية
    إذا أدخل المستخدم اسم المستخدم وكلمة السر اذا ادخل إلى البريد وإذا لم يدخل نبه المستخدم بأن يدخل اسم المستخدم وكلمة المرور.

    شرح المثال العربي السابق
    في المثال السابق نقوم بالسؤال هل أدخل المستخدم كلمة السر واسم المستخدم، في حال تم الإدخال إذا سيتم فتح البريد الإلكتروني وفي حال لم يتم إدخال كلمة السر واسم المستخدم فسوف يتم اظهار رسالة على الشاشة تفيد بعدم إدخال كلمة السر واسم المستخدم.

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

  6. #6
    عضو
    تاريخ التسجيل
    Dec 2005
    المشاركات
    687
    معدل تقييم المستوى
    20

    رد: الدورة رقم 2 لغة (JavaScript)

    برنامج بواسطة جملة التحكم If
    كود:
    <script type="text/javascript">
    var x = 5
    if (x < 10) 
    {document.write("<b> أقل من 10 x</b>")}
    </script>
    .. في المثال السابق
    تم إنشاء متغير باسم x اسناد القيمة 5 للمتغير
    تم استخدام جملة التحكم if لتحديد إذا كانت قيمة x اقل من 10 ..
    تم بدء جواب الشرط بالإشارة } ويتم الإنتهاء بالإشارة {.
    في حال كانت القيمة أقل من 10 سيتم طباعة (x أقل من 10) على الشاشة

    إذا الشرط هو x اقل من 10
    جواب الشرط هو طباعة (x أقل من 10) على الشاشة.

    الصورة التالية توضح طريقة كتابة البرنامج السابق..


    أما الصورة التالية هي ناتج التنفيذ على الانترنت اكسبلورر


    ارجو تجربة هذا البرنامج
    كما ارجو التغير في الشرط ومشاهدة الفرق
    في حال وجود صعوبة يتم النقاش في الإستفسارات الخاصة بالدورة.

  7. #7
    عضو
    تاريخ التسجيل
    Dec 2005
    المشاركات
    687
    معدل تقييم المستوى
    20

    رد: الدورة رقم 2 لغة (JavaScript)

    جملة الشرط المتعدد

    المثال السابق كان (إذا كانت قيمة X اقل من 10 إذا إطبع العبارة X اقل من 10 على الشاشة)
    نريد الآن عمل برنامج صغير مهمته تحديد قيمة X اكبر أو اصغر من 10
    مثلا إذا كانت قيمة x تساوي 15 يطبع على الشاشة القيمة أكبر من 10 وإذا كانت قيمة x تساوي 6 يطبع على الشاشة القيمة أقل من 10.
    في هذه الحالة يجب أن نستخدم العبارة else
    والبرنامج التالي يوضح المزيد
    كود:
    <script type="text/javascript">
    
    var x = 16
    if (x > 10) 
    {document.write("<b>القيمة أكبر من 10</b>")}
    else
    {document.write("<b>القيمة أصغر من 10</b>")}
    
    </script>
    ..في البرنامج السابق
    تم إسناد القيمة 16 للمتغير x
    الشرط في البرنامج السابق إذا كانت قيمة x اكبر من القيمة 16
    جواب الإيجاب يتم طباعة الجملة (القيمة أكبر من 10 على الشاشة).
    في حال كانت قيمة x لا تحقق الشرط بمعنى ان x أصغر من 10 يتم تنفيذ الجملة else
    جواب النفي هو (طباعة الجملة القيمة أصغر من 10 على الشاشة).

    الصورة التالية توضح طريقة كتابة البرنامج


    الصورة التالية توضح ناتج التنفيذ

  8. #8
    عضو
    تاريخ التسجيل
    Dec 2005
    المشاركات
    687
    معدل تقييم المستوى
    20

    رد: الدورة رقم 2 لغة (JavaScript)

    برنامج صغير للتعرف على الوقت
    التالي سيكون برنامج يتعرف على الوقت ويحدد الرسالة المناسبة التي سيتم طباعتها على الشاشة..

    البرنامج يحدد الوقت الحالي في حال كانت الساعة لم تصل للساعة العاشرة صباحاً سوف يطبع على الشاشة جملة (يسعد صباحك) أما في حال كانت الساعة قد تجاوزت الساعة العاشرة سيكتب (نهارك سعيد) ..

    وهذا هو البرنامج
    كود:
    <html>
    <body>
    
    <script type="text/javascript">
    var d = new Date()
    var time = d.getHours()
    
    if (time < 10) 
    {document.write("<b>يسعد صباحك</b>")}
    else
    {document.write("<b>يومك سعيد</b>")}
    </script>
    
    <p>
    إذا لم تتجاوز الساعة الـ10 صباحاً سوف يكتب يسعد صباحك
    أما في حال تجاوزت الـ10 صباحاً سيكتب يومك سعيد
    </p>
    
    </body>
    </html>
    ..في البرنامج السابق
    var d = new Date()
    هذه الجملة تعرف المتغير d وتعطي لهذا المتغير جميع خصائص اليوم المتعددة.

    var time = d.getHours()
    هذه الجملة تعرف متغير time وتعطي لهذا المتغير احد خصائص اليوم وهي خاصية الوقت الحالي، وقد حصلنا على هذه الخاصية من الكلمة d.getHours حيث ان d يحمل جميع خصائص اليوم، والكلمة getHours هي خاصية الوقت الحالي وهي احد خصائص اليوم الكثيرة.

    if (time < 10)
    جملة شرط تسأل عن قيمة الساعة لتحديد الرسالة التي سيتم طباعتها، انا حددت اعتماد الصباح حتى الساعة ال10 يمكن تعديل القيمة للساعة 12 مثلا .

    {document.write("<b>يسعد صباحك</b>")}
    طباعة جواب الشرط في حال كانت إجابة الشرط صحيحة أي ان الساعة لم تصل للعاشرة صباحاً بعد

    else
    في حال لم كان نفي الشرط أي ان الساعة قد تجاوزت العاشرة صباحا.

    {document.write("<b>يومك سعيد</b>")}
    في حال كان جواب الشرط خاطئ سيتم نفي الشرط وطباعة يومك سعيد .

    هذا كل شيء عن البرنامج

    الصورة التالية توضح كيفية كتابة الكود


    الصورة التالية توضح التنفيذ
    نظرا لأن الساعة عندي الان 10:35 مساءاً أي ان الساعة قد تجاوزت ال10 صباحا فقد تم طباعة عبارة (نهارك سعيد)


    ارجو من يجد صعوبة في البرنامج وضع سؤاله في الاستفسارات .

المواضيع المتشابهه

  1. Looking for javascript book
    بواسطة ahmicro في المنتدى البرمجه والتصميمات الفنيه ( الجرافيكس )
    مشاركات: 0
    آخر مشاركة: 06-10-2009, 12:58
  2. Lynda.com - JavaScript Essential Training
    بواسطة seragsamy في المنتدى البرمجه والتصميمات الفنيه ( الجرافيكس )
    مشاركات: 0
    آخر مشاركة: 07-06-2009, 13:14
  3. الدورة رقم 1 لغة (html)
    بواسطة mzaila في المنتدى البرمجه والتصميمات الفنيه ( الجرافيكس )
    مشاركات: 15
    آخر مشاركة: 27-07-2007, 11:15

الكلمات الدلالية لهذا الموضوع

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •