مقدمة

JavaScript هي لغة برمجة متعددة الاستخدامات وعالية المستوى تُستخدم بشكل شائع في تطوير الويب لإنشاء تجارب مستخدم ديناميكية وتفاعلية. ويمكن استخدامه لتطوير الواجهة الأمامية والخلفية، مما يجعله أداة أساسية لمطوري الويب المعاصرين.

اعداد

1. وحدة تحكم المتصفح: افتح متصفح الويب الخاص بك وقم بالوصول إلى وحدة التحكم (الموجودة عادةً في أدوات المطور).
2. محرر النصوص: استخدم أي محرر نصوص مثل VSCode أو Sublime Text أو حتى Notepad.

الأساسيات

المتغيرات

تستخدم المتغيرات لتخزين البيانات. يمكنك الإعلان عن المتغيرات باستخدام Let أو const أو var.

let name = "John";
const age = 30;
var isStudent = true;

أنواع البيانات

تدعم JavaScript أنواعًا مختلفة من البيانات، بما في ذلك:

• السلسلة: "مرحبًا"
• الرقم: 42
• المنطقية: صحيحة أو خاطئة
• المصفوفة: [1، 2، 3]
• الكائن: {المفتاح: "القيمة" }
• غير محدد
• لا شيء
المهام

الوظائف عبارة عن مجموعات من التعليمات البرمجية مصممة لأداء مهمة معينة.

وظيفة الترحيب () { console.log("مرحبا أيها العالم!"); } تحية(); // الإخراج: مرحبًا بالعالم!

function greet() {
  console.log("Hello, World!");
}

greet(); // Output: Hello, World!

عبارات شرطية

يستخدم لتنفيذ إجراءات مختلفة بناءً على ظروف مختلفة.

دع الوقت = 20؛ إذا (الوقت

let time = 20;
if (time 

يستخدم لتكرار مجموعة من التعليمات البرمجية عدة مرات.



لـ (دع i = 0; i 



for (let i = 0; i 

يمكن لجافا سكريبت الاستجابة للأحداث، مثل النقرات أو إدخال لوحة المفاتيح.



انقر فوقي

  وظيفة قل مرحبا () {
    تنبيه("مرحبا!");
  }





Click me


يمكن لجافا سكريبت التفاعل مع عناصر HTML لتغيير المحتوى والنمط والسمات.



هذه فقرة.
تغيير النص

  وظيفة تغيير النص () {
    document.getElementById("demo").innerHTML = "تم تغيير النص!";
  }





This is a paragraph.
Change Text


يتم استخدام المصفوفات والكائنات لتخزين مجموعات من البيانات.


  
  
  المصفوفات




let Fruits = ["Apple"، "Banana"، "Cherry"]؛
console.log(fruits[0]); // الإخراج: أبل




let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[0]); // Output: Apple




 دع الشخص = {
  الاسم الأول: "جون"،
  الاسم الأخير: "دو"،
  العمر: 30
};
console.log(person.firstName); // الإخراج: جون




let person = {
  firstName: "John",
  lastName: "Doe",
  age: 30
};
console.log(person.firstName); // Output: John


تقدم JavaScript الحديثة (ES6 والإصدارات الأحدث) العديد من الميزات الجديدة:


  
  
  وظائف السهم




const add = (a, b) => a b;
console.log(add(2, 3)); // الإخراج: 5




const add = (a, b) => a   b;
console.log(add(2, 3)); // Output: 5




اسمحوا الاسم = "جون";
console.log(`مرحبا، ${name}!`); // الإخراج: مرحبًا جون!




let name = "John";
console.log(`Hello, ${name}!`); // Output: Hello, John!




let person = { الاسم الأول: "جون"، الاسم الأخير: "الظبية" };
Let { firstName, lastName } = person;
console.log(firstName); // الإخراج: جون




let person = { firstName: "John", lastName: "Doe" };
let { firstName, lastName } = person;
console.log(firstName); // Output: John


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

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