أهلاً بك في عالم جافاسكريبت! سيساعدك هذا البرنامج التعليمي على فهم المفاهيم الأساسية، بدءًا من برنامج “مرحباً بالعالم!” الكلاسيكي، وانتهاءً بقواعد بناء الجملة الأساسية. جافاسكريبت، وهي لغة برمجة نصية قوية، جزء لا يتجزأ من تطوير الويب، مما يجعلها مهارة أساسية للمطورين الطموحين.
البدء: برنامج جافاسكريبت الأول الخاص بك
أبسط طريقة لبدء تعلم أي لغة برمجة هي إنشاء برنامج يعرض رسالة. في جافاسكريبت، نحقق ذلك باستخدام طريقة console.log(). تقوم هذه الطريقة بإخراج قيمة إلى وحدة تحكم المتصفح (عادةً ما يمكن الوصول إليها بالضغط على F12).
دعونا ننشئ برنامج “مرحباً بالعالم!” الخاص بنا:
console.log("Hello, World!");
لتشغيل هذا الكود، لديك عدة خيارات:
- وحدة تحكم مطور المتصفح: افتح وحدة تحكم مطور المتصفح (عادةً F12)، والصق هذا السطر، واضغط على Enter. سترى “مرحباً بالعالم!” معروضًا.
- ملف HTML: أنشئ ملف HTML (مثل
index.html) واضمن كود جافاسكريبت ضمن علامات<script>:
console.log("Hello, World!");
افتح ملف HTML هذا في متصفحك. ستظهر الرسالة في وحدة التحكم؛ لن يتغير شيء بشكل مرئي على صفحة الويب نفسها. سنتناول كيفية معالجة صفحة الويب مباشرةً في برامج تعليمية لاحقة.
فهم بناء جملة جافاسكريبت
الآن بعد أن قمنا بتشغيل برنامجنا الأول، دعونا نستكشف قواعد بناء جملة جافاسكريبت الأساسية:
- حساسية الأحرف: جافاسكريبت حساسة لحالة الأحرف.
console.logيختلف عنConsole.LogأوCONSOLE.LOG. - الفاصلات المنقوطة: على الرغم من أنها اختيارية في بعض الحالات، إلا أنه من الأفضل إنهاء كل بيان بفاصلة منقوطة (
;). هذا يعزز إمكانية قراءة الكود ويمنع الأخطاء المحتملة. - التعليقات: التعليقات ضرورية لشرح الكود الخاص بك. تدعم جافاسكريبت:
- تعليقات سطر واحد:
// هذا تعليق سطر واحد - تعليقات متعددة الأسطر:
/* هذا تعليق متعدد الأسطر يمكن أن يمتد على عدة أسطر */ - المتغيرات: المتغيرات تخزن البيانات. استخدم
let(للقيم القابلة للتغيير) أوconst(لثوابت) للإعلان عن المتغيرات:
let message = "Hello"; // يعلن عن متغير ويعين له قيمة نصية.
const pi = 3.14159; // يعلن عن ثابت ويعين له قيمة رقمية.
- أنواع البيانات: تعالج جافاسكريبت أنواع بيانات متنوعة، بما في ذلك الأعداد، والأسطر النصية، والقيم المنطقية (
true/false)، وnull، وundefined، والكائنات. سنتناول هذه بالتفصيل لاحقًا. - العوامل: تستخدم جافاسكريبت عوامل للحسابات الحسابية (
+،-،*،/)، والمقارنة (==،!=،>،<،>=،<=)، والمنطقية (&&،||،!)، والتعيين (=،+=،-=، إلخ).
يضع هذا المقدمة الأساس لمسيرتك في جافاسكريبت. ستتناول البرامج التعليمية المستقبلية مفاهيم متقدمة بشكل أعمق. ابقَ على اطلاع!
جدول المحتويات