ما هي تفاصيل Javaنص برمجي؟ مقدمة مع مثال "مرحباً بالعالم"

ما هي تفاصيل Javaالبرنامج النصي؟

Javaلغة البرمجة النصية هي لغة برمجة عالية المستوى تُضيف سلوكيات إلى صفحات الويب. وهي إحدى التقنيات الأساسية الثلاث للويب: توفر لغة HTML البنية، وتوفر لغة CSS المظهر، و Javaيوفر البرنامج النصي التفاعل. في كل مرة يعرض فيها مربع البحث اقتراحات أثناء الكتابة، أو يتم تحريك شريط الصور، أو يحذرك نموذج التسجيل من وجود حقل مفقود، Javaيقوم البرنامج النصي بهذا العمل في الخلفية.

يوضح الرسم البياني أدناه كيف يتم وضع البرنامج النصي بجانب ترميز صفحة ويب عادية.

طوال معظم حياتها Javaوُصفت لغة البرمجة النصية بأنها لغة برمجة نصية من جانب العميل، لأنها كانت تعمل فقط داخل المتصفح. هذا الوصف غير مكتمل الآن. فمنذ ظهور Node.js في عام 2009، أصبحت اللغة نفسها تُستخدم أيضًا في خوادم الويب، وأدوات سطر الأوامر، وتطبيقات سطح المكتب، وتطبيقات الجوال. والوصف الأكثر دقة اليوم هو أن Javaلغة البرمجة النصية هي لغة عامة الأغراض ذات حضور قوي بشكل غير عادي في المتصفح.

الخصائص التي تحدد اللغة هي:

• مُصنَّف ديناميكيًا: يمكن للمتغير أن يحمل رقمًا الآن وسلسلة نصية بعد لحظة، لذلك يتم فحص الأنواع أثناء تشغيل البرنامج.
• تمت ترجمتها وتجميعها في الوقت المناسب: تقوم محركات مثل V8 في Chrome و Node.js بتحويل التعليمات البرمجية التي يتم تنفيذها بشكل متكرر إلى لغة الآلة لتحقيق السرعة.
• متعدد النماذج: يتم دعم جميع أنماط البرمجة الإجرائية والوظيفية والموجهة للكائنات.
• مدفوع بالأحداث: يتفاعل الكود مع النقرات وضغطات المفاتيح والمؤقتات واستجابات الشبكة بدلاً من التشغيل من الأعلى إلى الأسفل والتوقفping.
• أحادي الخيوط مع حلقة أحداث: يتم وضع العمليات البطيئة مثل مكالمة الشبكة في قائمة الانتظار بدلاً من تجميد الصفحة.

تاريخ Javaسيناريو

بريندان إيتش ابتكر Javaبدأ سكريبت في شركة نتسكيب للاتصالات عام 1995، حيث أنتج أول نموذج أولي عملي في غضون عشرة أيام تقريبًا. وكان المشروع يُطلق عليه داخليًا اسم موكاتم إصداره ضمن نسخة تجريبية من متصفح نتسكيب نافيجاتور 2.0 باسم ليف سكريبت في سبتمبر 1995، وتم تغيير اسمه Javaسيناريو في ديسمبر 1995 كجزء من اتفاقية تسويق بين نتسكيب وسن مايكروسيستمز، الشركة التي كانت تمتلك Java في ذلك الوقت.

إن إعادة التسمية هي السبب الوحيد الذي يجعل الكثير من المبتدئين لا يزالون يفترضون Javaسكريبت هو إصدار خفيف الوزن من Javaاللغتان مختلفتان تمامًا من حيث التصميم والملكية وبيئة التشغيل. قدمت نتسكيب اللغة إلى منظمة ECMA الدولية عام ١٩٩٦، ونُشرت النسخة الأولى من معيار ECMA-262 في يونيو ١٩٩٧. يوضح الجدول أدناه أهم المحطات الرئيسية عند قراءة الشفرة البرمجية القديمة.

بسبب دورة الإصدار السنوية، يبدو الكود المكتوب قبل عام 2015 مختلفًا بشكل ملحوظ عن الكود الحديث. تستخدم الدروس التعليمية القديمة var في كل مكان، بينما يفضل الكود الحالي let و const متى تعريف المتغيرات في Javaسيناريو.

ما هي تفاصيل Javaما الغرض من استخدام هذا النص البرمجي؟

Javaلم يعد استخدام لغة البرمجة النصية مقتصراً على حيل الصفحات الصغيرة. فالصيغة نفسها تظهر الآن في أربعة مواضع مختلفة تماماً، وهذا ما يجعلها تُصنف باستمرار كواحدة من أكثر اللغات استخداماً في استطلاعات رأي المطورين.

تعتمد عليه أيضًا الألعاب، وتصورات البيانات، وإضافات المتصفح، ومشاريع الأجهزة الصغيرة. بالنسبة للمبتدئين، النتيجة العملية بسيطة: الجهد الذي تبذله في تعلم قواعد اللغة الآن ينتقل مباشرةً إلى العمل على الخوادم، وتطبيقات الجوال، وأتمتة الاختبارات لاحقًا. إذا كنت ترغب في رؤية تطبيق اللغة على مشاكل حقيقية، فاعمل على مجموعة من... عملي Javaأمثلة على أكواد البرمجة النصية بمجرد أن تصبح الأساسيات مريحة.

كيفية تشغيل Javaالبرنامج النصي؟

Javaلا يتم تنفيذ البرنامج النصي تلقائيًا. إنه يحتاج إلى بيئة مضيفة تحتوي على Javaسيناريو محركيستخدم كل من متصفحي Chrome و Edge محرك V8. Firefox يستخدم SpiderMonkey، ويستخدم Safari JavaScriptCore. عندما يقوم المتصفح بتنزيل صفحة HTML ويجد نصًا برمجيًا، فإنه يسلم هذا النص البرمجي إلى محركه، الذي يقوم بتحليله وتجميعه وتشغيله.

بيئة الاستضافة الثانية هي Node.js، التي تُضمّن محرك V8 نفسه خارج المتصفح. هكذا تعمل اللغة نفسها على الخادم أو في سطر الأوامر. الميزة العملية لـ Javaالنص هو ذلك يدعمها كل متصفح حديث on Windowsو Linux و macOSلذا نادرًا ما تحتاج إلى القلق بشأن المتصفح الذي يستخدمه الزائر. هذا تحسين حقيقي مقارنةً بـ VBScript، الذي كان يعمل فقط على متصفح إنترنت إكسبلورر. Windows وقد تم إيقاف استخدامه الآن جنباً إلى جنب مع متصفح إنترنت إكسبلورر نفسه.

الأدوات التي تحتاجها

أنت بحاجة إلى محرر نصوص لكتابة التعليمات البرمجية ومتصفح لعرض النتيجة. Notepad++, Visual Studio Code, Sublime Textوأي محرر نصوص آخر ترتاح لاستخدامه سيفي بالغرض، مع العلم أن استخدام محرر نصوص يدعم تمييز الصيغة ومطابقة الأقواس سيوفر عليك الكثير من الجهد في تصحيح الأخطاء. جميع المتصفحات الحديثة تعمل. Google Chrome, Firefox, Microsoft Edgeأو متصفح سفاري. لا يلزم شراء أو تثبيت أي شيء آخر غير هذين العنصرين.

بسيط Javaبرنامج نصي

اذا واصلتم Javaيجب أن يكون النص البرمجي داخل مستند HTML نفسه، ويجب أن يكون كل الكود بين فتحتين <script> علامة وختام </script> الوسم. هذه هي الطريقة التي يميز بها المتصفح الكود الخاص بك عن الترميز المحيط به. الصفحات القديمة أيضًا تُعيّن وسمًا. type السمة، مكتوبة على النحو التالي: <script type="text/javascript">، وهو ما كان ضروريًا عندما كانت لغات البرمجة المنافسة من جانب العميل موجودة مثل VBScript. أما الصفحات الحديثة فتتجاهله، لأن HTML5 يعامله text/javascript كإعداد افتراضي. الإصداران أدناه متطابقان وظيفيًا، وكلاهما لا يزال صالحًا.

مرحبا العالم مثال

يعرض البرنامج الأول التقليدي رسالة. ضع الترميز التالي في ملف باسم hello.html وافتحه في متصفح الإنترنت.

<html>
<head>
	<title>My First JavaScript code!!!</title>
	<script type="text/javascript">
		alert("Hello World!");
	</script>
</head>
<body>
</body>
</html>

الإخراج:

A browser dialog box opens containing the text:

Hello World!

ملاحظة: type="text/javascript" ليس ذلك ضرورياً في HTML5. الكود التالي يعمل بنفس الطريقة تماماً.

<html>
<head>
	<title>My First JavaScript code!!!</title>
	<script>
		alert("Hello World!");
	</script>
</head>
<body>
</body>
</html>

الإخراج:

A browser dialog box opens containing the text:

Hello World!

بمجرد أن يتجاوز طول الصفحة بضعة أسطر، يتم نقل النص البرمجي إلى مكانه الخاص. .js يحافظ الملف على قابلية قراءة الترميز ويسمح للمتصفح بتخزين الكود مؤقتًا. وتُغطى الاختلافات بالتفصيل في هذه المقارنة لـ داخلي وخارجي Javaسيناريو.

كيفية كتابة وتشغيل أول نص برمجي لك

هناك ثلاث طرق عملية للتنفيذ Javaيجب على المبتدئين تجربة الأنواع الثلاثة جميعها لأن كل نوع منها يناسب موقفًا مختلفًا.

1. وحدة تحكم المتصفح. هذا هو الخيار الأسرع ولا يتطلب أي ملفات على الإطلاق. افتح أي صفحة ويب، ثم اضغط F12 (أو Ctrl+Shift+أنا على Windows وفي لينكس، Cmd+Option+I تشغيل macOS) ، وحدد ملف كنسولات اضغط على مفتاح Tab. اكتب سطرًا، ثم اضغط على مفتاح Enter، وستظهر النتيجة فورًا. إنه المكان الأمثل لاختبار تعبير واحد أو للتحقق من القيمة التي تُرجعها دالة.

// Type each line into the browser console and press Enter
console.log(2 + 2);
console.log("Guru" + 99);
console.log(Math.max(4, 12, 7));
console.log(typeof "hello");

الإخراج:

4
Guru99
12
string

لاحظ السطر الثاني. إضافة الرقم 99 إلى السلسلة "Guruينتج " السلسلة "Guru99" بدلاً من خطأ، لأن Javaيقوم البرنامج النصي بتحويل الرقم إلى نص تلقائيًا. هذا السلوك مريح، ولكنه أيضًا مصدر شائع للأخطاء البرمجية لدى المبتدئين.

2. ملف HTML. هذا مثال "مرحباً بالعالم" الموضح أعلاه. استخدمه كلما احتاج الكود إلى التعامل مع الصفحة نفسها، على سبيل المثال قراءة قيمة نموذج أو تغيير عنصر.

3. تشغيل Node.js من سطر الأوامر. قم بتثبيت Node.js، واحفظ الكود في ملف بـ .js ثم قم بتشغيل الإضافة. node first-script.jsلا شيء يُعرض، لذا console.log تصبح قناة الإخراج الخاصة بك. هذا هو المسار الذي يجب اتباعه عندما تريد ممارسة خصائص اللغة الخالصة دون أي HTML محيط بها.

// first-script.js
const language = "JavaScript";
const createdBy = "Brendan Eich";
const releaseYear = 1995;

console.log(language + " was created by " + createdBy + " in " + releaseYear + ".");

const usedFor = ["Interactive web pages", "Server apps with Node.js", "Mobile apps"];

usedFor.forEach(function (item, index) {
  console.log(index + 1 + ". " + item);
});

الإخراج:

JavaScript was created by Brendan Eich in 1995.
1. Interactive web pages
2. Server apps with Node.js
3. Mobile apps

يستخدم هذا النص البرمجي القصير بالفعل ثلاث أفكار ستصادفها باستمرار: الثوابت المُعلنة باستخدام constو مجموعة تحتوي على قائمة من القيم، ودالة رد نداء يتم تمريرها إلى forEachإعادة كتابة نفس الحلقة باستخدام for يُعدّ هذا البيان تمرينًا مفيدًا بعد دراستك له. حلقات في Javaسيناريو.

Javaالنص مقابل Java

تُعدّ هذه الأسماء أكبر خطأ في تاريخ البرمجة، والارتباك الذي تسببه يستحق التوضيح مبكراً. Javaتم تغيير اسم سكريبت من لايف سكريبت لأسباب تسويقية بحتة في عام 1995، في وقت كان فيه Java كانت هذه التقنية الأكثر تداولاً على الإنترنت. وقد صُممت اللغتان من قبل أشخاص مختلفين، في شركات مختلفة، لحل مشاكل مختلفة.

التشابه الحقيقي الوحيد بينهما هو أن كليهما يستعيران صيغة الأقواس المعقوفة من لغة C. تعلم أحدهما لا يُعلّمك الآخر، مع أن الصيغة المشتركة تجعل اللغة الثانية أسهل قليلاً في القراءة. إذا كان القصد صارمًاping يسعى اليك، TypeScript يضيف طبقة نوع ثابتة فوق Javaنص برمجي أثناء تجميعه إلى نص عادي Javaالنص، والاختلافات موضحة في هذا TypeScript و Javaمقارنة النصوص.

بعد وضع الأساسيات، تكون الخطوات التالية الطبيعية هي التفاعلية Javaتمارين كتابة السيناريو، ثم المتغيرات وأنواع البيانات، تليها المصفوفات و الحلقات. بعد ذلك، وجوه المنحى Javaسيناريو يشرح كيفية ترابط الكائنات والنماذج الأولية والفئات، و تنسيق السلسلة يغطي هذا الموضوع معالجة النصوص التي ستستخدمها في كل برنامج نصي تقريبًا.

الأسئلة الشائعة