لوحة المتصدرين

هاذا ملف جيسون و المشروع

السلام عليكم عند رفع المشروع على github ظهرت فقط عناصر html بدون تنسيقات css و js ما سبب المشكلة؟

مواقع كويسة احل من خلالها problem solving ب javaScript بتدرج

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

رسالة الخطأ في Terminal تظهر أن المشكلة أن النظام يحاول تشغيل ملف يسمى index.mjs كما يظهر في الخطأ بينما الملف الموجود فعليا في المشروع يسمى index.js وهذا تضارب في أسماء الملفات يمنع تشغيل المشروع والحل هو إما تغيير اسم الملف من index.js إلى index.mjs أو تعديل إعدادات package.json في قسم scripts ليشير إلى index.js بدلا من index.mjs. وأخيرا في حال كان سؤالك متعلقا بإحدى الدروس في أحد الدورات التي اشتركت فيها فأرجو نقل سؤالك هناك أسفل الدرس، فهنا نجيب فقط على الأسئلة العامة.

أغلب تلك المواقع توفر ذلك الأمر فلديك موقع CodeWars فهو يتيح حل تحديات برمجية تتراوح من المستوى الأساسي إلى المتقدم وسهل استخدامه في البداية. فيمكنك البدأ من المستوى البدائي والتدرج في الصعوبة : https://www.codewars.com/kata/55d24f55d7dd296eb9000030/train/javascript https://www.codewars.com/collections/javascript-basics-2 ويمكنك الدخول على موقع LeetCode، وستجد قوائم خاصة بالمسائل بمختلف المستويات، وستجد شروحات له على اليوتيوب أيضًا. https://leetcode.com/problemset/

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

شكراً

المشكلة تتعلق أيضا بكتابة الروابط بشكل مطلق لاحظ روابط الصور <img src="/images/team2.jpg" alt="محمد هاني" class="custom-img"> يرجى تعديله إلى <img src="./images/team2.jpg" alt="محمد هاني" class="custom-img"> وكذلك الأمر للخطوط. ولكن الأفضل تعديل إعدادات Webpack كما ذكرت في التعليق السابق ليصبح بهذا الشكل output: { filename: "js/bundle.js", path: path.resolve(__dirname, "dist"), publicPath: "./", // بدل "/" }

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

رابط الموقع لديك هو: https://salamah44.github.io/arabi-company/ بينما في الكود الروابط مكتوبة بهذا الشكل: <script defer="defer" src="/js/bundle.js"></script><link href="/main.css" rel="stylesheet"> وهذا يعني أن المتصفح يحاول الوصول إلى: https://salamah44.github.io/js/bundle.js https://salamah44.github.io/main.css أي أن اسم المستودع (arabi-company) غير موجود في المسارات لذا لا تُعثر الملفات وتظهر الصفحة بدون تنسيقات أو سكربتات. الحل الأفضل (مرة واحدة على مستوى الإعدادات لا تعدل كل ملف يدويا) عدّل إعدادات Webpack في webpack.config.js واجعل الخاصية publicPath نسبية، مثلا: output: { filename: "js/bundle.js", path: path.resolve(__dirname, "dist"), publicPath: "./", // بدل "/" } أعد البناء (npm run build أو الأمر الخاص بمشروعك). ارفع مجلد dist (أو build) إلى المستودع ونفذ نشر GitHub Pages. حلول أخرى إن رغبت أن يعمل الموقع من الجذر بدون اسم المستودع أنشئ مستودعا باسم salamah44.github.io وانشر فيه الملفات في هذه الحالة تعمل الروابط المطلقة من الجذر. أو غيّر الروابط في الكودإلى نسبية يدويا مثلا: <script defer src="./js/bundle.js"></script> <link href="./main.css" rel="stylesheet"> لكن تعديل الكود في كل الملفات يطول العمل لذا الأفضل تعديل publicPath وإعادة البناء. تأكد بعد النشر أن ملفات js، css، وimages موجودة داخل المجلد الذي نشرته (dist/build) وأن إعداد GitHub Pages يشير إلى المجلد/الفرع الصحيح.

لاحظ المشكلة لديك أن الرابط الخاص بموقعك هو : https://salamah44.github.io/arabi-company/ وفي الكود لديك الروابط هكذا : <script defer="defer" src="/js/bundle.js"></script> <link href="/main.css" rel="stylesheet"> وهو روابط مطلقة أى أن المتصفح يبحث عن الملفات التالية : https://salamah44.github.io/js/bundle.js https://salamah44.github.io/main.css لاحظ كيف لم يتم وضع arabi-company في الروابط لهذا لا يتم العثور على الملفات. الأفضل هو جعل الموقع مباشرة بدون arabi-company في github أو إستخدام الروابط النسبية هكذا : <script defer="defer" src="./js/bundle.js"></script> <link href="./main.css" rel="stylesheet">

وعليكم السلام ورحمة الله، السبب الغالب لظهور الصفحة بدون تنسيقات على GitHub Pages هو أن روابط ملفات الـ CSS أو JavaScript مكتوبة بشكل مطلق مثل: <link rel="stylesheet" href="/style.css"> لكن GitHub يعرض الموقع من مجلد فرعي وليس من الجذر /، فيفشل في إيجاد الملفات. الحل أن تجعل الروابط نسبية مثل: <link rel="stylesheet" href="./style.css">

build.ziphttps://salamah44.github.io/arabi-company/index.html

وعليكم السلام ورحمة الله وبركاته. يرجى إرفاق مستودع المشروع ورابط الموقع للإطلاع عليه ومساعدتك.