كل الأنشطة

وعليكم السلام ورحمة الله وبركاته. أولا إن مجال ال 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/

توجد مشكلة في مشروعي والتي هي عند انشاء مهمة لا يظهر نص ويطبع ب كونسول غير مصرح به مع اني مررت توكن وربط باك اند ب فرونت اند ب طريقة صحيحة ولا اعلم ما مشكلة To-Do-list full-stack.zip

كيف تقوم بتشغيله ؟ وهل تستخدم mysql أم ماذا ؟

مشروع لارافيل نظام إدراة محتوي

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

السلام عليكم لدي بيانات في جدول لماذا عندما اقفل كمبيوتر وارجع اشغل مشروع لا توجد بيانات في جدول

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

هل يمكن ان تخبرني مثل ما نوع مشروع المتوقع