SOMMAIRE ‫فهرس‬

• 1. Introduction aux Fondamentaux ‫ مقدمة في أساسيات‬.1 •

de JavaScript (18 heures) : • JavaScript ‫القواعد األساسية‬
 Syntaxe de base et structure du ‫ وبنية لغة‬JavaScript.
langage JavaScript. ‫ أنواع البيانات‬،‫ المتغيرات‬
 Variables, types de données et .‫والمشغالت‬
opérateurs.
‫ هياكل التحكم (الحلقات‬
 Structures de contrôle (boucles, .)‫والشروط‬
conditions).
.‫ الدوال ونطاق المتغيرات‬
 Fonctions et portée des variables.
PSFEP1: BOUCHOUL NASSIRA
 ‫‪ .1‬القواعد األساسية وبنية لغة ‪:JavaScript‬‬

‫تستخدم ‪ JavaScript‬قواعد مشابهة للعديد من لغات البرمجة األخرى‪ .‬يتم إنهاء األوامر‬
‫غالًبا بفاصلة منقوطة‪.‬‬
‫مثال‪:‬‬
‫;"!‪let message = "Bonjour, le monde‬‬
‫)‪ // ;console.log(message‬يعرض "‪ "!Bonjour, le monde‬في وحدة التحكم‬

‫‪PSFEP1: BOUCHOUL NASSIRA‬‬

‫;"!‪let message = "Bonjour, le monde‬‬

‫)‪ // ;console.log(message‬يعرض "‪ "!Bonjour, le monde‬في وحدة التحكم‬

‫‪ : ;"!let message = "Bonjour, le monde ‬هنا نستخدم الكلمة المفتاحية ‪let‬‬

‫‪ ‬لتعريف متغير باسم ‪ message‬وإعطائه القيمة "‪ ،"!Bonjour, le monde‬وهي سلسلة‬
‫نصية‪.‬‬

‫‪ console.log(message); :‬‬

‫‪ )(console.log‬لعرض قيمة المتغير‬ ‫‪ ‬هذه السطر يستخدم دالة‬
‫‪ message‬‬
‫‪PSFEP1: BOUCHOUL NASSIRA‬‬

‫بالمطور)‪.‬‬ ‫‪ ‬في وحدة التحكم الخاصة بالمتصفح (أو في وحدة التحكم الخاصة‬
 ‫‪ .2‬المتغيرات‪ ،‬أنواع البيانات والمشغالت‪:‬‬
‫يتم استخدام المتغيرات لتخزين البيانات‪ .‬تدعم ‪ JavaScript‬العديد من أنواع البيانات مثل‬
‫السالسل النصية‪ ،‬األرقام‪ ،‬والقيم المنطقية‪ .‬يتم استخدام المشغالت (‪ )/ ,* ,- ,+‬للتعامل‬
‫مع هذه البيانات‪.‬‬
‫مثال‪:‬‬
‫;‪let nombre = 5‬‬
‫;"‪let chaine = "Hello‬‬
‫الناتج سيكون ‪let somme = nombre + 10; // 15‬‬

‫‪PSFEP1: BOUCHOUL NASSIRA‬‬

let nombre = 5;
let chaine = "Hello";
let somme = nombre + 10; // 15 ‫الناتج هو‬
 let nombre = 5;
.5 ‫ من نوع عدد صحيح بالقيمة‬nombre ‫ تعريف متغير باسم‬: 
 let chaine = "Hello";
."Hello" ‫ من نوع سلسلة نصية بالقيمة‬chaine ‫ تعريف متغير باسم‬: 
 let somme = nombre + 10;
somme ‫ المتغير‬.10 ‫ مع العدد‬nombre (5) ‫ هذا السطر يجمع قيمة المتغير‬: 
.15 ‫سيأخذ القيمة‬
PSFEP1: BOUCHOUL NASSIRA
 ‫‪ .3‬هياكل التحكم (الحلقات والشروط)‪:‬‬
‫تتيح هياكل التحكم التحكم في تدفق تنفيذ البرنامج‪ .‬تسمح الشروط (‪ )if, else‬بتنفيذ‬
‫األكواد بناًء على شرط معين‪ ،‬وتتيح الحلقات (‪ )for, while‬تنفيذ األكواد بشكل متكرر‪.‬‬
‫مثال‪:‬‬
‫{ )‪if (nombre > 5‬‬
‫;)"‪.‬العدد كبير"(‪console.log‬‬
‫{ ‪} else‬‬
‫;)"‪.‬العدد صغير"(‪console.log‬‬
‫}‬
‫{ )‪for (let i = 0; i < 5; i++‬‬
‫;)‪: " + i‬يساوي ‪console.log("i‬‬
‫}‬ ‫‪PSFEP1: BOUCHOUL NASSIRA‬‬
 ‫الشرط ‪if...else‬‬
‫{ )‪if (nombre > 5‬‬
‫;)"‪.‬العدد كبير"(‪console.log‬‬
‫{ ‪} else‬‬
‫;)"‪.‬العدد صغير"(‪console.log‬‬
‫}‬
‫)‪ if (nombre > 5‬‬
‫‪ : ‬يتحقق مما إذا كانت قيمة ‪ nombre‬أكبر من ‪ .5‬إذا كان الشرط صحيًح ا‪ ،‬يتم تنفيذ‬
‫الكود التالي‪.‬‬
‫;)"‪.‬العدد كبير"(‪ console.log‬‬
‫‪ : ‬إذا كان الشرط صحيًح ا‪ ،‬يعرض "العدد كبير" في وحدة التحكم‪.‬‬
‫} ;)"‪.‬العدد صغير"(‪ else { console.log‬‬
‫‪PSFEP1: BOUCHOUL NASSIRA‬‬

‫‪ :‬إذا كان الشرط غير صحيح‪ ،‬يتم تنفيذ الكود البديل وعرض "العدد صغير"‪.‬‬ ‫‪‬‬
 ‫حلقة ‪for‬‬
‫{ )‪for (let i = 0; i < 5; i++‬‬
‫;)‪: " + i‬يساوي ‪console.log("i‬‬
‫}‬
‫)‪ for (let i = 0; i < 5; i++‬‬
‫‪ : ‬هذه الحلقة تبدأ من ‪ i = 0‬وتستمر في تنفيذ الكود طالما أن ‪ i‬أقل من ‪ ،5‬وتزيد قيمة‬
‫‪ i‬بمقدار ‪ 1‬بعد كل تكرار‪.‬‬
‫;)‪: " + i‬يساوي ‪ console.log("i‬‬
‫‪ : ‬يعرض قيمة ‪ i‬في كل تكرار للحلقة‪ ،‬أي ‪.4 ،3 ،2 ،1 ،0‬‬

‫‪PSFEP1: BOUCHOUL NASSIRA‬‬

 ‫‪:‬الدوال ونطاق المتغيرات ‪4.‬‬
‫الدوال عبارة عن كتل من األكواد التي يمكن إعادة استخدامها‪ .‬يحدد نطاق المتغير أين‬
‫يمكن استخدامه داخل البرنامج‪ .‬المتغيرات التي يتم تعريفها داخل دالة تكون متاحة فقط‬
‫داخل تلك الدالة‪.‬‬
‫مثال‪:‬‬
‫{ )‪function addition(a, b‬‬
‫;‪return a + b‬‬
‫}‬
‫الناتج سيكون ‪let resultat = addition(3, 4); // 7‬‬

‫‪PSFEP1: BOUCHOUL NASSIRA‬‬

 ‫تعريف واستدعاء دالة‬
‫{ )‪function addition(a, b‬‬
‫;‪return a + b‬‬
‫}‬
‫الناتج هو ‪let resultat = addition(3, 4); // 7‬‬
‫)‪ function addition(a, b‬‬
‫‪ : ‬هذا تعريف لدالة تسمى ‪ addition‬تأخذ وسيطين هما ‪ a‬و ‪.b‬‬
‫;‪ return a + b‬‬
‫‪ : ‬الدالة ترجع مجموع القيمتين ‪ a‬و ‪ .b‬عند استدعاء الدالة بالقيم ‪ 3‬و ‪ ،4‬ستعيد‬
‫القيمة ‪.7‬‬
‫;)‪ let resultat = addition(3, 4‬‬
‫‪ : ‬يستدعي الدالة ‪ addition‬بالقيمتين ‪ 3‬و ‪ .4‬المتغير ‪ resultat‬سيأخذ القيمة ‪.7‬‬
‫‪PSFEP1: BOUCHOUL NASSIRA‬‬
 ‫نطاق المتغيرات‬:

function maFonction() {
let x = 10; // x ‫متاح فقط داخل هذه الدالة‬
console.log(x);
}
maFonction();
console.log(x); // ‫خطأ‬: x ‫غير معرف خارج الدالة‬

PSFEP1: BOUCHOUL NASSIRA

‫{ )(‪function maFonction‬‬
‫;‪let x = 10‬‬
‫‪ //‬المتغير ‪ x‬متاح فقط داخل هذه الدالة‬
‫;)‪console.log(x‬‬
‫}‬
‫;)(‪maFonction‬‬
‫)‪ // ;console.log(x‬خطأ‪ :‬المتغير ‪ x‬غير معرف خارج الدالة‬
‫;‪ let x = 10‬‬
‫‪ : ‬المتغير ‪ x‬معرف داخل الدالة ‪ ،)(maFonction‬لذا فهو متاح فقط داخل تلك الدالة‪.‬‬
‫;)‪ console.log(x‬‬
‫‪ :‬يعرض قيمة ‪ x‬داخل الدالة فقط‪.‬‬ ‫‪‬‬
‫;)‪ console.log(x‬‬
‫‪ : ‬خارج الدالة‪ ،‬ستحدث خطأ ألن ‪ x‬غير معرف خارج نطاق الدالة‪.‬‬
‫‪PSFEP1: BOUCHOUL NASSIRA‬‬