دورة javascript للمبتدئين الدرس الأول


فهاد الدرس الأول من دورة الجافاسكريبت للمبتدئين غادي نشوفوا اساسيات الجافاسكريبت لي هي اللغة رقم واحد حاليا فالعالم ولي حسب العديد من المبرمجين المحترفين هي اللغة المفضلة لديهم رقم واحد فحنا غادي نتطرقوا فهاد الدورة لكل ما يخص المبتدئ باش تولي عندو قاعدة فالجافاسكريبت ومن هنا يمكنلو ينتقل لمواضيع متقدمة ويخدم ب des frameworks لي سبق خدمنا بهم بحال vue js , react js أو angular js.


1- كيفاش تخدم ب les variables ف javascript

ف les variables هما حاجة مهمة فالبرمجة بأي لغة فباش نديكلاري une variable عندي ل prop var لي كتمكني نديكلاري une varibale فالجافاسكريبت عكس الجافا مكنحددش le type واش string ولا int كنخدم فقط ب var كنعطي الإسم والقيمة فمثلا فالكود المرفق ولي فيه ديكلارينا 3 د les variables ولي عندنا الاولى de type string فيها nom والثانية int حيت فيها age والثالثة والرابعة boolean فال boolean هو type لي كاياخد vrai أوfaux ولي كتكون القيمة ديالو هي true ولا false وعندي ايضا ل méthode  console.log لي كتمكن باش نعرض النتيجة فل console لي يمكنلك تدخلها ب F12 ف chrome أو يمكنلك تخدم ب ()alert حتى هي فقط للمعلومة فاحتافظ بنفس les documents لي زدنا فدورات css وhtml حيت غادي نكملو بنفس الملفات فالكود لي زدنا ولي يمكنلك تزيدو فالملف main.js هو :

                                //main.js code

var name = 'samadi';
console.log(name);
var age = 34;
console.log(age);
var married = true;
var blue = false;
                            

2- كيفاش تخدم بل arrays ف javascript

فباش نخدم بل arrays ولي هي المصفوفات ولي كتمكنا باش يكون عندنا مجموعة من les variables بالقيمة ديالهم  مخزنين وكل variable عندها index أو يمكنا نسميوه رقم فل array كل الخانات كيبداو من الزيرو فيلا بغيت الخانة الأولى من array كندخلها بزيرو الثانية عندها واحد وهي ماشا فالمثال المرفق عندي array فيها مجموعة من المدن بغيت نعرض فاس كنخدم ب console.log لي كتاخد ل array villes مع ل index ديال فاس لي هو 0 ويمكنلي ايضا نزيد فل array قيم اخرى فعندي ل fonction unshift لي كتمكن باش نزيد قيمة فلول ديال ل array فهنا زدنا casa ويمكن ايضا نمسح القيمة لأولى من array بل fonction shift ولي حتى هي عندنا فالمثال الكود لي زدنا هو :

                                //main.js code

//arrays
var villes = ['fes','taza','rabat'];
console.log(villes[0]);
//add to the first array
villes.unshift('casa');
console.log(villes);
//remove from the first of the array
villes.shift();
console.log(villes);
                            

3- كيفاش تخدم بل object ف javascript

les objets  ف javascript هما ايضا كيمكنوا من تخزين des variables بالقيم ديالهم غير هنا كتكون عندنا اسم ل variable مع la valeur ديالها فالمثال المرفق عندنا objet سميناه person عطيناه nom,prenom,age,ville وكل variable عندها قيمة فباش نجبدو مثلا الإسم كنخدم ب console.log لي كنعطيها person.nom ونفس الشي لخرين  الكود لي زدنا هو :

                                //main.js code

//object
var person = {
    nom : "samadi",
    prenom : "samir",
    age : 34,
    ville : 'Taza',
}
//show person
console.log(person.nom);
                            

4- كيفاش تخدم بل array object ف javascript

فكيف شفنا قبل فل array يمكن يكون فيهم des variables بالقيمة ديالهم فهاد المثال غادي نشوفوا array فيها مجموعة من les objets ولي سمينها contacts ولي يلا بغيت نسترجع شي contact كنخدم ب console.log لي كتاخد ل array contacts ول index ديال ل contact لي بغيت هنا بغينا 0 لي هو samadi وكنعرضوا tel ديالو ويمكن ايضا نزيد objet لل array باستعمال ل fonction push لي كتمكن من إضافة عنصر لتالي ديال ل array فهنا زدنا contact سميناه halim ومن بعد كنعرضوا بل console.log لي كنعطيها فقط ل index ديال ل contact لي هي 2 فكيف قلنا قبل ل array كتبدا من 0  الكود لي زدنا هو :

                                    //main.js code

//array of object
var contacts = [{nom: 'samadi',tel:'0567767676'},{nom: 'amine',tel:'0568867676'}];
console.log(contacts[0].tel);
//add object to the end of the array
contacts.push({nom:'halim',tel:'009909999'});
console.log(contacts[2]);
                                

5- كيفاش تخدم ب Date ف javascript

فباش نعرض la date ف javascript  كاين ل fonction Date  لي
كتمكن من استرجاع la date بالتوقيت العالمي فالمثال المرفق استرجعنا la date وعرضناها بل console.log الكود لي زدنا هو :

                                    // main.js code

//show date 
 var date = new Date();
 console.log(date);