عمر قره محمد

دورات الـ back end مثل دورة php و js وغيرها في الأكاديمية تعتمد على كونك على خبرة بأساسيات البرمجة مثل الخوارزميات وبنى المعطيات وذلك لكونها تقدمها بدورة منفصلة تسمى دورة علوم الحاسوب، ولكن خلال الدورات فإنه يتم التطرق للكثير من هذه التفاصيل ولكن ليس بهدف شرحها من البداية ولكن من اجل البناء عليها. وفي حال كان لديك ضعف فيها فأنصحك بالاطلاع على سلسلة المقالات الخاصة بالخوارزميات والتي تقدمها الأكاديمية : وبالنسبة لتعلم اساسيات البرمجة :

عملية التصدير كـ pdf من word لا تشمل الكثير من خصائص word، وعلى ما يبدو ان gif هي واحدة منها. وعلى ما يبدو الطريقة الافضل هي إضافة الـ gif لملف الـ pdf بعد تصديره من word وذلك باستخدام برامج التعديل مثل Adobe Acrobat.

على ما يبدو انك لم تقم بعمل git add ولا git commit لكل الملفات، أو ربما كنت داخل مجلد فرعي عندما كتبت الاوامر. جرب كتابة الأمر : git add . وتأكد من انك في المسار الصحيح (المسار الاصلي) ثم اكتب الأمر : git commit -m "message content" وبعدها : git push

لحل المشكلة عن طريق موجه الاوامر هنالك بعض الحلول : جرب تشغيل موجه الأوامر في وضع المسؤول وكتابة الامر التالي : Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy Unrestricted ثم حاول مرة ثانية. إذا لم يعمل جرب الأمر : ExecutionPolicy RemoteSigned ثم حاول مرة ثانية. إذا لم يعمل جرب الأمر التالي ثم حاول مرة ثانية : Set-ExecutionPolicy -Scope Process -ExecutionPolicy Bypass وإذا لم ترد حل المشكلة عن طريق موجه الاوامر اذهب إلى : settings -> Update & Security -> For Developers -> PowerShell (الاعدادات) ثم (الخصوصية والامان أو التحديثات و الامان حسب اصدار الويندوز) ثم من اجل المطورين ثم ابحث عن PowerShell. ثم فعل الخيار التالي :

اضف السطر التالي : import ReactDOM from 'react-dom';

عدل الكود للشكل : import React from "react"; import ReactDOM from 'react-dom'; import * as ReactDOMClient from 'react-dom/client'; import "./index.css"; import App from "./App"; const root = ReactDOMClient.createRoot(document.getElementById("root")); root.render( <React.StrictMode> <App /> </React.StrictMode> ); تم تعديل الكود السابق وإضافة الـ : import ReactDOM from 'react-dom';

الشكل الصحيح هو : import React from "react"; import ReactDOM from "react-dom/client"; import "./index.css"; import App from "./App"; const root = ReactDOM.createRoot(document.getElementById("root")); root.render( <React.StrictMode> <App /> </React.StrictMode> ); وابسط شكل لها هو كالتالي : const root = ReactDOM.createRoot(document.getElementById('root')); root.render(<h1>Hello, world!</h1>); انظر التوثيق الرسمي لـ reactjs وتأكد من ان اصدار react و react-dom لديك هو اكبر من 18.

يمكنك القيام بشيء ما مثل : export default function MainRoutes() { const [lan, setLan] = useState("en"); return ( <Router> <Routes> {lan === "en" && <Route path='/' element={<CompanyEn />} />} {/* <Route path='/ar' element={ <CompanyEn /> } /> */} {lan === "ar" && <Route path='/ar' element={<CompanyArOne />} />} </Routes> </Router> ); } وبهذه الطريقة لن يتم تحميل اي ملف من المكون العربي إلا إذا كانت اللغة عربية ولن يتم تحميل اي مكون من اللانجليزي إلا اذا كانت انجليزية. ويمكنك اضافة الشرط لأكثر من مكون مثل : export default function MainRoutes() { const [lan, setLan] = useState("en"); return ( <> {lan === "en" && <Routes> <Route path='/' element={<CompanyEn />} /> <Route path='/example' element={<Example />} /> </Routes> }{lan === "ar" && <Router> <Route path='/ar' element={<CompanyArOne />} /> <Route path='/ar/example' element={<Example />} /> </Router> } </> ); }

ماهو نوع الاستضافة الخاصة بك. فلا يمكن رفع تطبيق Next متكامل على استضافة Hostinger التشاركية (shared hosting). إلا اذا كان التطبيق عبارة عن frontend فقط وعندها تقوم برفعه مثل اي ملف html و css بعد ان تقوم بعمل export وحتى تستطيع رفع تطبيق Next على Hostinger يجب ان تملك استضافة VPS. في حال لم تقم بشراء الاستضافة بعد فهنالك استضافات رخيصة من نوع shared hosting وذات جوده عالية تدعم node وبالتالي تدعم Next مثل namecheap.

هل يمكنك مشاركة ملفات المشروع ؟

بالتأكيد ستكون قراءة الكتابة اكثر فائدة من دراسة الدورة فحسب. ولكن دراسة الكتابة بالمجمل هي اصعب من دراسة الدورة وذلك لأنه يحتوي على معلومات تفصيلية بشكل اكبر ولذلك لا انصحك بقراءة الكتابة كاملاً اثناء تعلم الدورة، وما يمكنك فعله هو انتقاء المواضيع التي تتعلق بالدرس التي تتعلمه في الدورة. و عليك ان تعلم ان الكتب بشكل عام تقوم بالتحدث عن المواضع المختلفة بشكل سرد مترابط (مثل مقالة)، على عكس موسوعة حسوب التي تناقش التقنيات بشكل موسوعي . ولذلك ما افضله انا شخصياً هو الاطلاع على موسوعة حاسوب اثناء عملية التعلم، وبعد الانتهاء من الدورة يمكنك قراءة الكتاب إذا احببت. بعد قول ذلك فإن قراءة الكتاب قد تكون اسهل في بعض الحلات ولاسيما إذا كنت من الذين يحبون القراءة، وفي هذه الحالة قد يفيدك قراءة الكتاب بشكل اكبر. @Ayman Alrawy تم تعديل التعليق

هل انت متأكد من انك حملته من الموقع الرسمي من هنا : https://www.asus.com/supportonly/fx553ve/helpdesk_download/

يمكنك فعل ذلك كما في الصورة :

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

كما اخبرك الاستاذ شرف الدين : إن مفسر js يقوم بقراءة الاكواد بشكل متسلسل وفي حال ورود اي خطأ يتم ايقاف تنفيذ كل الاكواد الواقعة بعد رسالة الخطأ. ولذلك فلأنه هنالك خطأ في السطر 19 والذي يوجد قبل السطر الذي يظهر في الصورة الخاصة بك فإن مفسر js اوقف تنفيذ الكود عند مكان ورود الخطأ ولم يكمل قراءة الكود الظاهر في الصورة. لطباعة النص بنجاح قم بوضع الكود السابق في اول سطر في الملف أو قم بإصلاح الخطأ كما اخبرك المدرب.

لا اعتقد ان chat gpt سيحل محل مبرمجي الـ font-end في اي وقت قريب وهو اليوم يساعد مبرمجي الـ font-end و لا يحل محلهم. فهو يقوم بتحليل عمل كمية كبيرة من المواقع حتى يستطيع اعطاء نصائح ومساعدتك في كتابة اكواد معقدة، ولكنه لن يتمكن من انشاء الموقع الذي تريده بهذه السهولة. وحتى لو قام بإنشاء الموقع فينبغي وجود مبرمجين حتى يقوموا بفهم هذا الموقع وبالتالي يكونوا قادرين على تطويره حتى يناسب طلبهم (كأنه يعطيك قالب قابل للتعديل بدلاً من ان تبدأ من الصفر تماما). ولا انفي انه من الممكن ان يحل محل مبرمجي الـ font-end في وقت ما لاحقاً ولكن سنبقى بحاجة لمبرمجين على دراية بتقنيات font-end حتى يقوموا باستخدام الـ chat بالشكل الصحيح.

لست بحاجة لتوظيفي لمساعدتك، ما هو نوع الموقع الخاص بك ؟

نعم لدي خبرة و قمت سابقاً باستخدام sitemap ديناميكية لعدة مواقع.

ادخل على الرابط الذي اضفته https://albuhra.com/sitemap.xml لم يتم اضافة اي روابط

لقد دخلت على الرابط : https://albuhra.com/sitemap.xml ولا يبدو انك لم تضف اي روابط بعد، ربما تكون المشكلة بسبب ذلك. لاحظ الـ sitemap الخاص بموقع مستقل : https://mostaql.com/sitemap.xml جرب تعديل الـ sitemap لشكل مشابه بموقع مستقل ثم قم بإضافة بعض المسارات ثم حاول تقديمه مرة ثانية.

نعم يمكنك فعل ذلك

على ما اذكر فإنك تقومين بتعلم دورة تطوير الواجهات ووصلتي لمرحلة جيدة في الدورة (تعلمين كيفية انشاء form وتعلمين كيفية التعامل مع js و jQuery وبإمكانك). وبناءً على ذلك فبإمكانك انشاء الموقع السابق ولكن لن يكون هنالك backend للتطبيق وسيكون كل العمل في طرف العميل frontend (أي انك سترسلين الاسئلة والاجابات إلى العميل وستقومين بعملية التحقق من الاجابة في طرف العميل وكذلك سترسلين كل العلامات في كل مرة يريد فيها طالب ما معرفة علامته). أما التطبيقات العملية والتي تقوم بتقديم العلامات في العادة فإنها تحتاج إلى backend حتى يتم إدخال العلامات ويتم إرسالها عند الطلب بشكل ديناميكي (نرسل علامة الطالب فقط). وكذلك فإن تصحيح الاسئلة يحتاج إلى backend كذلك حتى نرسل الاجابة إلى الـ backend ويقوم بتصحيحها وإرسال النتيجة. اطلعي على : وبمجرد البدء في المشروع فإنه بإمكانك نشر المشاكل التي تواجهيها وسنقوم بمساعدتك.

لا يمكنك فعل ذلك بشكل مجاني ولفعل ذلك يتوجب عليك الاشتراك مع طرف ثالث مثل Twilio وبعد ذلك سيساعدك الوسيط الثالث في اعداد الـ WhatsApp business Api لتطبيقك وسيقدم لك طبقة وسيطة من الـ Api تمكنك من إرسال الرسائل بسهولة. ويمكنك الاطلاع على توثيق Twilio الرسمي من هنا من اجل بايثون ومن هنا من اجل التعرف على Twilio Sandbox. ويمكنك انشاء حساب مجاني وتجربة الخدمة بشكل مجاني في تطبيقك المحلي ولكن لن تستطيع ارسال رسائل لعملاء آخرين حتى تقوم بإكمال خطوات الاشتراك. ملاحظة : يتيح Twilio إرسال الرسائل النصية العادية وهي اسهل للاستخدام بكثير من WhatsApp business Api.

لاحظ رسالة الطلب الظاهرة في الصورة الخاصة بك، يظهر ان الطلب يرسل إلى الرابط http://localhost:3000/api/users/login عدل الكود الخاص بصفحة الـ react من الشكل : const { data } = await axios.post( "/api/users/login", { email, password, }, config ); إلى الشكل التالي : const { data } = await axios.post( "http://localhost:8800/api/users/login", { email, password, }, config ); وذلك لأن المتصفح يفهم المسار : /api/users/login على انك تريد إرسال الطلب إلى نفس السيرفر الذي يخدم react وهو http://localhost:3000 @محمد الحربي

عدل الرابط إلى الشكل التالي : http://localhost:8800/api/users/login وذلك لأن الـ port الخاص بالسيرفر هو 8800 وليس 3000