كل الأنشطة

بشكل عام يرجع اختيارك إلى المنصة للتكويد حسب راحتك. إذا تحب تشتغل أونلاين بدون إعداد بيئة على جهازك استخدم Colab، أما لو تفضل تشتغل محليًا وتتحكم بكل شيء فـ Jupyter أو VS Code خيار ممتاز.

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

اشتغل علي colab ولا jupyter ولا VS code ولا براحتي

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

الان انتهيت من كل شيء اتممت اربع مسارات ونفذت مشاريع ورفعتهم على جيت هب واتقنت مسارات حتى اصبحت قادر على الاجابة على اي سؤال وايضأ مع فهم مشاريع لكني متردد بسبب مجهول ولا اعلم ما سبب

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

السلام عليكم ورحمة الله وبركاته ما الفرق في النصان الآتيان من حيث أمر ${total}: let total = 0; while(total <= 100){ total += Number(prompt(`Your total is ${total}`)); console.log(total); } و let total = 0; while(total <= 100){ total += Number(prompt('Your total is ' + total)); console.log(total); }

وعليكم السلام ورحمة الله وبركاته. أولا إن مجال ال UI و UX هو مختلف تماما عن البرمجة ومسار full-stack وهما أيضا وظيفتان مختلفتان لذلك الأفضل لك حاليا التركيز على مسار واحد لتستطيع أن تتمكن فيه وتجد فرصة عمل في أى منهما على الأقل. أما بخصوص تصميم واجهات المستخدم فهو يعتمد بشكل أكبر على برامج التصميم مثل Figma و photoshop وغيرها وأيضا يعتمد بشكل أكبر على الإبداع والتخيل . وإليك مقال عن الفرق بين ال UI و ال UX وتفاصيل أكثر حولهما : والرابط التالي يحوي العديد من المقالات بخصوص هذا الأمر : https://academy.hsoub.com/design/user-experience/

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

سلام عليكم في رحلتي في تعلم تطوير مواقع تعلمت html css وتعلمت JavaScript بشكل عميق مشكلتي في تطوير مواقع هي اني ما اعرف اصمم تصاميم احترافية للمواقع لكن اذا شفت تصميم figma اقدر احوله الى كود html css سبب تلك مشكلة لدي لاني انا اركز على منطق برمجي ولا اركز كثيرا ب تصاميم ف غاليا انا اعتمد على AI بتوليد كود تصميم كيف اصبح مصمم UI UX من اجل اكون مطور مواقع مميز

بإمكانك التقدم للإختبار الآن لا داعي للقلق.

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

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

في تقدم للاختبار هل انا مطالب ب شرح مشاريع التي قمت بها في دورة حسب المسارات التي حددتها لاختبار من الف الى ياء لتأكد اني قمت بفهم مشروع

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

الا تعمل قاعدة بيانات mongodb compass حيث قمت بأضافتها ب Environment Variables مع قيمة ولم يعمل خادم هل تقصد بأن استبدل قاعدة بيناتي محلية ب atlas?

الأمر ليس له علاقة بـ mongodb compass بل يجب إنشاء قاعدة بيانات على mongodb atlas وستحصل على رابط للإتصال بقاعدة البيانات

انا استخدمت mongodb compas هل بقدر اشغل خادم بنجاح حيث مشكلة عندما اريد انشاء حساب و تسجيل دخول يطلع alert Server error. Please try again.

صحيح، المشروع يعمل بشكل سليم، هل المشكلة تحدث عند تسجيل مستخدم جديد؟ يجب توفير قيمة لمتغير البيئة MONGODB_URL حيث ستحتاج إلى إنشاء قاعدة بيانات على Atlas ثم توفير الرابط الخاص بها وكذلك قيمة JWT_SECRET ستجد أعلى اليمين في صفحة إدارة المشروع في vercel تبويب Settings اضغط عليه ثم اختر Environment Variables وأضف متغير البيئة

هل هنا ما تقصد

ربما لديك إعدادات قاعدة البيانات غير صحيحة في ملف env. فلو تم إعداداها على قاعدة sqlite فلن تجد البيانات في mysql DB_CONNECTION=sqlite يجب أن تكون كالتالي: DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=اسم_قاعدة_البيانات DB_USERNAME=root DB_PASSWORD= ثم تنفيذ الأمر php artisan config:clear والتهجير والبذر: php artisan migrate:fresh --seed ثم تشغيل الخادم: php artisan serve

ستجد build logs وruntime logs عند الضغط على المشروع في vercel ما هي الأخطاء التي تظهر في كل منهما؟

لقد انتهيت من مشروع وانه يعمل بشكل كامل لكن عند رفعه على vercel توقف خادم عن عمل ماهي مشكلة https://to-do-list-app-full-stack.vercel.app/ To-Do-list full-stack.zip

اقوم بتشغيله php artsian serve وقاعدة بيانات mysql

لديك خطأ 401 أي عملية غير مُصرح بها، لأن التوكن لم يتم تخزينه بعد تسجيل الدخول، لذا الطلب إلى /api/todos يُرسل بدون Authorization، كذلك يوجد تحذير الـ key وسببه أن دالة createTask تُعيد الجسم الكامل { newTodo, user } بينما الواجهة تتوقع كائن المهمة فقط، فينتج عنصر بدون _id في المصفوفة. في ملف page.tsx يجب حفظ التوكن بعد تسجيل الدخول: if(res?.message){ setError(res?.message); setLoading(false); }else{ alert("تم تسجيل الدخول بنجاح"); localStorage.setItem("token", res.token); // هنا router.push("/home") } كذلك، تعديل createTask لإعادة data.newTodo وللتحقق من الأخطاء: export async function createTask(title:string) { const token = localStorage.getItem("token"); const res = await fetch('http://localhost:3000/api/todos', { method: "POST", headers: { "Content-Type": "application/json", "Authorization": `Bearer ${token ?? ""}` }, body: JSON.stringify({title}), }); if (!res.ok) { const err = await res.json().catch(() => ({})); throw new Error(err?.message || "Request failed"); } const data = await res.json(); return data.newTodo; } كذلك يجب تحويل الـ _id إلى نص عند توليد التوكن فحاليًا أنت تمرر كائن، في ملف app\api\auth\login\route.ts: const token = generateToken(user._id.toString()); ثم شغل الخادم وتوجه إلى الرابط التالي وسجل الدخول: http://localhost:3000/