Learn JavaScript In Arabic 2021 - #114 - BOM Challenge

BOM Challenge

Study Plan:

Code & Notice:

Assignments:

=============================

Support Me on Patreon to Help me Create More Videos

I will be Very Happy if you Support my Channel.

Join Our Facebook Group:

Follow My Facebook Profile:

Like Facebook Page:

Follow Me On Twitter:

[ahmedaksam]

شكرا جزيلا بشمهندس اسامة على المجهود الجبار...
الحمد لله استغرقت حوالى يوم ونص ...عقبال ما عملته ....اليوم الاول عملته باستخدام كود اسباكتى ....ثم النص يوم التانى عدلت فى الكود وعملت functions ف سهلت الدنيا اكتر ...عاوز اقول الموضوع محتاج صبر ومحتاج ان الواحد يفكر لو حتى يرسم السناريو بالورقة والقلم ويبتدى يقول انا هعمل كذا وكذا ...كمان الموضوع محتاج سيرش شوية على شويه حاجات عشان تقدر تنفذ التحدى ...
انا عملت بعض الخطوات ممكن تساعد حد شوية
1- اننا عندنا 5 حاجات هتنعامل معاهم وهما زر الاضافة ورز الحذف والul اللى هتتعامل معاها وانت بتضيف العناصر و Array اللى هتخزن فيه القيم
2-الامر هيكون كالتالى هتكريت الاول Array فاضى فى local storage وبعدين سواء هضيف او هحذف او هعمل assign لل li فى ul او حتى الصفحة هتعمل relaod هعمل تلات حاجات هعمل retrieve لل Array اللى فى local Storage ثم هعدل فى الاراى ثم هعمل assign for li ثم هرجع الاراى تانى هناك فى local >>الامر اشبه انك بتروح تجيب حاجة من data base وترجع القيمة اللى عملتلها update
3 - لما اضغط على زر الاضافة هنعمل اجيب الاراى المتخزن فى local , وبعدين وبعدين همسح الكل كل الli اللى موجودة فى ul العرض بتاعى واضيف من الاراى الجديد فى ul واضيف الاراى الجديد فى المخزن
4 - لما اضغط على على زر الحدف ====> نفس الكلام هجيب الاراى من التخزين اعدله ( اشيل منه اللى انا علملتلها delete )وبعدين همسح الكل كل الli اللى موجودة فى ul العرض بتاعى واضيف من الاراى الجديد فى ul واضيف الاراى الجديد فى المخزن
وهكذا مع شويه tricks واحنا شغالين ب search عليهم والدنيا هتكون زى الفل

[elfaidii]

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

[heythemberkani]

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

[esradaoud]

شكرا كتير انا من فلسطين وكتير بستفيد من قناة حضرتك في دراستي الجامعية عنجد شكرا

[barmja-Tech]

عظمة علي عظمة كالعادة يا بشمهندس

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

هفضل احطلك الكومنت دا علي كل فيديو اذاكره في الكورس دا لحد ما يخلص

[ahmad_mido]

هندسة بعد اذنك ممكن كورس ريأكت بشرحك انت ❤️❤️❤️

[omarsherif]

التحدي كان صعب الصراحه بس كان ممتع:
before starting the challenge:
i searched for (JSON stringify) and (JSON parse) to be able to add an Array to localStorage

let input = document.querySelector('form input');
let button = document.querySelector('form button');
let tasks = [];
{
tasks =
tasks.forEach((e) => {
let title = document.createElement('p');
title.innerHTML = e;
let del =
del.innerHTML = "Delete";
let task =
task.append(title);
task.append(del);

del.addEventListener('click', (e) => {
tasks = tasks.filter((element) => element !==
window.localStorage.setItem('tasks', JSON.stringify(tasks));

})
})
}
document.forms[0].onsubmit = function(event){
event.preventDefault();
}
button.addEventListener('click', (e) => {
if(input.value == "") {
return;
} else {
tasks = tasks.concat(input.value);
window.localStorage.setItem('tasks', JSON.stringify(tasks));
let title = document.createElement('p');
title.innerHTML = input.value;
let del =
del.innerHTML = "Delete";
let task =
task.append(title);
task.append(del);

del.addEventListener('click', (e) => {

tasks = tasks.filter((element) => element !==
window.localStorage.setItem('tasks', JSON.stringify(tasks));

})
}
});

[mohanadnasiya]

الصراحة للأن هو اصعب تحدي طلع عيني وانا بعملو حرفيا اكثر من 5 ساغات بحث وتجارب وتفكير بس استفدت جدا منه الصراحة حاولو اعملو حتى لو شديتو بشعركم وانتو بتفكرو وتجربو عادي جدا ومتنسوش البحث اهم حاجة 😊😊👍👍 بالتوفيق
وشكر خاص للاستاد اسامة على المحتوى الرائع والتحدي الجميل

[amerprogramming]

الحل موجود على القناة نفسها بفيديو to-do list app with localStorage 😁

[gamersyriapubgmobile]

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

[abdalrzakal-mustafa]

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

[mohammedeleriaan]

0:27 0:53 حل التحدى فى أستخدام النصائح ..
كتابة الكود سهل لكن ترتيب طريقة الحل هو حجر الأساس دائما .

[mahfoudhmed]

ماشاء الله شرح وافي وجهد جبار ،جزاكم الله خيرا استاذنا الكريم

[mohamedfakhry]

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

[goldenlegendary]

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

[asmaakishk]

thanks for ur effort and please tell us about ur next plan in the channel, thanks again

[ahmadhajnajeeb]

يعطيك العافية كوتش أسامة, الصراحة كان ال task كتير صعب

[mouhannadal-hmedi]

ايه المواضيع الي حتتشرح بعد ال DOM وال BOM, الله يجزيك الخير يابش مهندس

[hamzahamza]

thanks that challenge is so hard hh but i'm solv it inshallah

[mohammedeleriaan]

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