لوحة المتصدرين

أفضل لغات البرمجة الخلفية لبناء تطبيق دردشة الآن . نظرًا لأن التطوير الخلفي لا يعتمد على النظام الأساسي أو نظام التشغيل ، فإن هذا يؤدي إلى خفض المتغيرات. 1. Erlang هي لغة مصممة للعديد من العمليات التي تعمل بشكل متوازي. هذا يجعله مناسبًا جدًا عند البحث عن أفضل تطبيق دردشة. فوائده هي: قابل للتطوير عن طريق إضافة المزيد من النوى أو الآلات الجديدة. تصميمه المتزامن بفضل الخيوط خفيفة الوزن يجعله موثوقًا للغاية. 2. جافا سكريبت عند استخدامها للتطوير الخلفي ، تعمل Javascript عبر بيئة تسمى Node. كما هو الحال في تطوير الواجهة الأمامية ، هناك فوائد لاستخدام جافا سكريبت هنا أيضًا. المعالجة سريعة جدًا سهل التعلم نسبيًا شائع جدًا مع وصول واسع إلى دعم المطورين يوفر الإدخال / الإخراج غير المحظور ومعالجة الطلبات غير المتزامنة 3. GO تم إنشاء Go ، المعروف أيضًا باسم Golang بواسطة Google. بعض مزاياها هي: سريع جدا يقدم التزامن مفتوح المصدر 3. بايثون مع django channels سريع جدا مفتوح المصدر

لماذا لا يظهر لي نتائج في ال console ما هو الخطأ في الكود..

الشاشة بايظه كم في الصورة ازاي اصلحها + انا بواجه مشاكل كتير في css و html كيف احلها ولا اسال في الجروبات ؟

https://youtu.be/ruFoV01AikI هذا الفيديو هو الذي يشفي مشكلتي وقمت بتطبيقة بالحرف الوحد لكن لم يعمل معي مثل ما يعمل مع ناشر الفيديو ما السبب

عندي مشكلة ان free shipping فوق بعض كل لما اخلي width بتعها اعلي علشان يبقل علي نفس الخط التصميم بيطلع من الشاشة index.html style.css

اسف على ذلك, المشطلة تظهر عند التشغيل ورسالة الخطأ net.sqlcipher.database.SQLiteException: no such table: tab1: , while compiling: SELECT * FROM tab1 WHERE id LIKE 1 مع العلم بأني تأكد جيد من اسماء الحقول

كيفيه الحصول على قوالب مجانيه لdjango

لماذا برمجة الفروند اند حكرا للغة الجافا سكربت، وان كانت هناك بعض اللغات بدات تدخل مجال برمجة الفرونت اند لكنها لي س بذاك المستوى، رغم قوة هذة اللغات في مجال الباك اند اومجالات اخرى؟

بس هذة اللغات لعمل تطبيقات الموبايل ، اقصد هل هناك لغة للتطوير الويب من جهة الفرون اند غير جافاسكربت، لاني سمعت ان السي شارب دخل هذا المجال ولكن ليس بتلك القوة، هل هناك لغات اخرى، لااعرف؟

ماهي اللغات الاخرى ، التي يمكن استخدامها في الفرونت اند؟

أظن أن هذا بسبب تخصصيتها في الويب بدرجة أولى وبسبب تاريخها بدرجة ثانية، فجافاسكربت صممت أول مرة كلغة برمجة نصية لمتصفحات Netscape وهي أولى متصفحات الويب، ومن ثم تم اعتمادها من قبل Microsoft وهيمنتها على المجال بدعم متصفحات Internet Explorer لها في بداية الألفية الجديدة. اطلاق النسخة السادسة من ECMAScript في 2015 أيضا زادها هيمنة.

إذا كنت تريدهم على نفس الخط وبنفس الوقت متجاوب responsive تحتاج أولاً إعطاء الحافظة feature عرض كامل الشاشة %100 وتحديد خاصية flex-wrap بالقيمة wrap أي أن العناصر ستقوم بالنزول الى سطر جديد عندما لا يتسع عرض الشاشة لها جميعاً. يمكنك أيضاً إستعمال media query للتحكم أكثر بتجاوبية التصميم من خلال تعديل خواص flex box. #feature { width: 100%; /* تعديل عرض الحافظة */ display: flex; align-items: center; justify-content: space-between; /*flex-start الأفضل يكون */ flex-wrap: wrap; /* تعديل طريقة ملء الحافظة بالعناصر */ gap: 20px; }

السلام عليكم لماذا الكود التالي لايعمل let form = document.querySelector('.form') form.addEventListener('submit', function(e){ e.preventDefault() // if(username.value === ""){ // showError(username, 'username is required') // } else { // showSuccess(username) // } console.log(form); }) شكرا

في الconsole form تظهر لي فارغة و أعتقد أن ذلك هو أصل الخطأ كود javascript let form = document.getElementByClassName(".form") console.log(form) // event listeners form.addEventListener('submit', function(e){ e.preventDefault() // if(username.value === ""){ // showError(username, 'username is required') // } else { // showSuccess(username) // } console.log(form); }) html code <!-- section-form --> <div class="logInForm"> <h2>Sign Up</h2> <form class="form"> <input type="text" placeholder="Username" class="register-username"> <input type="text" placeholder="Email" class="register-email"> <input type="text" placeholder="Password" class="register-password"> <input type="text" placeholder="Confirm Password" class="register-confirm-password"> <input type="button" value="Sign In" class="register-btn"> </form> </div> عفوا قمت بالإصلاح التالي let form = document.getElementByClassName("form") ولكن تظهر لي نفس رسالة الخطأ

يجب تعديل نوع زر إرسال النموذج ليكون submit بدلًا من button وذلك حتى يُطلق الحدث submit كالتالي: <input type="submit" value="Sign In" class="register-btn" />

شكرا. من المفارقات أني وضعت form.form (class="form") نفس الشيء لاتعمل كود الجافاسكريبت // register-username-register-email-register-password-register-btn let form = document.querySelector('form') let username = document.querySelector(".register-username"); let email = document.querySelector(".register-email"); let password = document.querySelector(".register-password"); let confirmPassword = document.querySelector('.register-confirm-password') let registerBtn = document.querySelector(".register-btn"); // registerBtn.addEventListener('click', register) // function register(e){ // e.preventDefault() // if(registerUsername.value !== "" || registerEmail.value !=="" || registerPassword.value !== ""){ // localStorage.setItem("register-username", username.value) // localStorage.setItem("register-email", email.value) // localStorage.setItem("register-password", password.value) // } // setTimeout(()=>{ // window.location = "./login.html" // }, 1000) // } // show input error message // function showError(input,message) { // // const formControl = input // console.log(input,message); // // console.log(formControl); // } // event listeners form.addEventListener('submit', function(e){ e.preventDefault() // if(username.value === ""){ // showError(username, 'username is required') // } else { // showSuccess(username) // } console.log(form); }) كود html <div class="logInForm"> <h2>Sign Up</h2> <form action=""> <input type="text" placeholder="Username" class="register-username"> <input type="text" placeholder="Email" class="register-email"> <input type="text" placeholder="Password" class="register-password"> <input type="text" placeholder="Confirm Password" class="register-confirm-password"> <input type="button" value="Sign In" class="register-btn"> </form> </div> <script src="../js/register.js"></script> </body> form تظه لي فارغة

لا يُفهم الكثير من وصفك للمشكلة سوى أن الأمر لم يعمل لديك. حتى نشخص المشكلة نحتاج معرفة ما هي رسالة (أو رسائل) الخطأ التي تظهر لديك, أيضاً هل المشكلة في فشل عمل build للمشروع أم فقط أثناء التشغيل؟ يمكن أن يكون ألأمر عدم توافق إصدارات مثلاً , خصوصاً أن الفديو مضى عليه سنتين. يرجى مشاركة الرسائل التي تظهر في android studio عند عمل build إذا يحصل لديك فشل في هذه المرحلة.

احب اتخصصص ف مجال web application و كيفيه تصميم برامج كامله ب front and back end و ما اعرف ما هي اللغه او الطريق اللي يجهزني للوصول ل هذي المرحله …. في الكثير من اللغات و الطرق و لكن ما هي اللغه المطلوبه الان و المستقبل و كيف اكون جاهز للمرحله القادمه من سوق التقنيه ؟ و شكرا

عند عمل run في البرنامج لا يطبع يظهر لي هكذا كما هو موضح في الصورة

لقد قمت بالاطلاع على الملفات الخاصة بك وهي تعمل بشكل جيد ولا يوجد اي مشكلة. وقمت بالتعديل على الملف ولم يظهر لي المشكلة التي تظهر في الصورة الخاصة بك. وربما تكون المشكلة التي تواجهها هي أنك استخدمت الأمر npm run build الخاص بال production بدلاً من الأمر npm run dev الخاص بالـ development.

هذه الرسالة تخبرك أن العملية تمت بنجاح. ويمكنك الخروج بكتابة الأمر التالي ثم النقر على enter : :q لاحظ الصورة :

هل يمكنك مشاركة ملفات المشروع حتى استطيع الاطلاع على المشكلة.

مرحبًا استاذي , لقد قمت بحذف الملف و اعدت التجربة ولكن تأتيني نفس الرسالة التالية : , و هذه الرسالة إذا اتتني لا اعلم كيف اخرج منها لذلك أقوم بإغلاق سطر أوامر ال Git بالكامل من خلال الضغط على اكس ثم ok , هل توجد طريقة للخروج من هذه الرسالة دون اغلاق سطر أوامر ال Git ؟ , و شكرًا لك

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

المشكلة أنك لم تقم بربط ملف الـ JavaScript مع ملف الـ index.html. قم بإضافة السطر التالي لملف الـ index.html ويجب ان يكون آخر عنصر في الـ body: <script src="index.js"></script>

في الصورة التي ارفقتها لا يظهر console. قم بمشاركة ملف الـ index.html

من الصورة التي ارفقتها يبدو أنك لم تقم بحفظ الملف لاحظ الدائرة البيضاء بجانب اسم الملف : اضغط على ctrl + s لحفظ الملف ثم حدث الصفحة وانظر إن كان سيظهر أم لا. في حال قمت بالخطوة السابقة ولم يظهر أي شيء رغم ذلك فقد تكون المشكلة في عملية الاستدعاء في ملف الـ html. قم بمشاركة ملفات المشروع بالكامل في حال لم تكن المشكلة في اي مما سبق.

لاحظ أن الكود غير محفوظ, حيث يوجد دائرة بيضاء بجانب اسم الملف, لاحظ ارجو منك الضغط على ctrl+s ثم حدث الصفحة

رسالة الخطأ تخبرك بوجود الملف Swap file COMMIT_EDITMSG.swp already exists وهو ما يسبب الخطأ وغالباً ما يكون سبب وجود هذا الملف هو انك قمت بالتعديل على ملف الـ git من خلال برنامج اخر مختلف عن الـ git مثل الـ terminal أو الـ VS code ولم تنهي التعديل. ما انصحك به هو اكمال العملية من المكان الذي بدأتها منه وليس من git وفي حال اردت الاكمال من git رغم ذلك فقم باختيار الخيار D لحذف الملف أو اكتب الامر : ".git/.COMMIT_EDITMSG.swp" ثم جربك مرة ثانية.

قمت بإنشاء popup تحتوي على المنتوجات المفضلة. يتم جلب هذه المصفوفات من مصفوفة من localStorage. المشكلة التي واجهتي هو عند الضغط على dislike يقع حذف العنصر لكن عند الضغط ثانية لا يقع الحذف إلا بعد تحديث الصفحة. الكود: // show my favorite products const favorites = document.querySelector(".favorite-products") favorites.addEventListener('click', ()=>{ // get liked products from localStorage favoriteItems = JSON.parse(localStorage.getItem('favoriteProducts')) if(favoriteItems.length != 0){ // create a popup let overlay = document.createElement('div') overlay.setAttribute("class", "popup-overlay") document.body.appendChild(overlay) // styling and draw the popup-overlay let favoriteWrapper = document.createElement('div') favoriteWrapper.setAttribute("class", "favorite-wrapper") overlay.appendChild(favoriteWrapper) function drawFavoriteProducts(favorites) { let drawFavoriteProducts = favorites.map(favItem => { return ` <i class="fa-sharp fa-solid fa-circle-xmark closeBtn"></i> <div class="favorite-card"> <p class="dislike" data-click="${favItem.id}"> Dislike <i class="fa-regular fa-thumbs-down"></i> </p> <img src="${favItem.img_url}.png" alt="" srcset=""> <h2 class="favorite-title">${favItem.title}</h2> </div> ` }) favoriteWrapper.innerHTML = drawFavoriteProducts.join("") } drawFavoriteProducts(favoriteItems) // remove disliked products let disliked = document.querySelectorAll('.dislike') disliked.forEach(item =>{ let dislikeId = item.getAttribute("data-click") item.addEventListener('click', ()=>{ favoriteItems = favoriteItems.filter((data) => data.id != dislikeId) localStorage.setItem("favoriteProducts", JSON.stringify(favoriteItems)) drawFavoriteProducts(favoriteItems) }) }) } }) // close popup document.addEventListener('click', function(e){ // console.log(e.target.className == "fa-sharp fa-solid fa-circle-xmark closeBtn"); if (e.target.className == "fa-sharp fa-solid fa-circle-xmark closeBtn") { e.target.parentNode.remove() document.querySelector('.popup-overlay').remove() } }) يمكنكم الإطلاع على الكود كاملا من خلال الرابط التالي: https://github.com/Saadaoui-Forkan/Ecommerce-website شكرا على المساعدة.

المشكلة هي أنك في نهاية ال dislike الأول تقوم بإعادة إنشاء عناصر HTML من أجل favoriteItems عن طريق الوظيفة drawFavoriteProducts لكن لا تقوم بإعادة إسناد حدث الـ dislike لتلك العناصر، لحل المشكلة يمكنك التعديل على الكود بالشكل التالي: favorites.addEventListener('click', ()=>{ // get liked products from localStorage favoriteItems = JSON.parse(localStorage.getItem('favoriteProducts')) if(favoriteItems.length != 0){ // create a popup let overlay = document.createElement("div"); overlay.setAttribute("class", "popup-overlay"); document.body.appendChild(overlay); // styling and draw the popup-overlay let favoriteWrapper = document.createElement("div"); favoriteWrapper.setAttribute("class", "favorite-wrapper"); overlay.appendChild(favoriteWrapper); function drawFavoriteProducts(favorites) { let drawFavoriteProducts = favorites.map((favItem) => { return ` <i class="fa-sharp fa-solid fa-circle-xmark closeBtn"></i> <div class="favorite-card"> <p class="dislike" data-click="${favItem.id}"> Dislike <i class="fa-regular fa-thumbs-down"></i> </p> <img src="${favItem.img_url}.png" alt="" srcset=""> <h2 class="favorite-title">${favItem.title}</h2> </div> `; }); favoriteWrapper.innerHTML = drawFavoriteProducts.join(""); // أسندنا هنا قابلية إزالة الإعجاب إلى العناصر ablityToDislike(); } drawFavoriteProducts(favoriteItems); // remove disliked products //ablityToDislike وضعت هنا وظيفة إسناد الأحداث ضمن طريقة سميتها function ablityToDislike() { let disliked = document.querySelectorAll(".dislike"); disliked.forEach((item) => { let dislikeId = item.getAttribute("data-click"); item.addEventListener("click", () => { favoriteItems = favoriteItems.filter((data) => data.id != dislikeId); localStorage.setItem("favoriteProducts", JSON.stringify(favoriteItems)); drawFavoriteProducts(favoriteItems); }); }); } } }) هذا سيحل المشكلة، بالتوفيق إن شاء الله.

قد يكون صديقك لم ينشئ قاعدة البيانات بالشكل الصحيح أو انه استخدم اسم المستخدم وكلمة السر الخاصين بقاعدة البيانات الموجودة على جهازك والمرفقة مع المشروع بدلاً من اسم المستخدم وكلمة السر الخاصة بقاعدة البيانات الموجودة على جهازه، ولذلك تظهر له المشكلة عند حفظ الصورة. فحسب ما فهمته منك ان المشروع مكون من سيرفر و قاعدة بيانات فإما ان تكون المشكلة في اصدار الـ node او أياً كانت اللغة التي تبرمجين السيرفر بها أو ان المشكلة في قاعدة البيانات. اجعليه يتأكد من وجود قاعدة البيانات على جهازه وأنها تعمل ثم اجعليه يتأكد من كونها مربوطة بشكل صحيح مع السيرفر "كلمة السر واسم المستخدم مطابقين لقاعدة البيانات الخاصة به" ويتأكد كذلك من ان اصدار الـ node او أياً كانت اللغة التي تبرمجين السيرفر بها مطابق لما هو لديك. وفي حال لم تكن المشكلة في اي واحدة من الخطوات السابقة فاجعليه يقوم بطباعة الخطأ الذي يواجهه عن طريق استخدام try و catch في node أو ما يقابلها في اللغة التي تستخدمينها. try { // الكود الخاص بحفظ البيانات إلى قاعدة البيانات } catch(error) { console.log(error) // console سيطبع الخطأ في الـ }

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

يُرجى إرفاق صورة للمشكلة حتى يمكننا تشخيصها

نموذج TCP/IP TCP/IP هو مجموعة من قواعد الاتصال على الشبكة يهدف إلى توفير عنوان IP لكل جهاز على الشبكة من أجل التمكن من توجيه حزم البيانات IP packet . وقد ثم تصميم هذا البرتوكول لتلبية الحاجات التالية: تقسيم الرسالة إلى عدة حزم قبل إرسالها في الشبكة. استخدام عنوان IP خاص بكل جهاز داخل الشبكة. توجيه الحزم عبر الشبكة (routing). التحقق من أخطاء الإرسال. إسم النموذج جاء من البرتوكول TCP و البرتوكول IP لأنهما أول برتوكولات يضافان إلى حزمة برتوكولات TCP/IP. إن معرفة بروتوكولTCP / IP مهمة لمن يرغب في إحتراف إدارة الشبكة. من أجل تطبيق نموذج TCP / IP بشكل مستقل عن نظام التشغيل (windows, linux, mac os…. )، تم تقسيم بروتوكول TCP/IP إلى عدة وحدات بمهمات محددة و بترتيب معين، لنحصل في النهاية على نظام متعدد الطبقات. في هذا النموذج البيانات تمر إلى الشبكة عبر عدة مستويات أو طبقات . وبالتالي، تتم معالجة البيانات (حزم أو packet) المرسلة على الشبكة في كل طبقة على حدى.

محاولتك لتطوير معرض الأعمال الخص بك (Portfolio) فكرة جيدة لأنه يعتبر الواجهة التي سوف تعرف العميل عليك ، أيضاً بناء المواقع والممارسة المستمرة سوف يزيد لديك مهارات تصميم الواجهات . وسوف أقدم لك عدّة أفكار لتطوير مواقع :- موقع ويب أسئلة وأجوبة موقع ويب يمثل متجر إلكتروني (قم بتصميمه بطريقتك الخاصة بعيداً عن الذي تدرتبه خلال الدورة ) موقع ويب عن السياحة والسفر موقع ويب عن الرياضة موقع ويب عن الأخبار موقع ويب عن الموضة والأزياء موقع ويب مختص بالطب و الصحة موقع ويب متخصص في وساطة الخدمات مثل (خمسات ومستقل وغيرها) موقع ويب عن الكورسات ولرؤية المزيد حول الأفكار قم بزيارة المواقع المختصة في أعمال مثل بيهانس أو يمكنك تصفح معرض أعمال المستقلين ورؤية أعمالهم ، وأخذ أفكار لتطبيقها والتدريب عليها يمكنك الإطلاع على هذا المقال للإستفادة من أفكار تطوير المواقع ويوجد على مدونة خمسات مقال رائع في جلب أفكار لتطوير المواقع ، ويعرض 30 فكرة مميزة ، يمكنك الإطلاع عليه من هنا

يمكنك عمل مدونة إذاً. هذه اكثر الافكار الرائجة، ويمكنني ان اعطيك المزيد من الافكار ولكن ليس هنالك الكثير من الطلب عليها. والافضل الان ان تبحث عن شخص يحتاج لموقع الكتروني ولو قمت بتنفيذه بمقابل رمزي وهذا افضل من تصميم مواقع للـ portfolio.

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

الموقع الذي شاركته جيد جداً و هذه بعض الافكار المهمة والبسيطة : صفحة هبوط لمنتج معين صفحة سيتم اطلاق الموقع بعد كذا ..إلخ. صفحة الصفحة غير موجودة 404. لوحة تحكم. موقع للتسوق (متجر) موقع أكاديمية أو مدرسة.