محمد عاطف17
-
المساهمات
3124 -
تاريخ الانضمام
-
تاريخ آخر زيارة
-
عدد الأيام التي تصدر بها
29
نوع المحتوى
ريادة الأعمال
البرمجة
التصميم
DevOps
التسويق والمبيعات
العمل الحر
البرامج والتطبيقات
آخر التحديثات
قصص نجاح
أسئلة وأجوبة
كتب
دورات
كل منشورات العضو محمد عاطف17
-
هل يمكنك ارسال صورة للصفحة ؟ وايضا العنوان الذى يتم توجيهك اليه ؟
- 14 اجابة
-
- 1
-
-
الخطأ لديك فى هذا السطر . حيث انك تقوم بتوجيه المستخدم الى كامل مسار المجلد و هذا خطأ يجب ان تقوم بتوجيهه الى المسار النسبى للملف . ويمكنك استخدام هذا السطر وقد قمت بتجربته ويعمل جيدا . echo '<p><a href="' . substr(__DIR__, strlen($_SERVER['DOCUMENT_ROOT'])) . '/' . $filename . '" target="_blank">اضغط هنا للتحميل ملف النسخ الأحتياطي</a></p></h3>';
-
وعليكم السلام ورحمة الله وبركاته . كيف لا يعمل ؟ هل يمكنك ارسال صورة للخطأ . لفتح موجه الاوامر فى vs code يجب الضغط على زر CRTL مع ~ . وهى حرف ذ فى لوحة المفاتيح لديك . او يمكنك الذهاب الى قائمة terminal ومن ثم new terminal .
- 3 اجابة
-
- 1
-
-
وعليكم السلام ورحمة الله وبركاته. هذه الطريقة ليست جيدة و تحتوى على كثير من المشاكل . اولا بالنسبة للارشفة ومواقع البحث SEO فان هذه الطريقة ليست جيدة لانها تعتمد على المتصفح الخاص بالمستخدم ومواقع البحث لا تقوم بفتح الموقع ولكن تكتفى بالرد الذى ياتى من الخادم وبذلك فانها سترى ان محتوى الصفحة هو div فارغ . ثانيا بالنسبة لسرعة التنفيذ فان هذه الطريقة ستسبب بطئ شديد اذا تم استخدامها بطريقة خاطئة فان كنت تستعمل فانيلا جافا سكريبت للتعامل مع ال DOM مباشرة فان حذف عنصر او اضافة عنصر او حتى تعديله فانه سيتسبب فى اعادة بناء ال DOM من جديد واذا كان محتوى الصفحة كبير فان تكلفة اعادة البناء عالية وستزعج المستخدم حيث سيلاحظ بطئ التصفح على الموقع . واطر العمل تعتمد على Virtual DOM وهى اسرع من ال DOM . وايضا من الممكن ان تسبب ثغرات فى الموقع اذا كان الكود كبير ومعقد واذا حدث خطأ فليس من السهل تصحيحه.
- 3 اجابة
-
- 1
-
-
واياكم اللهم امين اخى الغالى
- 4 اجابة
-
- 1
-
-
وعليكم السلام ورحمة اله وبركاته .رمضان مبارك علينا جميعا، نعم بالفعل توجد طريقتان تمكنك من تنفيذ ذلك . اول طريقة وهى فى نظرى معقدة بالنسبة لما تريد تنفيذه . وهى استخدام خاصية 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 حيث يجب ان تجعل الجزء الايمن منها كله بالابيض حتى تعمل معك هذه الطريقة.
- 4 اجابة
-
- 2
-
-
وعليكم السلام ورحمة الله وبركاته. هذه الطريقة ليست جيده اولا للارشفه وايضا لحجم الصفحة الكبير و غير هذا سرعة الصفحة ستكون بطيئة مما يجعلها ليست جيدة للارشفة. بالنسبة للارشفه فان محتو الصفحة سيكون واحد لل10 صفحات لان الارشفة تتم على المحتوىليس على طريقة العرض فى المتصفح. ثانيا اذا كان هيكل الصفحة كبير سيؤثر على سرعة ظهور الصفحة وتحميلها وسيؤثر على الارشقه بالفعل . اذا كنت تسخدم php او اى لغه اخرى يمكن وضع شرط تحقق وعلى اساس هذا الشرط يتم ارجاع صفحة ال html وبهذا محتوى الصفحة سيكون متغير وليس ثابتا
-
اعتقد ان هذه الاضافة هى المسئولة عن ذلك . يمكنك الضغط على هذا الزر واختيار كلمة disable ومن ثم اعادة فتح ال vs code مرة اخرى . اذا لم يتم حل المشكلة يمكنك استخدام هذه الطريقة لكل الاضافات الخاصة بال css لديك حتى تصل الى الاضافة المطلوبة ومن ثم حذفها . واذا اردت تفعيل الاضافة مرة اخرى قم بالضغط على نفس الايقونة ومن ثم اختار enable
-
يمكنك الضغط على هذه الايقونة والتى ستقوم باظهار لك الاضافات المثبته لديك ومن خلالها ايضا يمكنك تثبيت اى اضافة تريد
- 12 اجابة
-
- 1
-
-
يبدو انه لديك اضافة Remix Icon الخاصة بمكتبة https://remixicon.com/ . اذا لم تكن تستعمل هذه المكتبة فمن الافضل حذف الاضافة الخاصة بها . يمكنك تصوير الاضافات لديك لاخبرك الاضافة التى تظهر لك هذه التوصيات
- 12 اجابة
-
- 1
-
-
اذا كنت تقصد عدد المكتبات المثبته على جهازك ككل يمكنك استعمال امر pip list اما اذا كنت تقصد مشروع معين فيمكنك فتح ملف Pipfile وبداخله سيخبرك بالمكتبات التى تم تثبيتها اذا كنت تستعمل pipenv. وهنا تحت جزء packages فهذه هى المكتبات التى يعتمد عليها المشروع ويجب تثبيتها ليعمل جيدا معك.
- 12 اجابة
-
- 1
-
-
ما هى لغة البرمجة لديك ؟
- 12 اجابة
-
- 1
-
-
لا شكر على واجب . بالتوفيق لك ان شاء الله .
- 12 اجابة
-
- 1
-
-
وعليكم السلام ورحمة الله وبركاته . نعم كثرة تثبيت المكتبات ليس جيدا على النظام . اولا من حيث سرعة واستهلاك الموارد الخاصة بالنظام . ثانيا ان معظم المكتبات يتم هجرها او تحديثها مما يسبب خلل فى النظام و ايضا ثغرات امنية اذا لم يتم تحديث المكتبات لاخر اصدار. ثالثا من حيث التعارضات فمن الممكن ان تسبب المكتبات الكثيرة تعارضات فى النظام فمن الممكن ان تعتمد مكتبة على اصدار معين من مكتبة اخرى وانت تستخدم اصدار مختلف لهذه المكتبة فان التعارضات ستسبب لك الكثير من المشاكل. اما بالنسبة للسؤال الاخر لماذا يتم تثبيت مكتبات اخرى مع المكتبة التى يتم تثبيتها . هو لان معظم المكتبات تعتمد بداخلها على مكتبات مساعدة وبالفعل فحتى البشر يحتاجون الى بعضهم البعض لتنفيذ اى امور وكذلك المكتبات . واخيرا نصيحة لك هو عدم استخدام المكتبات الا اذا كنت ستستخدمها بكثرة لديك فان معظم المبتدئين يقومون بتنزيل مكتبة لتنفيذ سطر معين او جزء فقط فى الكود وكان من الافضل ان ينشئه هو حتى لا يثقل النظام بكثرة المكتبات .
- 12 اجابة
-
- 1
-
-
وعليكم السلام ورحمة الله وبركاته . الاجابة نعم و لا فى نفس الوقت . ان معرفة الخوارميات تكسبك المعرفة و القدرة على حل المشاكل فكلما كانت لديك حصيلة كبيرة من الخوارزميات كان تفكيرك و حلك للمشاكل اسرع وافضل . ومعنى كلمة خوارزمية فهى طريقة لحل مشكلة وكلما كنت الطريقة اسرع و لا تاخذ موارد كثيرة من الجهاز كانت افضل من الخوارزميات الاخرى . اذا كلما كنت ملما بخوارميات كثيرة فهى افضل لك ولكن من الممكن ان تسبب لك تشتت من كثرة الخوارميات الموجودة فكما انت وضحت فقط تعلم احدث وافضل الخوارزميات الموجودة . فمثلا فى ترتيب المصفوفات توجد خوارزميات كثيرة جدا منها مثلا Selection Sort و Bubble Sort و Heap Sort و Merge Sort و العديد ولكل خوارزمية عيوب و مميزات ومن المستحيل الالمام بها جميعا .
- 5 اجابة
-
- 1
-
-
من المفترض ان ال 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; });
- 2 اجابة
-
- 1
-
-
ان ال 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++; }
- 3 اجابة
-
- 1
-
-
وعليكم السلام ورحمة الله وبركاته . هل تاكدت فى ال inspect اذا كانت الرساله تاخذ اسم ال class صحيحأ ؟ اى انه يوجد لديه class يساوى ext-red-700 bg-red-100 اذا كان العنصر ياخذ اسم ال class صحيحا فاذا المشكلة ان هذا ال class ليس موجود فى ملفات ال css تاكد من ان هذه القيمة موجودة فى ملفات ال style
- 3 اجابة
-
- 1
-
-
هذا جيد حيث بعد ان قام المستخدم بتغير القيم وارسالها لم تتغير لديك على الموقع و هذا يثبت انك قمت بحماية البيانات جيدا . واذا كنت تقصد انك تريد منع المستخدم من التلاعب بها فى الصفحة فقط فهذا ليس ضروريا لانه كما اخبرتك ان هذه واجهة امامية اى خاصة بالمستخدم اى انه اى تعديل يقوم به فى الصفحة يظهر له فقط . حينما بدات بتعلم ال web كنت احب ان ادخل واغير فى inspect الخاص بالمواقع حيث مثلا اقوم مرة بتغير رصيدى مثلا او اى شئ اخر وهذا فقط يتغير لدى اى فى الواجهة الامامية فقط وليس له اى دخل فى الخادم . لذلك لا تقلق نفسك بشغل اكثر من اللازم وليس ضروريا حيث ان كثرة كتابة اكواد الجافاسكريبت ليست شيئا جيدا فهى من الممكن ان تسبب بطئ فى تصفح الموقع الخاص بك .
-
من المستحيل منع المستخدم من تعديل القيم التى يتم ارسالها الى الخادم . حيث انها تسمى واجهة امامية اى ان المتحكم الرئيسى فيها هو المستخدم وليس المطور . نعم يوجد طرق تقوم بتصعيب الامور على المستخدم ولكن من الماكد انه سيقوم بتخطيها فحتى لو قمنا باضافة اكواد javascript للتحقق من القيم قبل ارسالها فان المستخدم يستطيع ايقافها . ومن اللمكن ايضا الا يحتاج المستخدم الواجهة الامامية اساسا بل يمكن ارسال الطلب عن طريق ال api client مثل postman مثلا او اى شئ اخر ويستطيع ارسال اى بيانات ومن الثغرات المشهورة هى sql injection حيث يستطيع المستخدم حقن اوامر sql وارسالها الى الخادم بغرض الوصول الى البيانات او حتى حذفها والتلاعب بها . وهناك مقولة شائعه كنا نقوم بدراستها فى الجامعة ان يجب ان نتعامل مع المستخدم على انه مستخدم مسئ اى هكر او يحاول تخريب النظام الخاص بنا لذلك يجب فى الواجهة الخلفية التاكد تماما من صحة البيانات المرسلة من المستخدم قبل حفظها فى قاعدة البيانات او التعامل معها حتى لا يتم تخريب النظام . وبما انك تستخدم asp.net core فيمكنك استخدام Model validation للتحقق من صحة البيانات قبل العمل عليها وهذا الرابط للموقع الرسمى لمايكروسوفت ويمكنك التعمق اكثر فيه والبحث عن فيديوهات تقوم بشرح طرق التحقق من البيانات فى الواجهة الخلفية .
-
مرحبا احمد . للاسف لن يمكنك الحصول على المعامل place الذى فى المسار داخل الدالة getStaticPaths حيث ان هذه الدالة يتم تنفيذها قبل البناء اى انها لاتستطيع الوصول الى المسار الحالى . وساشرح لك اكثر عن طريقة عملها . return { paths: [ { params: { id: '1' }}, { params: { id: '2' }, }, ], fallback: ... } لاحظ هنا قمنا بتعريف مسار يحتوى على id 1 و id 2 وبذلك فان next.js يقوم بحفظ هذه المسارات وبنائها اى انه داخليا قام بتخزين الصفحة التى تحتوى على id 1 و id 2 واذا ما كان المسار يحتوى على id سواهما سوف يقوم باظهار صفحة 404 . وهكذا بعد ان علمنا كيف تعمل getStaticPaths لنحل المشكلة التى تواجهك سويا . ان المنطق (logic) الذى تنفذه يوجد فيه بعض الاخطاء فيجب ربط الاماكن ب العروض ولكنك لم تقم بذلك . فمن المفترض ان يحتوى الثابت programs لديك على خاصية تسمى place_id وتحتوى على ال id الخاص بالمكان وبذلك فى الدالة getStaticPaths تقوم بارجاعها مع ال id الخاص بال program وقد قمت بارفق الملف لك بعد التعديل .ولكن يجب عليك انت اضافت ال id على حسب البرنامج والمكان فانا قمت باضافت قيم عشوائية. ناتى الان لتعديل الدالة getStaticPaths قم باستبدالها بهذا الكود بان تقوم باضافة ال place_id فى الثابت programs export async function getStaticPaths() { const programIds = programs.map((program) => ({id:program.id,data:program.place_id})); const paths = programIds.map((program) => ({ params: { place: program.id.toString() , data: program.data.toString() }, })); return { paths, fallback: false }; } ومن ثم يمكنك زيارة هذا المسار http://localhost:3000/packages/worldpackages/6/5 وسيعمل معك . constants.js
- 3 اجابة
-
- 1
-
-
وعليكم السلام ورحمة الله وبركاته. تستخدم ال الforeach لتكرار تنفيذ امر معين و طريقة استخدامها هنا صحيحة حيث اذا كان الامر الذى نريد تنفيذه هو عبارة عن سطر واحد فلا مشكلة من عدم وضع اى اقواس .ولكن اذا كان الامر الذى نريد تكراره اكثر من سطر ولم نضع الاقواس فسيتم تكرار اول سطر فقط وباقى الاسطر سيعتبر انها ليست بداخل ال foreach . اما بالنسبة لاستخدام += فهى طريقة مختصرة فبدلا من كتابة الامر هكذا . $acc = $acc + $number; قمنا باختصارها وهى تعنى اننا نريد ان نضيف على القيمة التى فى اليسار قيمة جديدة تساوى القيمة التى فى اليمين . ومن الممكن ايضا استخدام جميع المعاملات -= او *= او /= ايضا. ويوجد خطأ لديكى فى الكود فلاحظى هنا فى تعريف معامل الدالة sum قمتى بكتابته هكذا function sum(...$numbers) فهذا معناه انكى تخبرين php ان يقوم بجمع جميع المعاملات التى يتم تمريرها الى الدالة فى مصفوفة . لذلك عند استدعاء الدالة sum لا تقومى بارسال مصفوفة بل بارسال الارقام متفرقة هكذا . sum(3,2,4,10); و php تلقائيا سيقوم بجمعهم فى مصفوفة واحدة ويضعها فى المعامل $numbers . اى انكى اذا حاولتى ان تقومى بطباعة المعامل $numbers سترين انه مصفوفة وليس رقم .
- 3 اجابة
-
- 1
-
-
كما توقعت . بالفعل هذه مشكلة فى jqeury حيث ان jquery فى اول مرة يتم استدعاء الدالة data للعنصر فانه يقوم بحفظها لديه و اذا تم التعديل عليها فان jquery لا يشعر بهذا التعديل اذا كان تم التعديل عليها بدونه . لذلك فانه عندما يقوم livewire باعادة بناء العنصر فان jquery لا يلاحظ انه تم تغير ال data-image_url لذلك الحل هو ان تقوم باستبدال السطر لديك بهذا السطر. $("#image_src").attr("src", $(this).attr('data-image_url')); او يمكنك اضافة هذا السطر فى بداية الدالة حيث يجعل jquery يقوم بحذف ال data التى قام بحفظها مسبقا . وبذلك يقوم بانشائها مجددا عن اول مرة اخرى يتم استخدامها. $(document).on("click", ".show-image-modal", function () { $(this).removeData(); if ($(this).data('type_media') === "video") { $("#video_src").attr("src", $(this).data('video_url')); $("#image_src").hide(); $("#view_media_card_footer").show(); } else { $("#view_media_card_footer").hide(); $("#image_src").show(); $("#image_src").attr("src", $(this).data('image_url')); } $("#image_modal").modal("show"); });
