هل يمكنك تقييم مشروع التخرج (موقع سفرني)

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

اما بالنسبة لسؤالك :

اقتباس

فكيف يمكنني التطور و كم احتاج من الوقت as a front-end developer لانتقل لدورة javascript

فيمكنك الانقال منذ الان حيث يبدو انه لديك المهارات الكافية مبدئياً لتطوير واجهات المستخدم، ولا سيما إن كنت تريد الاختصاص ك Full-Stack.

قد يكون من الجيد ان تقوم بتصميم الموقع في المرة اللاحقة باستخدام احد برامج التصميم مثل adobe xd او غيره قبل انشائه بشكل كود.

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

أما عن التطوير :- 

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

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

من الناحية البرمجة فهو مشروع ممتاز ولكن من ناحية التصميم فهناك بعض التعديلات التي ستجعل من التصميم أفضل ولكن لا تقلق مع كثرة التطبيق ستقابل الكثير من التصميمات التي ستتعلم منها (وهذا ليس من عمل المطور حيث أنه من المفترض أن يأتي لك التصميم جاهز)

ومن هذه التحسنات 

أولاً : 

في صفحة login.html يفضل تعديل ال width لل form ل50%كما يلي

form{
	width: 50%;
    margin: auto;
}

ليصبح بالشكل التالي

ثانياً: 

الصنف col-6  جعله  col-5  لإضافة بعض المساحة بينهما و يفضل إضافة خلفية بيضاء وبعض التعديلاتمع إضافة الصنف

 justify-content-between

 كمايلي

col-5{
    background-color: white;
    padding: 20px;
    border-radius: 5px;
}

ليصبح كالتالي

مع أخذ النصائح في التعليقات السابقة في الحسبان

بتاريخ 1 ساعة قال Aimen Zeffanine:

فكيف يمكنني التطور و كم احتاج من الوقت as a front-end developer لانتقل لدورة javascript

للإنتقال  لدورة javascript يفضل بناء عدة مشاريع جيدة على ال html و ال css 

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

ومع الوقت ستجد أن مستواك قد تحسن وتصميماتك أصبحت أفضل، وللعلم أنت كمطور واجهات أمامية ليس مطلوب منك تصميم الواجهة بل تطويرها، لكن مطلوب منك أيضًا الإلمام بأساسيات التصميم الجيد وستجد هنا توضيح لتلك النقطة بشكل مفصل:

بتاريخ 2 ساعة قال Aimen Zeffanine:

فكيف يمكنني التطور و كم احتاج من الوقت as a front-end developer لانتقل لدورة javascript

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

وبعد أن تشعر بالأريحية في استخدام HTML وCSS، تستطيع الإنتقال إلى تعلم جافاسكريبت.

ما فعلته أنا عندما كنت أتعلم البرمجة، هو أنه كان يوجد مشروع في نهاية الدورة الخاصة بـ HTML, CSS، فقم بمشاهدة المشروع وهو عبارة موقع خاص بشركة توصيل طعام، وقمت بالتطبيق مع المدرب من خلال المشاهدة ثم التوقف ومحاولة التطبيق بمفردي.

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

وأنصحك أيضًا بالتمرن على تطوير النماذج Forms فهى أمر هام جدًا بالنسبة لمطور الواجهة الأمامية، حاول تنفيذ مشروع جانبي مخصص لتطوير نموذج وستجد على اليوتيوب مشاريع ابحث عن "إنشاء فورم html css".

بتاريخ On 26‏/7‏/2023 at 16:34 قال Aimen Zeffanine:

هذا مشروع التخرج هل يمكنكم تقيمه 

https://zeffanine.github.io/seferny/

انا اعلم انه سيئ جداً 

فكيف يمكنني التطور و كم احتاج من الوقت as a front-end developer لانتقل لدورة javascript

السلام عليكم
لقد حسنته بعض الشيء هل من ملاحظة ؟
https://zeffanine.github.io/seferny/