برنامج جافا سكريبت الأول

• أبريل 26, 2024

هناك تقليد في البرمجة وهو أنه عندما تتعلم لغة برمجة جديدة ، فإن أول برنامج تكتبه هو برنامج يعرض جملة "Hello World". يسمى هذا عادةً برنامج "Hello World". القصد من ذلك هو القيام بمهمة صغيرة نسبيًا ، وعرض نص محدد مسبقًا ، واستخدامه لمعرفة كيفية استخدام أدوات اللغة ، مثل المحول البرمجي والمترجم الشفهي وقليلًا من بناء الجملة. هذا ليس له معنى كبير بالنسبة لجافا سكريبت ، حيث يتم استخدام جافا سكريبت عادةً مع لغات الترميز مثل HTML و XML التي هي بالفعل قادرة على عرض نص محدد مسبقًا بدون JavaScript. جافا سكريبت في الحقيقة لا تدخل حيز الاستخدام حتى تكون هناك حاجة إلى نوع من الإجراءات الخاصة بالموقف. لذا فإن برنامج JavaScript "Hello World" سوف يحتاج إلى رد فعل بطريقة أو بأخرى على المستخدم أو البيئة ، وليس فقط عرض عبارة "Hello World!" هذا يترك الكثير من الاحتمالات ؛ بالنسبة لبرنامج "Hello World" الخاص بنا ، سنقدم استجابة مختلفة حسب الوقت من اليوم.

باستخدام محرر النصوص ، احفظ البرنامج التالي في ملف على جهاز الكمبيوتر الخاص بك أو خادم الويب باسم hello_world.html. (إذا لم تكن الأسطر القليلة الأولى من هذا الأمر منطقية بالنسبة لك أو لم يكن لديك بالفعل محرر نصوص ومتصفح قادر على تشغيل جافا سكريبت ، فتحقق من الحصول على استعداد لتعلم JavaScript)

برنامج


مرحبا العالم في جافا سكريبت




مرحبًا بدون مستخدم JavaScript!



جرب برنامجك

افتح hello_world.html في متصفح الويب الخاص بك. إذا كان برنامجك يعمل ، سترى إما "صباح الخير يا عالم!" أو "مرحبا العالم!" في نافذة المتصفح الخاص بك. لا تشعر بالقلق الشديد إذا كان الوقت يبدو غير صحيح ، فالأرجح أن ساعة الكمبيوتر خاطئة ، لكن البرنامج لا يزال يعمل! إذا رأيت "Hi Non-JavaScript User!" ، فستحتاج إلى تشغيل JavaScript في متصفحك. إذا رأيت مجرد نافذة فارغة ، لديك خطأ. عد وتأكد مرة أخرى من أنك كتبت كل شيء بشكل صحيح. يمكنك أيضا العثور على نسخة من البرنامج هنا. (استخدم متصفحك أنظر المصدر ميزة لرؤية الكود.) إذا كنت لا تزال تواجه مشكلات ، فقم بنشر رسالة في المنتدى وسنكتشفها معًا.

تهانينا ، لقد كتبت الآن أول برنامج JavaScript! لا تقلق إذا لم تفهم كل شيء في البرنامج حتى الآن ، فسيأتي ذلك مع مرور الوقت. الآن بعد أن أصبح لديك هذا البرنامج البسيط ، كيف يمكنك استخدام مهارات HTML لجعل هذا أكثر جاذبية؟ ما الذي تحتاج إلى تعلمه في JavaScript لجعل هذا الأمر أكثر فائدة لك؟ هل هناك مواقف أخرى تفضل الرد عليها؟

تعليمات الفيديو: 1- JavaScript|| برنامج الأول في جافا سكريبت (أبريل 2024).