تعلم البرمجة باستخدام JavaScript


الدرس: احفظ المفردات باستخدام قائمة المصطلحات شهادة الإنجاز (انظر المثال)


الصفحة السابقة

ملخص الدورة


مبروك على الانتهاء من هذه الدورة الطموحة! لقد قطعت شوطًا طويلاً حقًا:

  • اللبنات الأساسية للتطبيق:
    • المتغيرات وأنواعها ،
    • الكائنات والفئات ،
    • المصفوفات والمجموعات.
  • منطق البرمجة:
    • العبارات والحلقات الشرطية ،
    • معالجة الأخطاء والاستثناءات ؛
  • أفضل الممارسات :
    • كيف تكتب كود نظيف ،
    • كيفية الاختبار والتصحيح.
مع كل ما تعلمته هنا ، فأنت على استعداد لاتخاذ الخطوة التالية في عالم JavaScript . قد تكون مهتمًا بعالم تطوير الواجهة أو frontend ، وكتابة JavaScript لواجهات الويب وتطبيقات الأجهزة المحمولة. يمكنك أيضًا تعلم البرمجة لوظائف الخلفية أو الخلفية ، وبناء خوادم وقواعد بيانات ويب كاملة.

على أي حال ، أتمنى أن تكون قد استمتعت بهذه الدورة بقدر ما استمتعت بكتابتها. أتمنى لك حظًا سعيدًا في المضي قدمًا ، والكثير من المرح في البرمجة!

قائمة المصطلحات


متغير (Variable)

يستخدم المتغير لربط اسم بقيمة. يمكن أن تتخذ القيمة عدة أشكال (نص ، رقم ، منطقي ، إلخ). يُعلن عنه باستخدام الكلمة   let  .
مثال :

let maVariable = “Contenu de la variable”;
 

ثابت (Constant)

الثابت هو متغير له خصوصية عدم القدرة على تغيير القيمة بمرور الوقت. . يُعلن عنه باستخدام الكلمة    const  .
مثال :


const maConstant = “Production”;
 

النوع (Type)

يتوافق النوع مع طبيعة القيم التي يمكن أن تأخذها البيانات (سلسلة ، رقم ، صفيف ، إلخ).
مثال  :


let monTableau = [‘a’,’b’,’c’]; let monNombre = 123:
 
اعتمادًا على نوعه ، يمكن تطبيق إجراءات متنوعة على متغير:
  • Number   يمكن للمتغيرات   الجمع والضرب وما إلى ذلك.
  • String   يمكن تحويل المتغيرات   إلى أحرف كبيرة باستخدام الوظيفة  maString.toUpperCase()
  • الأنواع الأخرى لكل منها وظائف مرتبطة.

البرمجة الكائنية (OOP)

البرمجة الكائنية هي نموذج برمجة (مفهوم) يتكون من تعريف وعمل عناصر تفاعلية تسمى "كائنات". "الكائن" هو مفهوم ، تمثيل ، فكرة تتعلق بالعالم المادي. على سبيل المثال ، كتاب ، صفحة كتاب ، خطاب ، إلخ.

الفئة (Class)

في OOP ، تقوم الفئة بتجميع الأساليب والخصائص (السمات) التي تتعلق بكائن ما. إنها تحدد ماهية الشيء وما يمكننا فعله بها.
مثال :

class MaClass{ }
 

مثيل فئة (Class instance)

مثيل الفئة هو إنشاء كائن واحد بناءً على تعريف الفئة. المثيل إذن هو عنصر واحد تم إنشاؤه من فئة. على سبيل المثال ، من فئة House ، يمكننا إنشاء نسختين تكونان عبارة عن منزلين مختلفين ولكن بناءً على نفس خطط البناء.
مثال :

let monInstance = new MaClass();خاصية / سمة الفئة
 
خاصية الفئة (تسمى أيضًا السمة ) هي متغير داخلي في فئة يمكن أن تتطور. على سبيل المثال ، يحتوي كائن المنزل على عدد أساسي من الأبواب ، ولكن يمكن أن تتغير هذه القيمة اعتمادًا على الإجراءات المتخذة على هذا المنزل (العمل ، على سبيل المثال).

مثال :


class Maison{
 
 constructor(couleur){
 this.couleur = couleur;
 }
  
 }
  
 let maMaison = new Maison(‘rouge’);
 console.log(maMaison.couleur) // “rouge”
 

طريقة الفئة (Class method)

طريقة الفئة هي وظيفة داخلية للفئة تسمح بتنفيذ الإجراءات داخل الفئة التي تم إنشاء مثيل لها. على سبيل المثال ، يمكن لطريقة "paint (color)" تغيير خاصية "color" الخاصة بكائن المنزل.
مثال :

class Maison{
 
 constructor(couleur){
 this.couleur = couleur;
 }
  
 changerCouleur(nouvelleCouleur){
 this.couleur = nouvelleCouleur;
 }
  
 }
  
 let maMaison = new Maison(‘rouge’);
 console.log(maMaison.couleur) // “rouge”
 maMaison.changerCouleur(‘bleu’)
 console.log(maMaison.couleur) // “bleu”
 

مجموعة (Collection)

المجموعات هي أنواع البيانات التي تسمح لك بتخزين مجموعة من البيانات في متغير واحد (مثل تخزين البيانات في مصفوفة). هناك نوعان رئيسيان من المجموعات: مصفوفة وكائن.

مجموعة نوع المصفوفة (Array type collection)

تتيح لك مجموعة من النوع Array إنشاء قائمة مرتبة من العناصر. يتم الوصول إلى أحد هذه العناصر من خلال فهرسها. يجب أن تعلم أن المؤشر الأول هو 0 وليس 1.
مثال :

let monArray = [‘a’,’b’,’c’];

console.log(monArray[0]); //  لأنه العنصر الأول في المصفوفة "a"  سيعطي
 

مجموعة من نوع الكائن (Collection of type Object)

مجموعة من النوع Object هي قائمة غير مرتبة لا تعمل من فهرس ولكن من مفتاح يتم إرفاق قيمة به. لذلك لاسترداد قيمة ، يجب علينا إدخال مفتاح هذه القيمة.
مثال :

let monObject = { nom: “Jean”, prenom: “Dupond”, age: 26};

console.log(monObject.age); // سيعطي 26

console.log(monObject[‘age’]); //أيضا   سيعطي 26
 

كتلة التعليمات البرمجية (Code block)

كتلة الكود هي جزء من الكود يبدأ بقوس افتتاح   {  وينتهي بقوس إغلاق} .
مثال :

if(condition){

// if  في كتلة  
}
 

المسافة الفارغة (Indentation)

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

if(condition){

console.log(“هذا السطر جيد المسافة البادئة ”);

console.log(“هذا السطر به مسافة بادئة سيئة ”);

}
 

العوامل المنطقية (Logical operators)

هذه أحرف خاصة تسمح لك بعمل شروط أكثر تعقيدًا من خلال ربط عدة شروط ، أو عن طريق إجراء مقارنات بين القيم. نجد الأحرف التالية: && ، || ، <،> ،> = ، <= ، == ، === ،! = و !.
مثال :

if(condition1 && !condition2){

console.log(“يتم عرض هذا السطر إذا كان الشرط 1 صحيحًا وإذا لم يكن الشرط 2 صحيحًا ”);

}
 

استثناء (Exception)

بمجرد وجود خطأ يتعلق بخطأ في التنفيذ ، يظهر خطأ في JavaScript ، وهذا ما يسمى استثناء. غالبًا ما نلاحظه في وحدة التحكم باللون الأحمر. يحتوي الاستثناء على معلومات تسمح بفهم أسباب المشكلة ، ويمكن للمرء بسهولة استرداد هذا الاستثناء داخل الكود لإجراء التصحيح بفضل الكتلة   try    { }     catch(e){  }  .
مثال :

try {

fonctionQuiRetourneUneException();

} catch(e)

console.log(“هناك استثناء: “+e.getMessage());

}
 

معلمة الوظيفة (Function parameter)

المعلمة هي القيمة التي تتوقعها الوظيفة عند الإدخال. يتم إعطاؤه اسمًا كمتغير سيتم استخدامه داخل الوظيفة للمعالجة. يمكن بالطبع أن يكون هناك العديد من المعلمات في الوظيفة.
مثال :

function maFonction(parametre1){

console.log(parametre1) // لقد عرضنا قيمة المعلمة

// معالجة

}
 

وسيطة الدالة (Function argument)

وسيطة الدالة هي القيمة التي سيتم إدخالها في مدخلات الدالة وقت التنفيذ. يرتبط هذا المفهوم ارتباطًا مباشرًا بمفهوم معلمة الوظيفة ، لأنه بشكل عام لكل معلمة للدالة ، سيتعين على المرء تقديم وسيطة.
مثال :
مع وظيفة myFunction المكتوبة أعلاه ، يمكننا القيام بما يلي:

let monArgument: “Bonjour”;

maFonction(monArgument); //"Bonjour" حصلنا على سجل يقول  
 

قيمة الإرجاع (Return value)

أثناء تنفيذ الوظيفة ، هناك العديد من العمليات التي يتم تنفيذها داخلها ، ويمكن إرجاع القيمة النهائية بالكلمة الأساسية "return" . هذا يجعل من الممكن استرداد القيمة التي تعيدها الوظيفة في متغير ، على سبيل المثال ، واستغلالها في بقية الكود.
مثال :

function additionner(valeur1, valeur2){

return valeur1 + valeur2; // ستعيد الدالة ستعيد الدالة مجموع القيمة 1 والقيمة 2
}

let resultat = additionner(12, 13); // ستكون النتيجة 25
 

العودية (Recursion)

العودية هو المفهوم الذي تستدعي فيه الوظيفة نفسها . على سبيل المثال ، الوظيفة العودية هي وظيفة تستدعي نفسها بطريقة أو بأخرى.
مثال :

function factorielle(number){

if(number <= 1) return 1;

else return (number * factorielle(number-1));

}