Mustafa Mahmoud7

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

المشكلة في مكتبة النودمون (nodemon) ليس عليك رفع ال node_modules علي github ولكن اترك سيرفر الريندر يعمل تثبيت لك المكتبات الذى يحتاجها التى بالفعل انت ثبتها اثناء عملية التطوير وأيضا .env لأن ألأكواد التى بداخله سرية افتح ملف ال .gitignore وضع هذه الأكود بداخله /node_modules .env ثم ابدأ برفع الملفات مرة أخرى على github سيتم رفع كل الملفات ما عدا ( node_modules و .env) ثم ابدأ بعمل نشر مرة أخري على render ستتم معك العملية بدون أى مشاكل

المقصود بعملية الrouting بداخله انك لن تحتاج إلى مكتبات مثل React router dom لأنه يعمل بطريقة أخري file based system اى فقط تضع الصفحة في مجلد الصفحات وتتم عملية التوجيه ليس عليك أن تؤدي اعدادات مثل React router dom

اطار عمل nextjs هو أطار عمل مبني فعلا علي الرياكت يعمل على تحسين ال performance لأنه يوفر حلولًا لبناء المواقع وتطبيقات الويب بناءً على مكتبة React بسرعة وكفاءة أهمها التصيير من طرف الخادم server-side rendering والتوليد الساكن generating staticوذلك مهم للSeo يعطيك routing للصفحات بداخله بدون الحاجة إلي المكتبات خارجية ولكن تستطيع أيضا إنشاء باك اند بداخله فهو يعطيك مجلد api تستطيع الكتابة بداخله backend معتمد على ال nodejs https://academy.hsoub.com/questions/13636-ما-الفرق-بين-react-و-nextjs؟/#comment-38348

الدورات موجهة للناطقين باللغة العربية الفصحى ويمكن بالطبع تطبيق كل النصائح والمهارات في أي سوق عمل يتم التركيز على على حساب مستقل لأنه موجه للسوق العربي ويمكن تطبيق كل النصائح في أي سوق عمل للمزيد تحدث مع مركز المساعدة https://support.academy.hsoub.com

يمكنك الدخول على الموسوعة هنا يوجد شرح جيد https://wiki.hsoub.com/الصفحة_الرئيسية

ذلك لأى مفاهيم في أى لغة برمجة 1 - حاول شرح المفاهيم لأحد غيرك وأسئله هل فهم منك أم لا اذا فهم منك هذه المفاهيم اذن انت فهمتها واستوعبتها 2 - عليك بالممارسة والتطبيق المستمر على كل مفهوم لابد من التطبيق بنفسك 3 - عليك ادخال هذه المفاهيم في مشاريع وحل تحديات صغيرة بهذه المفاهيم 4 - شوف زملاء لك طبقوا على هذه المفاهيم واقرأ الكود الخاص بهم للتعرف طرق جديدة للحل والتطبيق على هذه المفاهيم 5 - شارك الكود الخاص بك مع الأخرين لترى هل هذه المشكلة التى حليتها عن طريق هذا المفهوم صحيحة أم يمكن حلها بشكل أفضل بطريقة أخري 6 - عليك بالممارسة والتطبيق انظر هذه الاجابات ايضا

الحل انك لاتضع الفانكشن على الزرار ولكن ضعها على الفورم ككل "onsubmit="getMessage(event) مع ارسال ال event للفانكشن وتغير نوع الزرار لsubmit <form onsubmit="getMessage(event)"> <h1 style="text-align: center; margin-bottom: 50px; margin-top: 30px; color: rgb(145, 125, 102);"> Pass the message </h1> <hr> <div class="cont"> <label for="message">Enter a Message :</label> <br> <button class="icon"><i class="fa-regular fa-message"></i></button> <input type="text" id="message-input" name="message"> <br> <button type="submit" class="submit"> Submit </button> <h4 id="the-message" style="text-align: center;"></h4> </div> </form> الفورم بعد الsubmit يحدث تحديث للصفحة بشكل كامل فتتحدث من جديد بسبب ذلك تختفي الرسالة فالحل نضع () e.preventDefault داخل الفانكشن وتكون كالتالي const writing = document.getElementById("message-input") function getMessage(e) { e.preventDefault() document.getElementById("the-message").innerHTML = writing.value writing.value = ""; }

يوجد عدة حلول لهذه المشكلة الحل الأول - تشغيل البرنامج كمسؤول كليك يمينRun as administrator الحل الثانى استعادة مجلد النسخ الاحتياطي MySQL الخاص بك كالتالي تذهب الى مجلد ال xampp ثم مجلد mysql في هذا المجلد قم بعمل نسخة أخري لمجلد data وعدل اسمه ل data_old ثم الدخول لمجلد الداتا ونقوم بحذف كل الملفات المختارة في الصورة { mysql ,performance_shema , phpmyadmin , test } في نفس المجلد ونقوم بعمل delete للملفات (الملفات وليس المجلدات) ماعدا ibdata1 ثم نذهب لمجلد backup الموجود داخل mysql ثم نقوم بنسخ لكل ما بداخله ما عدا ibdata1 ثم نذهب لمجد الdata ونقوم بالصق داخله بالملفات التى نسخناها من مجلد ال backup ونقوم بالضغط على start ل mysql الحل الثالث قم بتغيير بورت الmysql واعد التشغيل وانظر لهذه الاجابات ايضا

تأكد من اصدار الpython python --version أيضا لأنه يدعم Python 3.9–3.11 وتأكدمن تحديث أخر نسخة من نظام التشغيل

حدث الpip لأخر اصدار pip install --upgrade pip

تأكد انك مثبت python 64-bit لأن TensorFlow لا يدعم python 32-bit

أولا من المفترض جزء الapi على domain وجزء الفرونت على domain أخر نبدأ نجرب بالبوست هل الapi يعمل ومظبوط ويتصل بالداتا بيز لو كان يعمل اذن نضع هذه الأكواد فى .htaccess في domain الفرونت بالتأكيد من المفترض أن يعمل بدون اى مشاكل <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-l RewriteRule . /index.html [L] </IfModule>

طب ممكن تجرب على api بالبوست مان وتتأكد إن السيرفر شغال مظبوط لأن المشكلة اللى كانت مذكورة كان ليها علاقة بالreact.

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

https://academy.hsoub.com/questions/24837-ما-الفرق-بين-قواعد-البيانات-وهياكل-البيانات-؟/

هذه المشكلة تظهر في جميع الفيرموركس التى تعمل single page application مثل react أوangular وتظهر بعد عملية بناء الموقع ثم رفعه على أى استضافة سواء مجانية مثل netlify أو vercal تظهر عند عمل اعادة تحميل للصفحة غير أول صفحة يفتح عليها الموقع أو وضع url صفحة أخري بسبب أنه في SPA تتم إدارة التوجيه من جانب العميل، وقد لا يكون الخادم على علم بهذه المسارات من جانب العميل. يؤدي هذا التناقض إلى قيام الخادم بإرجاع خطأ "لم يتم العثور على الصفحة" للوصول المباشر إلى المسار، مما يتسبب في إحباط المستخدمين والارتباك للمطورين. لحل المشكلة فى netlify مثلا نحتاج الى عمل ملف netlify.toml ثم بداخله نضع هذا الكود [[redirects]] from = "/*" to = "/index.html" status = 200 force = false ونضع هذا الملف بجانب ملف الindex.html للموقع بعد عملية البناء builld للمزيد اقرأ هذ المقال https://medium.com/@emmanuelomemgboji/react-handling-404-errors-on-netlify-deployments-a-step-by-step-guide-with-react-vite-and-8ce618e07b0a

1- أولا ضع فولدر الclient والسيرفر فى فولدر واحد 2- فى package.json التابع لل client سنستبدل أمر تشغيل الملف من "scripts": { "dev": "vite", "build": "vite build", "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0", "preview": "vite preview" }, ليصبح "scripts": { "start": "vite", "build": "vite build", "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0", "preview": "vite preview" }, 3- بعد ذلك فى فولدر السيرفر نفتح ال terminal ونعمل install لمكتبة concurrently 4- ثم فى ملف ال package.json التابع للسيرفر "scripts": { "server": "server --ignore client", "client": "npm start --prefix ../client", "start": "concurrently --kill-others-on-fail \" npm run server\" \" npm run client\"" } 5- بعد ذلك فى فولدر السيرفر نفتح ال terminal ثم npm start سيتم تشغيل الخادم Node.js والـ Client بأمر واحد رابطة المكتبة https://www.npmjs.com/package/concurrently

يمكنك الدخول الي https://developer.mozilla.org/en-US/docs/Web/JavaScript شرح واف وبالأمثلة يمكنك الدخول أيضا الي https://learnjavascript.online/ شرح كل جزء في الجافاسكربت مع تطبيق عليه بأمثلة لابد أن تطبق بنفسك وبما انك عندك خلفية برمجية سوف يكون الموضوع سريع بالتوفيق