Learn JavaScript In Arabic 2021 -

Higher Order Functions - Map
Study Plan:
elzero.org/stu...
Code & Notice:
elzero.org/cat...
Assignments:
elzero.org/cat...
=============================
Support Me on Patreon to Help me Create More Videos
/ osamaelzero
I will be Very Happy if you Support my Channel.
elzero.org/supp...
Join Our Facebook Group:
/ elzerowebschool
Follow My Facebook Profile:
/ oselzero
Like Facebook Page:
/ elzerowebschool
Follow Me On Twitter:
/ osama_elzero

[@mohamednazeh1674]

بصراحة يابشمهندس لو حد فهم 100 % فعلشان حضرتك اللي برنس ف طريقة شرحلك . ربنا يباركلك

[@Lj_otaku]

تلخيص للي ما فهم, ال map يمسك فنكشن و array و يطبق الفنكشن على كل عنصر من عناصر ال array, ترجع لك array جديدة فيها النتايج الجديدة و ما تغير القديم لذلك تحتاج تحطها في متغير, ال map يقبل شغلتين داخله واحد منهم اساسي الي هو الفنكشن الي رح تطبقه على عناصر ال array, الثاني اختياري هو شي مساعد تقدر تستدعيه في الفنكشن الاصلية تقدر تحط فيه رقم و تستخدمه بالفنكشن الي في الماب او تقدر تحط فيه ميثود, الفنكشن نفسه يقبل ثلاث اشياء واحد اساسي و هو ال عنصر ال array الي رح تطبق عليه الفنكشن, الثاني اختياري و هو اندكس او موقع العنصر الي في الarray, الثالث اختياري و هو الarray نفسها كاملة, ان شاء الله فهمتوا ان اخطات فمن نفسي و ان اصبت فمن الله.

[@HAZEM.YASSER208]

تسلم والله وفرت عليا العناء الي كنت هقع فيه غير انك فهمتني اكتر فكرة عمل ال Higher Order Functions 🥰

[@Lj_otaku]

@@HAZEM.YASSER208 الله يسلمك ❤️

[@mohammedsaid982]

كل دول ليك ي هندسة
💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙💙

[@m00men1]

الواحد بقي برنس من ساعة ما بقي تلميذك يزعيم ، ربنا يباركلك🥰🥰🥰

[@baraa2459]

انا بحترمك كتير وياريت ماتفهمني غلط..
عم حس متل الدكتور الجامعي يلي بيعطي شي و الامتحان بيجي شي.
لما عم شوف الفيديوهات وروح حل التكليفات بيجيني احباط كبير انه في اشياء ماعم اعرف حلها وبعيد الفيديوهات ونفس النتيجة.
ومابعرف على شو المفروض ابحث لحتى لاقي الحل وبعيش شعور ضياع.
بعرف انه العذر مني ف ياريت نصيحة وانا بحبك كتير والله يعطيك العافية استاذ ❤️

[@ahmedosman6279]

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

[@ElzeroWebSchool]

فاكر اني هزعل بالعكس كلامك صحيح 100% ولو ما عملت كدة مستحيل تتعلم صح شوف الفيديو دة
ua-cam.com/video/v-6i6-EB82s/v-deo.html

[@muhammadgad8422]

جزاكم الله خير
نسأل الله أن ينفع بكم وأن يستعملكم ولا يستبدلكم

[@عبداللهمحمودعبدالهاديفاضل]

شرحك ممتع حبيبي , ربنا يحشرك مع رسول الله ,فهمت الدرس بنسبة 100% انتي ملهم ما شاء الله عليك

[@ForStudying-i6v]

انصحكو يا شباب تحلو التحدي بتاع الحلقة 70 باستخدام ال Map عشان تطبقو على الي تعلمتوه و الحمد الله فهمت بنسبة 500%

[@khadijaelmetyouy293]

انا بفهم دروسم من مهندسا او بدخل على موقع اسمه ChatGPT بيعطيني عدد هائل من تمارين مع الحب انا بنصح كل واحد فيه انا من المغرب 🇲🇦

[@emana.abdelmawla8145]

200% يا هندسة ، زادك الله علما

[@chikhouladlaid274]

جزاك الله خيرا استاذ اسامة ❤
الكود في الفيديو :
/*
Higher Order Functions
----> is a function that accepts functions as parameters and/or returns a function.
- Map -
----هي طريقة تتعامل مع المصفوفات
---- Method creates a new array
---- populated with the results of calling a provided function on every element in the calling array.
Syntax map(callBackFunction(Element, Index, Array) { }, thisArg)
- Element => The current element being processed in the array.
- Index => The index of the current element being processed in the array.
- Array => The current array
Notes
- Map return a new array
Examples
- Anonymous Function
- Named Function
*/
let myNums = [1, 2, 3, 4, 5, 6];
let newArray = [];
for (let i = 0; i < myNums.length; i++) {

newArray.push(myNums[i] + myNums[i]);
}
console.log(newArray);
// Same Idea With Map
// let addSelf = myNums.map(function (element, index, array) {
// // console.log(`Current Element => ${element}`);
// // console.log(`Current Index => ${index}`);
// // console.log(`Array => ${array}`);
// // console.log(`This => ${this}`);
// return element + element;
// }, 10)
// let addSelf = myNums.map( (element) => element + element);
// let addSelf = myNums.map( (a) => a + a); لو اختصرت الاسم بأي حرف يعجبك حيشتغل عادي
// console.log(addSelf);
function addition (ele) {
return ele + ele;
}
let add = myNums.map(addition);
console.log(add);

[@MohamedBk-wx3po]

جزاك الله خيرا يا بشمهندس و شكرا على هذا المجهود الرائع 🇲🇦🇲🇦🇲🇦🇲🇦🇲🇦

[@Al-homaidi505]

فهمتها 100\100 يا بشمهندس ربي يسعدك

[@وضاحأحمدالجبرتي]

شكرا يا باش مهندس ربنا يكتب اجرك

[@tamersarhan151]

ربنا يكرمك ويجازيك خير يا باشمهندس ، ما شاء الله تبارك الله عليك اسطوره

[@ahmadkh1468]

جزاك الله خيرا استاذ
كلو تمام 100\100 ...
بس في حاجة مش مفهومة ::
let addSelf = myNums.map(function (element, index, arr) {
return element + element;
}, 10);
رقم عشرة في الاخر هو ايه وليه؟؟؟؟؟؟

[@fadyalamir]

الف شكر يا هندسة ❤

[@mervatmohamed9578]

ربنا يبارك فى عمرك يا باشمهندس اسامة الحقيقة احنا بنفهم من اول مرة من شرحك و الله

[@awabahmed217]

جزاك الله خير

[@engineerzainshamsaldean2764]

أنا عدت الفيديو مرتين وتلاتة و شربت قهوة وما فهمتوو 100 من 100
ع كل أحوال الله يسلم ايديك

[@volcano3864]

الموضوع بسيط

[@volcano3864]

الماب بتعمل لوب على الArray

[@Aziz-kw6ct]

فيديو رائع جدا جدا و شرح وافي سهل عليا فهم الحاجه اللي مكنتش عارف افهمها بقالي مده

[@MohammedFalih-m3s]

فهمتها 100% شكرا يا برنس

[@barmja-Tech]

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

[@mohammedkh6463]

شكرا يا هندسة فمتها 100%

[@HumamMahdi]

الحمد لله اعتقد اني محسوب على البرنسات على قولك

[@sabrimuslim3122]

جزاك الله خيراً

[@-mohammadalakedy5417]

أنت أفضل إستاذ بالعالم أحلى إستاذ أسامة الغالي ، تحياتي من سوريا 🇸🇾🙏

[@abdulrahmanmohy-jm3hl]

جزاك الله خير يا هندسة

[@mehrezmehrez3135]

جزاك الله خيرا استاذ شرح اكثر من رائع ❤❤💖

[@MahmoudAbdullahAnani]

الحمد لله انا من الناس البرنسات الي فهمتها من اول مرة

[@Ahmedhassan-et1om]

عارف رقم 10 ال حطه تبع ايه ؟

[@QaisZayed.work90]

@@Ahmedhassan-et1om This Keyword

[@Nord-iq]

طبعا انتقل الان الى احلى فقرة بعد درس اللي هي التطبيق والبحث , فهمتها 500% 😁

[@AmgsAogmks]

شرح الأستاذ الزيرو بوصلك عالى الفكرة إذا مو من أول مرة من تاني أو حتى تالت مرة هيك أنا مع الكورسات تبعه بس هون لقيت صعوبة مشان أفهم 100 لهيك استعنت ب w3school فنصيحة يلي عندو مشكلة يفتح على موقع w3school ويشوف ال map طبعا إذا لاحق على المية بالمية

[@gamersyriapubgmobile]

جزاك الله خيرا يا بشمهندس و شكرا على هذا المجهود الرائع
زادك الله علمًا ورفعك قدرًا و جعل هذا العلم النافع فى ميزان حسناتك💗

[@ayaalaa7864]

let mynos = [20,50,10,60];
function calc (one,two,...nums)
{ let result=Number(one)+Number(two)+Number(nums);
if(result == 80){
return result ;
}
}
console.log(calc(10,mynos[0],mynos[1]));//80
we can ignore the if condition

[@أحمدالنجار-و3ي]

متألق كالعادة يا بشمهندس , جزاك الله خيرا

[@Karim_Safan]

الرقم 10 مستخدم كمثال عشان لما اجي اطبع `this` داخل الداله
وعادي ممكن احذفه طالما مش هطبعه داخل الداله مش هيأثر علي حاجه
في حالتنا لو طبعت `this` في ال`console` هيديني رقم 10

[@kaddourdjeffal8198]

ممكن سؤال 10 لي أضفته في map جبتها منين this argument زي ما قلت

[@ahmedkafass9793]

شكرا.. باش مهندس أسامة

[@mohamedemad2776]

ربنا يجازيك خير

[@rosemahmmed4482]

شكرا مهندس انا فهمت ميه في الميه

[@mixtv9143]

شرح مميز الحمد لله فهمتها

[@gergesgamal4774]

انا فهمتها ١٠٠% 🎉

[@mohamedemad-gh4qs]

جزاك اللة خيرا يا بشمهندس

[@hagarmuhammed6684]

ال this اللي قيمتها ب ١٠ دي وظيفتها ايه ؟

[@mohamedzaky1997]

07:15
// with arrow function
let add = a => a + a;

[@seddeknadhem5638]

شرح لا يعلى عليه, ابدعت.

[@AhmedMahmoudMMD]

اللهم صل وسلم علي سيدنا محمد

[@ahmedthapit5478]

انا من الناس البرنسات وفهمتها 100%

[@hamza1502]

100% جزاك الله خيرا

[@mastercode457]

والله انك معلم
100%

[@kintag4459]

بــــــــارك الله فيك

[@CSCoreDecoded]

جزاك الله خيرا استاذ اسامه
الفيديو مفهوم بس محتاج تركيز وممكن الي مفهمش يبطء الفيديو
الشرح الي تحت ممكن تقرءه لتفهم لو مفهمتش
عملنا متغير سميناه addself مهمته انه هيبقى array جديد يتحط فيه عناصر ال array القديم بس مجموعه على نفسها
عشان نسهل الموضع هنستعمل higher order function اسمها map
وظيفتها انها تقبل مني 2 parameters
1- الاول يكون function وتققبل 3 parameters وهم:
(العنصر الحالي الي عليه اللوب \ الاندكس بتاعه \ وال array القديم الي هنعمل عليه لووب) "ومهمتها مش بس اننا نمرر parameters لا فيها كمان ال action الي هيتطبق على العناصر الي في ال array القديمه "
2- وال parameter التاني الي بتقبله map هو this ودي لسه معرفش هيا ايه بس نكمل
دي هيا الجزئية الصعبة في الفيديو لو فهمتها هتفهم الباقي ان شاء الله
وبالتوفيق للجميع ولاستاذنا اسامه

[@addmembers2637]

براحة أنت مفعل هكر سرعة مش قادر أستوعب الموضوع ...
بس شكراً لك 💖💖💖😂

[@AhmedMohamed-cf9dd]

عيد الفديو وراك ايه

[@youtubel1239]

عيد الفيديو حتى لو 10 مرات المهم تتنتقل للفيديو الي بعده و انت فاهم :)

[@marwanzayed4359]

فهمته بنسبه 100%

[@sohadmad1823]

ما فهمت شو قصة ال10 يلي حطيتها معامل لدالة الmap

[@pickmooche8096]

ana kaman mafhemt had no9ta

[@muhammedalsin]

@@pickmooche8096 ههههههه

[@زكرياالراوي-ل1ص]

يعني اذا ما رجعت شي رح ترجع ١٠ ك default

[@hussenmohamed3568]

جزاك الله عنا خير الجزاء

[@AZ_English_21]

بارك الله فيك

[@golansy2814]

انا افهمتها 100% 😁

[@khaledradwan2685]

مفهمتش الصراحة الدرس ؛ بس هكمل زي ما قولتلنا وربنا ييسرها

[@user-ouss]

واخيرا فهمت el map

[@freefiree2794]

ده بجد

[@thebeastandthewest5191]

ما فهمت ايش الي هو this argument و ليش اخترت 10 بالضبط ياريت توضح اكثر و شكرا

[@webdeveloper7020]

انا فهمت الmap كويس جدا الحمد لله بس ماصولتليش الغرض من this argument

[@saidibrahim5931]

حقيقة ما فهمت هذا الدرس لانك شرحته بسرعة, حبذا لو شرحته كعادتك خطوة بخطوة

[@ahmedrageb1363]

Thank You
الMapفعلا محتاجه شوية شرح زيادة
شكراز

[@yehiakobeyssy7876]

ممناز يا مهديس بس في سؤال ما يعني this و لماذا 10 و شكرا

[@abdalrzakal-mustafa6083]

جزاك الله عنا خير الجزاء ❤ ❤

[@nouraljasim5878]

//arrow function for other exercises :
let ignoreNums = "Elz123e4ro";
let invert = [1,-2,-3,4,5];
let ign=ignoreNums.split("").map(ele=> isNaN(ele)? ele : "").join("");
let inv= invert.map(element => -element);
document.write(inv);
document.write(ign);

[@mohammedrai6565]

السلام عليك من سوريا❤️❤️

[@joudisoft]

شرح واضح ومفهوم جزاك الله خيراً

[@AZ_English_21]

تقبل الله منك يا أستاذ

[@FaridRoushdy]

الحمدلله 100%

[@mohammedrai6565]

انت شخص رائع😍😍

[@ous_537]

فهمت الدرس مليح ،
يعطيك الصحة الاخ
لكن مادام عندي functions يعطولي index و element و arr لماذا نحتاج map ؟ ام انها للاختصار فقط ؟

[@Amro-Alhmadani]

دالة من دوال اللغة داخلها functions arg

[@Mohammed_AlHemyari]

الدرس ناخذ فيه الأساسيات، بعض الأمور بنعرف قيمتها في الدروس القادمة، وبعضها بنعرفها في الشغل والتطبيق

[@HamzaBounibane]

thanks fo the video can you please do a short video on backend-dev roadmap please

[@apiwiyusuf7400]

100% الله يجازيك بخير

[@abdelrahmanalaa4575]

انا فهمتهاا 100%

[@Amro-Alhmadani]

مفهوم

[@abdofelfel4695]

فهمته %100

[@theinvestor3494]

Ana fhimtha 100% ^__^

[@mohammedzakaria6757]

هو حضرتك بتبص علي الكيبورد وانت بتكتب ؟ ولا حضرتك بتستخدم ال touch typing

[@taalam132]

ربنا يجبر خاطرك ي بشمهندس

[@ntrnatural1535]

بصراحة لم افهم اي شي لكن ساعمل بكل جهدي كي افهم

[@engwalid4070]

Your best

[@Laitoo_1]

من بداية الكورس الوضع سهالات الى هنا حسيت بدوخه

[@AhmedMohamed-cf9dd]

انا فهمتها عشان كان عندي فكره عنها قبل كدة ومجربها قبل كدة😂

[@elite4879]

فهمتها 100%

[@muhamedkhaled9111]

i got it after the second watch :D

[@khalidahmed92]

معلومه غير مهمه
ممكن بدل ما نكتب mynum[1] + نفسها
ممكن (نضربها فى 2 )كتوفير مساحه فى الكود وكده😂

[@abuaqeel292]

فهمت بنسبة 96%

[@عامرمحمد-ذ8د]

100% i love you

[@khaoulagk8166]

أنا فهمتها حوالي 30 ,%

[@hossamragab1428]

هو ال This argument لازمته ايه ؟!

[@mohamedaminedammak2319]

السلام عليكم ورحمة الله وبركاته شني الفايدة من الthisArg و علاش10 و بارك الله فيك

[@iitzkratos1031]

انا حابب الناس ترد عليا و تقولي هب اللي فهمتوا صح ولا لا
اللي انا فهمتوا ان الماب ما هي الا لوب علي شكل ميثود بتديها الفانكشن اللي انت عايز تعملوا و بتديها كمان الاراي و الالمينت بتاعها و ممكن الاندكس كمان عشان لو عايز تبدا من جزء معين في الاراي

[@amoh96]

60%

[@e_souhil]

thanks

[@lailaahmed3733]

سؤال هو ليه ال addition ما حطيت لها elem في ال map ممكن توضح اكثر

[@jaafarrgayai1368]

لا توجد هذه الحلقات ضمن مسار تعلم javascript في موقع elzero.. كيف اتابع هذه كورسات من لأول.. المرجو توضيح

[@mohammedsaid982]

هذا الكورس تابعه من الاول حتفهم الجافا سكريبت

[@jaafarrgayai1368]

@@mohammedsaid982 انا متابع كورسات لي فموقع.. لم أجد هذه كورسات في playlist

[@anasrabea4062]

100% الحمد لله

[@ooss748]

شكرا يا استاذ
فهمتها لكن مو 100/100
و ماعرفت يلي بعد ال elements
كيف ممكن نستخدمهم

[@khalidhassan1000]

شبيهه ب
PHP array_map() Function