محمد_عاطف

العفو اخى الكريم . نعم يمكن وضع العنصر كاملا داخل عنصر جديد ويجب على هذا العنصر ان يحتوى خاصية position:relative ووضعه قبل ال footer ولكن تاكد من هذا العنصر طوله مثل طول العنصر عند فتحه حتى لل يحدث مشكلة . واذا اضفت مزيد من العناصر فللاسف لن يظهر سوى العناصر التى تساوى طول الصفحة حاول جعل ال body يحتو على height كبير بحيث يظهر شريط التمرير سيعمل معك . كما وضحت لك فان العنصر سيكون عائما اى اذا طوله اصبح اكبر من طول الصفحة فان الباقى لن يظهر لانه اصبح خارج الصفحة. هناك حل اخر باستخدام الجافا سكريبت يمكنك الشرجوع الى التصميم الاساسى الخاص بك وعند الضغط وبعد عمل ال transition قم بعمل scroll لاسفل الصفحة بالجافاسكريبت واعتقد ان هذا الحل المناسب لما تريد ان تقوم به .

وعليكم السلام ورحمة الله وبركاته . الخطأ لديك اخى الكريم فى العنصر الذى يحتوى على السمة feedback-v2 فلاحظ انك لتضع مكانه فى اخر الصفحة قمت باستخدام الخاصية margin-top وهى تقوم بوضع مسافات بين العناصر وبذلك وضعت مسافة بين هذا العنصر وبداية الصفحة . وعندما تقوم بعمل ال transition فان طول العنصر يصبح اكبر وبذلك المكان الخاص بالعنصر يتغير ويقوم بازاحة العناصر الاخرى لذلك يحدث تمرير للصفحة . ولحل تلك المشكلة فيجب علينا ان نحذف العنص من ال flow بحيث لا يتعامل مع العناصر الاخر فلا يوثر على مكانها . ويمكننا استخدام الخاصية postion:absolute فهذه الخاصية تقوم بحذف العنصر من ال flow ويصبح كانه عائما فى الصفحة فلا يؤثر على اماكن العناصر التى معه وبذلك طول الصفحة . فيمكنك حذف ال margin-top واضافة تلك الخصائص فى السمة feedback-v2. position: absolute; bottom: 0; واذا اردت ان تجعل هذا العنصر ثابت تماما فى اخر الصفحة حتى معى التمرير يظل ثابت قم بوضع fixed بدلا من absoulte وهاتين الطريقتين ستحل لك المشكلة فيمكنك استخدام ما تريد منهما

هل هذا المسار صحيح ويوجد الملف بداخله ؟

لجعل ملف يتم تحميله يجب الذهاب للمسار الخاص به . حاول ان تذهب الى عنوان ملف backup.php فى المتصفح و استبدله باسم ملف نسخه احتياطيه لديك على الاستضافه واخبرنى اذا تم تحميله ام لا. وايضا قارن المسار الذى يتم تحويلك له عند الضغط على زر تحميل والمسار الذى سوف تقوم بكتابته يدويا واخبرنى بالفرق .

وعليكم السلام ورحمة الله وبركاته . لغة بايثون لا يوجد بها null كما فى اللغات الاخرى ولكن بديل لها هى None . وكما فى اللغات الاخرى فان None فى بايثون تشير ايضا الى لاشئ او شئ فارغ لا قيمة له . والفرق ان None فى بايثون ليست قيمة بل هى كائن . وتستخدم None لتهيئة المتغيرات قبل ان نعطيها اى قيمة هكذا مثلا . a = None b = None ومن ثم من الممكن ان نتتحقق لاحقا فى الكود هل تم اسناد قيم ام لا عن طريق الكود التالى . a = None if a is None: print('empty') اذا كما وضحت فان None فى بايثون هى الكلمة المفتاحية المكافئة ل Null فى اللغات الاخرى

الحل يعتمد على مكان حفظ الملفات لديك وهل تقوم باستخدام اطار عمل لانشاء ال routes ام لا . وايضا من الممكن انك لا تسمح بتحميل الملفات لديك على الاستضافة عن طريق htaccess مثلا. لذلك هل يمكنك توضيح لى مكان ملف php الذى ارفقته فى السؤال ؟ وهل ملفات ال النسخ الاحتياطى يتم انشاءها فى نفس المكان بجوار الملف php ؟ وهل يمكنك ارسال الرابط الذى كان يذهب اليه قبل تعديل الكود كما اخبرتك ؟ لانى قد قمت بتجربة الكود الذى ارفقته لك وهو يعمل جيدا لدى لان الملفات موجودة بجوار ملف ال php و ايضا لم اقم بحذر الوصول اليها .

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

هل يمكنك ارسال صورة للصفحة ؟ وايضا العنوان الذى يتم توجيهك اليه ؟

الخطأ لديك فى هذا السطر . حيث انك تقوم بتوجيه المستخدم الى كامل مسار المجلد و هذا خطأ يجب ان تقوم بتوجيهه الى المسار النسبى للملف . ويمكنك استخدام هذا السطر وقد قمت بتجربته ويعمل جيدا . echo '<p><a href="' . substr(__DIR__, strlen($_SERVER['DOCUMENT_ROOT'])) . '/' . $filename . '" target="_blank">اضغط هنا للتحميل ملف النسخ الأحتياطي</a></p></h3>';

وعليكم السلام ورحمة الله وبركاته . كيف لا يعمل ؟ هل يمكنك ارسال صورة للخطأ . لفتح موجه الاوامر فى vs code يجب الضغط على زر CRTL مع ~ . وهى حرف ذ فى لوحة المفاتيح لديك . او يمكنك الذهاب الى قائمة terminal ومن ثم new terminal .

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

واياكم اللهم امين اخى الغالى

وعليكم السلام ورحمة اله وبركاته .رمضان مبارك علينا جميعا، نعم بالفعل توجد طريقتان تمكنك من تنفيذ ذلك . اول طريقة وهى فى نظرى معقدة بالنسبة لما تريد تنفيذه . وهى استخدام خاصية clip-path فى css وهى تسمح لك بقص الصورة واظهار جزء فقط منها ولكنها تحتاج ان تمرر لها القيم التى تريد ان تقص منها . clip-path: polygon(99% 0, 98% 18%, 96% 38%, 98% 60%, 97% 82%, 94% 100%, 0 100%, 0% 43%, 0 0); يمكنك استخدام تلك القيمة . وهذا رابط لموقع يمكنك من خلاله تجربة القيم التى تريدها . والطريقة الثانية هى خاصية mask وهى تمكنك من وضع صورة فوق صورة ودمجهم فيجب ان تكون الصورة التى فى ال mask تحتوى على لونين لون اسود او ابيض ومن خلال الخاصية mask سيتم دمج الصورتين واظهار المكان فى الصورة الاصلية الذى بالاسود واخفاء الجزء الذى بالابيض وهذه الصورة توضح ما اقصد. <!DOCTYPE html> <html> <head> <style> .mask1 { -webkit-mask-image: url(w3logo.png) ; mask-image: url(w3logo.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } </style> </head> <body> <h1>The mask-image Property</h1> <h3>An image with a mask layer image:</h3> <div class="mask1"> <img src="img_5terre.jpg" alt="Cinque Terre" width="600" height="400"> </div> <h3>Original image:</h3> <img src="img_5terre.jpg" alt="Cinque Terre" width="600" height="400"> <h3>Mask image:</h3> <img src="w3logo.png" alt="Cinque Terre" width="" height=""> </body> </html> وهذا هو الكود الخاص بها يمكنك التعديل عليه و تجربته ولكن سيتوجب عليك تعديل الصورة zigzag حيث يجب ان تجعل الجزء الايمن منها كله بالابيض حتى تعمل معك هذه الطريقة.

وعليكم السلام ورحمة الله وبركاته. هذه الطريقة ليست جيده اولا للارشفه وايضا لحجم الصفحة الكبير و غير هذا سرعة الصفحة ستكون بطيئة مما يجعلها ليست جيدة للارشفة. بالنسبة للارشفه فان محتو الصفحة سيكون واحد لل10 صفحات لان الارشفة تتم على المحتوىليس على طريقة العرض فى المتصفح. ثانيا اذا كان هيكل الصفحة كبير سيؤثر على سرعة ظهور الصفحة وتحميلها وسيؤثر على الارشقه بالفعل . اذا كنت تسخدم php او اى لغه اخرى يمكن وضع شرط تحقق وعلى اساس هذا الشرط يتم ارجاع صفحة ال html وبهذا محتوى الصفحة سيكون متغير وليس ثابتا

اعتقد ان هذه الاضافة هى المسئولة عن ذلك . يمكنك الضغط على هذا الزر واختيار كلمة disable ومن ثم اعادة فتح ال vs code مرة اخرى . اذا لم يتم حل المشكلة يمكنك استخدام هذه الطريقة لكل الاضافات الخاصة بال css لديك حتى تصل الى الاضافة المطلوبة ومن ثم حذفها . واذا اردت تفعيل الاضافة مرة اخرى قم بالضغط على نفس الايقونة ومن ثم اختار enable

يمكنك الضغط على هذه الايقونة والتى ستقوم باظهار لك الاضافات المثبته لديك ومن خلالها ايضا يمكنك تثبيت اى اضافة تريد

يبدو انه لديك اضافة Remix Icon الخاصة بمكتبة https://remixicon.com/ . اذا لم تكن تستعمل هذه المكتبة فمن الافضل حذف الاضافة الخاصة بها . يمكنك تصوير الاضافات لديك لاخبرك الاضافة التى تظهر لك هذه التوصيات

اذا كنت تقصد عدد المكتبات المثبته على جهازك ككل يمكنك استعمال امر pip list اما اذا كنت تقصد مشروع معين فيمكنك فتح ملف Pipfile وبداخله سيخبرك بالمكتبات التى تم تثبيتها اذا كنت تستعمل pipenv. وهنا تحت جزء packages فهذه هى المكتبات التى يعتمد عليها المشروع ويجب تثبيتها ليعمل جيدا معك.

ما هى لغة البرمجة لديك ؟

لا شكر على واجب . بالتوفيق لك ان شاء الله .

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

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

من المفترض ان ال live server يقوم بعمل مجلد المشروع الذى تقف فيه الى سيرفر ومن المفترض ايضا ان يستدعى ملفات الجافاسكريبت بشكل طبيعى . ان الكود الذى قمت بارفاقه يوجد فيه بعض الاخطاء لهذا لا عمل جيدا . وقد قمت بتعديل الاخطاء لك . اذا لم يعمل هل يمكنك ارسال صورة لل console لديك . حتى ارى ما هى الاخطاء الموجودة . class Person { constructor(name, age) { this.name = name; this.age = age; } // get age() { // return this._age; // } hellow() { console.log( `Hello , My name is ${this.name} , and I am ${this.age} years old` ) } } class Student extends Person { constructor(name, age, level) { super(name, age); this.level = level; } } const person = new Person('Ibrahim', 26); person.hellow(); // try and catch try { alert('try'); } catch (error) { alert('catch'); } function area(width, height) { if (isNaN(width) || isNaN(height)) { throw Error('Parameter is a number'); } return width * height; } const wait = time => new Promise( (resolve, reject) => { if (time > 5000) reject('Sory I can \ t wait'); setTimeout(resolve, time) } ); wait(2000) .then(() => { console.log("hello"); return wait(1000); }) .then(() => { console.log('world !'); }); new Promise((resolve, reject) => { setTimeout(() => resolve(1), 1000); }) .then(result => { console.log(result); return result * 2; });

ان ال remainder او باقى القسمة لا يمكن ان يتم على متغير من نوع float او double بل يجب ان يكون المتغيران من نوع int لانه يسمى باقى القسمة فليس له اى معنى لقسمة متغيرات من نوع float او double. وايضا يجب جعل المتغير Seconds من نوع int حيث لا توجد ثوانى بكسور اى لا يمكن مثلا ان يدخل المستخدم 60.5 . فيمكنك تغير نوع المتغير او عمل TYPECASTING للمتغير هكذا #include <iostream> #include <cmath> using namespace std; int main() { float Seconds; float remender; cout << "Enter Number Seconds: \n"; cin >> Seconds; int secperD = 24 * 60 * 60; int secperH = 60 * 6; int secperM = 60; int NumOfD = floor(Seconds / secperD); remender = (int) Seconds % secperD; int NumOfH = floor(remender / secperH); remender = (int) Seconds % secperH; int NumOfM = floor(remender / secperM); remender = (int) Seconds % secperM; int NumOfS = remender; } وايضا يوجد خطأ لديك حيث لم تقم بعمل include لمكتبة cmath وهى ضرورية لاستخدام الدالة floor

وعليكم السلام ورحمة الله وبركاته . اولا ساشرح لك لما يحدث الخطأ لديك . حينما تقوم باضافة مستمع للحدث (event listener) فانت تضيفه على كل الاجابات مع كل سؤال . اى لو ان لديك 4 اسئله فانت تضيف events listner على كل اجابة 4 مرات . ومع كل click على الاجابة فسيتم تنفيذها بعدد الاسئلة . اى ان فى السؤال الثالث و الاخير فانه يتم تنفيذ الكود الخاص بالتحقق من الاسئلة السابقة ايضا لذلك يظهر اكثر من اجابة صحيحة. ويحدث الخطأ لديك فى السؤال الثالث والاخير لان الاجابة الصحيحة ليس الاجابة رقم 2 . قم بتبديل مكان الاجابة الصحيحة للسؤال الثانى وسيظهر الخطأ فيه هو ايضا . والحل لذلك هو حذف الاجابات القديمة وانشاء اجابات جديدة مع كل سؤال . وهذا هو الكود كاملا بعد التعديل. const questions = [ { question: "which is largest animal in the world?", answers: [ { text: "Shark", correct: false }, { text: "Blue whale", correct: true }, { text: "Elephant", correct: false }, { text: "Giraffe", correct: false }, ], }, { question: "Which is the smallest continent in the world?", answers: [ { text: "Asia", correct: false }, { text: "Australia", correct: true }, { text: "Arctic", correct: false }, { text: "Africa", correct: false }, ], }, { question: "Which is the smallest country in the world?", answers: [ { text: "Vatican City", correct: true }, { text: "Bhutan", correct: false }, { text: "Nepal", correct: false }, { text: "Shri Lanka", correct: false }, ], }, { question: "Which is the more popular programmation language?", answers: [ { text: "JIK", correct: false }, { text: "Batata", correct: false }, { text: "Javascript", correct: true }, { text: "Youssef", correct: false }, ] } ]; const quiz = document.querySelector(".quiz"); const questionTitle = document.getElementById("quiz-question"); let choices = document.querySelectorAll(".quiz__choice"); const nextButton = document.getElementById("next-button"); const score = document.querySelector(".score"); const scoreNumber = document.getElementById("score-number"); const numberOfQuestions = document.getElementById("score-questionsNumber"); let scoreCounter = 0; let questionCounter = 0; const againButton = document.getElementById("score-again"); makeQuiz(0); nextButton.addEventListener("click", function () { if (questionCounter < questions.length) { makeQuiz(questionCounter); choices = document.querySelectorAll(".quiz__choice"); choices.forEach(function (choice) { choice.classList.remove("quiz__answer--correct", "quiz__answer--wrong"); }) } else { quiz.style.display = "none"; score.style.display = "block"; scoreNumber.textContent = scoreCounter; numberOfQuestions.textContent = questions.length; } }) function makeQuiz(questionIndex) { questionTitle.textContent = questions[questionIndex].question; let answers = questions[questionIndex].answers; choices = document.querySelectorAll(".quiz__choice"); choices.forEach(function (choice, answersIndex) { choice.textContent = answers[answersIndex].text; var new_element = choice.cloneNode(true); choice.parentNode.replaceChild(new_element, choice); new_element.addEventListener("click", function () { if (answers[answersIndex].correct) { new_element.classList.add("quiz__answer--correct"); scoreCounter++; } else { new_element.classList.add("quiz__answer--wrong"); choices = document.querySelectorAll(".quiz__choice"); choices.forEach(function (item, answersInd) { if (answers[answersInd].correct === true) { item.classList.add("quiz__answer--correct"); } }) } nextButton.disabled = false; }); }); questionCounter++; }