محمد_عاطف

أولا يجب عليك تحديد المجال الذي تريد العمل فيه في الويب حيث يوجد أكثر من مجال وهم : تطوير الواجهات الأمامية (Front end) تطوير الواجهات الخلفية (back end) تطوير الويب (Full Stack) ويمكنك قراءة الإجابة التالية لمزيد من التفاصيل أكثر حول تلك المجالات وأيضا أفضل التقنيات المستخدمة بهم : بعد تحديد المجال الذي تريد العمل عليه يمكنك بعدها البحث عن التقنية المناسبة لك وتجدها سهلة وومتعة لك وأيضا تتوافر بها وظائف متاحة سواء في مدينتك أو على مواقع العمل الحر إذا أردت العمل كمستقل (freelancer). بعد تحديد التقنية المناسبة الآن لديك عدة طرق منها أنك يمكنك التقدم لدورة مدفوعة و التأكد من أن هذه الدورة شاملة وتؤهلك بعدها للتقدم في سوق العمل . أو يمكنك مذاكرة الدروس على اليوتيوب وقراءة الدروس والمقالات على الإنترنت.

يرجى تشغيل برنامج vs code كمسؤول (run as administrator) . بعد ّلك يرجى الضغط على زر CTRL + SHIFT + P ومن ثم قم بالبحث عن settings وقوم بإختيار التالي : بعد ذلك يمكنك وضعك السطر التالي في بداية الملف : "terminal.integrated.defaultProfile.windows": "Command Prompt", وقم بحفظ الملف وإعادة فتح ال terminal

يمكنك فتح ال task Manager في ويندوز وإغلاق ال terminal من خلاله يبدوا أنه توجد مشكلة تمنعه من الإغلاق . أو يمكنك إعادة تشغيل الجهاز والمحاولة مرة أخرى.

يرجى تجربة وضع ملف trips.html بداخل مجلد src وأنظر هل تختفي التحذيرات أم لا و أيضا قم بحذف مجلد dist وانظر هل يتم إنشاء ملف trips.html بداخله بعد إعادة تشغيل الخادم أم لا . أعتقد المشكلة لديك أنه يوجد مشروع أخر يعمل لديك على نفس ال port أو أن ال IDE الذي تعمل عليه من الممكن وجود مشكلة به . يرجى إغلاق ال IDE سواء vs code أو اى برنامج أخر وتشغيل المشروع من خلال ال cmd وانظر هل تظل المشكلة أم لا.

هل يوجد لديك في ملف webpack.config.js إعدادات خاصة بملف trips.html ؟ مثل المشاريع السابقة التي كنت ترفقها ؟ new HtmlWebpackPlugin( { title: "fLandPage", filename: "trips.html" , template: "./src/trips.html" } ), لقد لاحظت أنه في المشاريع السابقة الكود هذا كان موجودا ولكنه غير موجود الآن. إذا كان موجودا فيرجى حذفه وحذف مجلد dist وإعادة تشغيل الخادم من جديد . إذا لم يوجد الكود السابق فيبدوا أنك قد قمت بحذف هذا السطر ولم تقم بإعادة تشغيل الخادم لهذا تحدث المشكلة يرجى حذف dist وإعادة تشغيل الخادم ويجب أن لا تظهر لك تلك المشكلة مرة أخرى.

وعليكم السلام ورحمة الله وبركاته. يوجد العديد من الطرق منها التي ذكرتها ومنها التي لم تذكرها وكل طريقة لها مميزات وعيوب وأيضا لها خصائص يجب توافرها لتنفيذها وأيضا تعتمد بشكل كبير على الخصائص التي تريدها في مشروعك. فأولا لو أردت أن بيانات السلة تكون موجودة في حساب المستخدم أى إذا قام بتسجيل الدخول من أى مكان سواء الهاتف أو الحاسوب أو في أكثر من مكان وتريد تلك البيانات أن تكون متزامنة ومتاحة . أى نفرض أنه أضاف منتج من خلال الهاتف و من ثم فتح المتصفح على الحاسوب يجب حينها أن يرى المنتجات التي أضافها من خلال الهاتف . هنا يجب أن يتم تخزين تلك البيانات من خلال الخادم الخاص ب Laravel .أى يجب عليك هنا إستخدام قاعدة البيانات وتوفير API لإضافة المنتجات في السلة وإحضار تلك المنتجات. وهنا لن تنفع خاصية ال session أو ال cookies وغيرها والتي تعتمد على الجافاسكريبت . أما إذا أردت أن تكون السلة غير متزامنه فيمكنك إستخدام جميع ما قلته ولكن لكل طريقة حدود . فال API أرى أنه الأفضل وحينها فقط ستقوم بإنشاء المنطق مرة واحدة فقط في الخادم عند حفظ المنتجات ولو يوجد لديك تطبيق هاتف أو تطبيق ويب فقط ستقوم بعرض تلك البيانات لديك ولن تقوم بحفظها لديك في التطبيقين أى ستقوم بإنشا منطق عرض المنتجات فقط أما حفظها وإحضارها سيكون من خلال ال API. ويجب على ال API أن يكون سريعا أما إذا وجدت أن الوقت بين الطلب والإستقبال كبير فهنا أعتقد أن المشكلة لديك في طريقة حفظ البيانات أو في الكود الخاص بالحفظ لذلك يرجى التأكد من هذا الكود ومحاولة إكتشاف لماذا يأخذ وقتا كثيرا. أما ال cookies فيمكنك إيقاف تشفير تلك البيانات إذا أردت من خلال laravel ولكنها فقط لن تتجاوز 4096 بايت وهذا ليس جيدا ولا أنصح به. أما بخصوص ال session يمكنك إستخدامها ولكن سيتوجب حفظ ال id الخاص بال session في قاعدة البيانات وبذلك عندما يقوم المستخدم في أى وقت بستجيل الدخول سيمكنك إستخدام ال session_id وإسترجاع تلك البيانات مباشرة ولكنها أيضا طريقة لا أنصح بها. الأفضل لك هو إستخدام Local Storage حيث تقوم بحفظها في ال localstorage لديك ويمكنك إحضارها في أى وقت من خلال javascript ولا يتم مسحها إلا إذا إستخدمت كود جافاسكريبت أى لا تقلق من ناحية إنتهاء الوقت أو إغلاق المتصفح ولكن كما وضحت لك تلك الطريقة لن تجعل منتجات السلة متزامنة.

يمكنك حذفه إذا قمت بتثبيته عالميا (global) من خلال الأمر التالي : npm uninstall -g react بعد ذلك يمكنك إنشاء المشاريع الآن بكشل منفصل. أما إذا لم تقم بتحميله عالميا يكفي فقط حذف المشروع الذي أنشأته أو يمكنك إنشاء مشروع جديد الآن . ولكن لاحظ أن npx create-react تقوم بإنشاء مشروع بأحدث إصدار متاح من react ويمكنك حذفها من خلال الأمر التالي إذا كنت تستخدمها npm uninstall -g create-react-app

وعليكم السلام ورحمة الله وبركاته. المشكلة لديك في هذا العنصر : لاحظ كيف أنك تستخدم : margin-right: 50% !important; transform: translateX(25%); ولهذا فإنه يتم إزاحته كثيرا جهة اليسار مما يسبب تلك المسافة الزائدة. ويفضل لجعل العنصر في المنتصف إستخدام flexbox كالتالي . في ملف src\sass\index.scss سطر 389 يرجى إستبدال التنسيقات بالتالي : .center-div { display: flex; flex-direction: column; align-items: center; width: 100%; } أو إذا أردت إستخدام التنسيقات التي لديك يمكنك وضع خاصية overflow hidden للعنصر curve-contain كالتالي : .curve-contain{ overflow: hidden; }

لاحظ أن text-align: center تقوم فقط بوضع النص في المنتصف للحاوية التي يوجد بها . ولاحظ ان العنصر i لا يوجد بداخله نص بل هي صورة الأيقونة وهو يأخذ طول وعرض الأيقونة لهذا فإن text-align: center ستقوم بمحاذاة الأيقونة في منتصف العنصر i وبما أنه نفس عرض وطول الأيقونة فلن يؤثر في شئ . ولو قمت بوضع العرض ب 100% للأيقونة فستجد أنها بالفعل أصبحت في المنتصف : .fa-solid{ text-align: center; font-size: 50px; color: #ffffff; width: 100%; } ولكن إذا أردت فالأفضل هو وضع tex-align center لعنصر ال section كالتالي : section{ height: 300vh; width: 100%; text-align: center; }

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

SynthCity هي مكتبة مفتوحة المصدر تُستخدم لإنشاء بيانات صناعية (synthetic data) باستخدام التعلم الآلي. البيانات الصناعية يمكن إعبارها بديل آمن وفعال للبيانات الحقيقية في التطبيقات التي تتطلب الخصوصية أو عندما يكون من الصعب الحصول على بيانات حقيقية. ويمكنك زيارة مستودع الأداة على github لكيفية تثبيتها والتعامل معها : https://github.com/vanderschaarlab/synthcity

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

هل يمكنك إرسال صورة للأمر الذي قمت بتنفيذه وصورة للخطأ لديك.

المشكلة لديك بسبب تعارض في إصدارات الحزم حيث لديك في مشروعك react@19.0.0 وهو حاليا غالبا ليس مستقر وتوجد لديك حزمةtesting-library/react@13.4.0 وهى تتطلب إصدار 18 من react . ولهذا يحدث ذلك التعارض . والحل هو إما تثبيت إصدار 18 وهو الأفضل من خلال الأمر التالي : npm install react@18.0.0 react-dom@18.0.0 والحل الثاني هو استخدام خيار --legacy-peer-deps لتجاوز التعارض فإذا كنت لا ترغب في تعديل إصدارات React في مشروعك يمكنك استخدام الخيار --legacy-peer-deps عند تثبيت الحزم لتجاهل تعارضات الاعتماديات وسيتم تثبيت الحزم ولكن من الممكن حدوث كثير من المشاكل : npm install --legacy-peer-deps أو إستخدام خيار --force إذا كنت بحاجة إلى فرض تثبيت الحزم رغم التعارض : npm install --force والحل الثاني كما وضحت لك من الممكن أن يسبب عدم إستقرار ومشاكل في تشغيل المشروع.

إن JavaScript و Node.js مرتبطتان ببعضهما البعض ولكل منهما إستخدام ومفهوم. مختلف ولنبدا معا بشرح الفرق بينهما . إن JavaScript هي لغة برمجة قد تم إصدارها قديما ليتم إستخدامها بشكل رئيسي لتطوير صفحات الويب التفاعلية. حيث يتم إستخدامها في المتصفحات لتنفيذ تعليمات برمجية داخل صفحات الويب مثل تغيير محتوى الصفحة من إضافة أو حذف أو تغير أماكن العناصر و التعامل مع الأحداث التي يقوم بها المستخدم وأيضا لعمل animation وتحريك العناصر في الصفحة. أما Node.js فهي بيئة تشغيل تعتمد على محرك JavaScript V8 الخاص بـ Google Chrome حيث يسمح لك بتشغيل JavaScript خارج المتصفحات (حيث كما وضحت إن javascript هي تعمل فقط في المتصفحات) . حيث يمكنك من خلال node تشغيل جافاسكريبت على الخادم (Server-Side) مما يتيح لك بناء تطبيقات واجهات خلفية باستخدام JavaScript. إذا فإن JavaScript هي لغة برمجة تستخدم في المتصفحات بينما Node.js تم بنائها على لغة جافاسكريبت وهي بيئة لتشغيل JavaScript على الخوادم خارج المتصفحات مما يسمح باستخدام JavaScript لتطوير تطبيقات الخوادم وهي ليست لغة برمجة جديدة ولكنها بيئة لتشغيل JavaScript إذن فإن JavaScript هي اللغة الأساسية بينما Node.js هو البيئة التي يتم من خلالها تشغيل هذه اللغة خارج المتصفح أى على الخادم. ويمكنك قراءة الدروس التالية لمزيد من التفاصيل :

نعم بالطبع يوجد فرص عمل كثيرة فالدورة تؤهلك للقيام بالأمور التالية: مطور Full-stack لبناء مواقع الويب والمتاجر الإلكترونية أي قادر على تطوير الواجهة الأمامية والخلفية أيضًا من خلال Django و Flask. مطور واجهة خلفية Back-End فقط. مجال تعلم الآلة ولكن هنا أنت بحاجة إلى تعلم المزيد وعدم الإكتفاء بالدورة والأمر بحاجة إلى وقت أكثر من أي مجال آخر. محلل بيانات (Data Analyst )، حيث ستتمكن من استخدام مهارات البرمجة الخاصة بك للتحليل واستخراج البيانات من مصادر متنوعة، ومعالجة البيانات، وإجراء التحليلات الإحصائية والتعلم الآلي باستخدام مكتبات Python مثل pandas و NumPy و scikit-learn. مطور odoo ويمكنك قراءة الإجابات التالية للمجالات التي يمكنك العمل بها بعد إكمال الدورة وإجتيازها:

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

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

نعم صحيح أنت لم تستخدم numpy ولكن مكتبة Scikit-learn التي تستخدمها تعتمد على numpy بداخلها . وستجد أن fit_transform تعيد مصفوفة من نوع numpy ndarray وليس dataframe وإليك التوثيق الرسمي لها: fit_transform حيث تقوم تلك الدالة بجمع عمل الدالتين fit و transform وتختصرهم في خطوة واحدة معا. حيث تقوم أولا fit بحساب المتوسط لكل عمود و حساب الانحراف المعياري لكل عمودأيضا . ومن ثم تثوم transform بتحويل كل قيمة في البيانات إلى القيمة القياسية من خلال المعادلة : z = (x - u) / s حيث u هو المتوسط و s هو الإنحراف المعياري. ولكن لماذا تريد طباعة الأعمدة (columns) أو ما الذي تحاول تطبيقه هنا ؟ على العموم إذا أردت تحويل الناتج إلى dataframe يمكنك إستخدام الكود التالي : import pandas as pd x_train_scaled_df = pd.DataFrame(x_train_scaled, columns=x_train.columns) x_test_scaled_df = pd.DataFrame(x_test_scaled, columns=x_test.columns)

وعليكم السلام ورحمة الله وبركاته. لاحظ أن الخطأ يخبرك أن x_train_scaled هو من نوع numpy.ndarray وإن ndarray لا يوجد بها خاصية تسمى columns حيث تلك الخاصية توجد في pandas dataframe و ليس numpy ndarray . لذلك تأكد أولا من طريقة إنشاءك للمتغير x_train_scaled وتأكد من أنه pandas dataframe . إذا أردت يمكنك تحويله إلى pandas dataframe ولكن سيتوجب عليك أن يكون لديك أسماء الأعمدة هكذا : import pandas as pd columns = ['Feature1', 'Feature2', 'Feature3'] x_train_scaled = pd.DataFrame(x_train_scaled, columns=columns)

لاداعي للشكر . وإياكم اللهم آمين.

يمكنك إستخدام الدالة round كالتالي : diabetes['HOMA_IR'] = (diabetes['Glucose'] * diabetes['Insulin'] / 405).round(2)

وعليكم السلام ورحمة الله وبركاته. الخطأ هنا في أنك تحاول تعيين قيمة جديدة باستخدام الدالة int() إلى متغير. ولا يمكن ذلك في بايثون لأن الدالة int() تستخدم لتحويل القيم الموجودة بالفعل إلى نوع بيانات (integer) ولا يمكن استخدامها كعملية تعيين لقيمة جديدة. أى لا يمكن إستخدام int في الجهة اليسرى لأنك تقوم بتعين قيمة في الجهة اليسرى للقيمة التي في الجهة اليمنى لهذا إذا كنت ستقوم بإستخدامها يجب إستخدامها في الجهة اليمنى لعلامة = أى إستخدامها على البيانات التي تريد تحويلها بالفعل . ويمكنك إستخدام astype في مكتبة pandas كالتالي : diabetes['HOMA_IR'] = (diabetes['Glucose'] * diabetes['Insulin'] / 405).astype(int) وهكذا سيتم تحويل الناتج إلى قيمة صحيحة int

لا جميع الأنظمة نفس الشئ . إذا لم يكن لديك c++ compiler على أى نظام تشغيل وتوجد مكتبة تريد عمل compilation لكود c++ فلن تعمل إلا إذا قمت بتنزيل Visual Studio Build Tools . ولهذا إذا لم يكن لديك Visual Studio Build Tools على جاهز ال Mac سيتوجب تنزيله لتعمل تلك المكتبات.

يوجد لديك خطأ في ملف index.html حيث أولا في سطر 11 لاحظ أنك كتبت href مرتين وبصيغة خاطئة. ثانيا في سطر 13 لاحظ أنك وضعت نص "< زائد بعد العنصر وذلك النص هو سبب تلك المسافة الزائدة . لذلك يرجى حذف هذين الحرفين وسيعمل معك . وإليك الكود بعد التعديل : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>barbermobile</title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="stylesheet" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet"> </head> <body> <header> <a href="#" class="logo">mohamed zabbar</a> <nav> <a href="#">STORY</a> <a href="#">SERVICES AND PRICES</a> <a href="#">CONTACT</a> </nav> <div class="btn"> <a href="#">EN</a> <a href="#">FR</a> <a href="#">AR</a> </div> </header> </body> </html>