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

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

السلام عليكم ما هي متطلبات تثيبت مكتبه tensorflow علي الحاسوب الشخصي ؟

عند تشغيل npm run dev مع كل المحاولات دائما يخبرني ان vite غير معروف رغم اننى اتبعت كل خطوات على الانترنت مثل npm install وغيرها بارك الله فيكم

بس انا الحمد الله فهمت كده وانا كمان علي فكره بفضل جدا Vscode عن حزمه الاناكودناد وكده انا كمان هعمل زي حضرتك وشكراا جدااا

تستطيع التطبيق على إي بيئة تريد سواء vs code او jupyter، أنا افضل vs code واعمل عليه واقوم بتدريب نماذج بسيطة حتى عندما اريد تدريب نموذج يتطلب وقت طويل جدا اقوم بتجربته على الجهاز أولا ثم أقوم برفعه إلى colab والقيام بعملية التدريب طويلة، كمختصر مفيد لك سوف تقوم بكتابة الاكواد على جهازك وتجربتها لفترة قصيرة لتتأكد من أنها تعمل بشكل جيد بعد ذلك ستقوم برفع هذه الأكواد إلى colab والاستفاده من الخدمات التي توفرها google لإجراء عملية التدريب

وعليكم السلام، لا تقم بتثبيت المكتبة على جهازك والعمل عليه لأن تدريب النماذج على الجهاز يأخذ وقتا طويلا، يوجد نماذج تحتاج إلى ما يقارب اسبوع واسبوعين لتتم عملية تدريبها، وبالتالي انت بحاجة إلى شيء يقوم بتقليل هذه الفترة فما عليك سوا البحث في google عن colab ثم قم بتسجيل الدخول عليه باستخدام بريد الالكتروني وهو موقع مشابه تماما ل jupyter notebook وهو يمتلك خاصية تدريب مجاني وسريع باستخدام وحدات معالجة أفضل من الموجودة على جهازك تدعى ب gpu، حيث تقوم google بتوفيرها لك لمدة 9 ساعات يومية وهذا جيد لعملية تدريب طويلة بدلا من أن تاخد يوم ويومين على جهازك وهذا غير منطقي لأنك لن تستطيع تشغيل جهازك ليوم كامل او يومين متتالين دون توقف تستطيع قراءة هذا المقال لتفاصيل أكثر

بحسب الموقع الرسمي للمكتبة، فإنه يتطلب: اصدار 3.1 حتى 3.8 من بايثون مثبتا توزيعة 16.04 من اوبنتو فأكثر في حالة ما كنت تستخدمه اصدار 10 من ماك OS في حال كنت تستخدمه اصدار 7 من ويندوز فأكثر في حال كنت تستخدمه - مع موزعات Microsoft Visual C++ أما بالنسبة للعتاد، فستكون ذاكرة تخزينة عشوائية اضافية مطلوبة في حال ما كانت النماذج التي تعمل عليها كبيرة، نفس الشيء بالنسبة لمساحة التخزين - عدا ذلك ستكفيك متطلبات محدودة في حال ما كانت النماذج التي ستعمل عليها محدودة أو للتعلم والتدريب فقط.

هل ال constructor يعامل معاملة الدالة كما هو الحال في C++؟

في كل من جافاسكريبت و C++، الـ constructor هي دالة خاصة يتم استدعاؤها عند إنشاء كائن جديد، نستخدمها لإعداد الكائن الجديد و تخصيص قيمه الأولية. وهناك بعض الاختلافات بين كيفية معاملة ال constructor في جافاسكريبت و C++. في C++، يجب أن تكون ال constructor مخصصة، أي يجب أن يكون لها اسم فئة كاسم لها، بينما في جافاسكريبت، لا يلزم أن تكون ال constructor مخصصة. في C++، يمكن أن تعيد ال constructor قيمة، أما في جافاسكريبت، لا يتم إعادة قيمة. في C++، ترث الـ constructor من فئات أخرى، بينما في جافاسكريبت،لا ترث الـ constructor من فئات أخرى. مثال على الـ constructor في جافاسكريبت: class Person { constructor(name, age) { this.name = name; this.age = age; } } const person = new Person("mahmoud", 30); console.log(person.name); // "mahmoud" console.log(person.age); // 30 تُنشئ دالة الـ constructor الكائن الجديد وتعيين قيمة للمتغيرين name و age. مثال على الـ constructor في C++: class Person { public: Person(const std::string& name, int age) : name_(name), age_(age) {} private: std::string name_; int age_; }; int main() { Person person("mahmoud", 30); std::cout << person.name() << std::endl; // "mahmoud" std::cout << person.age() << std::endl; // 30 }

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

السلام عليكم. بعد إظهار رسالات الخطأ أود إخفاءها باستعمال setTimeOut قمت بالكود التالي const alertSlice = createSlice({ name: "alert", initialState: { alerts: [], }, reducers: { setAlerts(state, action) { state.alerts = [...state.alerts, action.payload] }, // الدالة التي تقوم بإزالة العنصر removeAlert(state, action) { state.alerts.filter(alert => alert.id === action.payload?.id) } }, }); *********************************************************************** const onSubmit = async e => { e.preventDefault() if (password !== password2) { dispatch(alertActions.setAlerts({ id: new Date().getTime(), type: "danger", msg:"Passwords does not mutch" })) } setTimeout(()=> dispatch(alertActions.removeAlert()), 3000) console.log("success") } عند تفعيل onSubmit تظهر رسالة الخطأ و ما أريده هو حذف الرسالة بعد 3 ثواني شكرا على المساعدة.

يمكنك القيام بذلك كالتالي : const onSubmit = async e => { e.preventDefault() if (password !== password2) { const error = { id: new Date().getTime(), type: "danger", msg:"Passwords does not mutch" }; dispatch(alertActions.setAlerts(error)) setTimeout(()=> dispatch(alertActions.removeAlert(error)), 3000) } console.log("success") }

قمت باتباع خطوات تثبيت vite ولكن نفس الاشكال

السلام عليكم. أريد بإظهار جميع النبيهات عند عملية تسجيل الدخول. هذه التنبيهات قمت بتجسيدها في شكل مصفوفة alertsالتي تحتوي كائن alert ب: id المعرف الوحيد، msg: يوضح رسالة الخطأ، type: نوع التنبيه (error, success, warning...) أرجو مساعدتي في الكود الذي قمت به const alertSlice = createSlice({ name: "alert", initialState: { alerts: [], alert: { id: null, type: '', msg: '' } }, reducers: { setAlert(state, action) { state.alert = action.payload }, setAlerts(state) { state.alerts.push(alert) } }, }); const alertReducer = alertSlice.reducer; const alertActions = alertSlice.actions; export {alertActions, alertReducer} ********************************** const onSubmit = async e => { e.preventDefault() if (password.length < 6) { dispatch(alertActions.setAlert("Passwords must be more than 6")) } if (password !== password2) { dispatch(alertActions.setAlert("Passwords do not match")) } console.log("success") } شكرا لكم.

هذا ملف المشروع الخاص بك بعد التعديل : import React, { useState, useId } from "react"; import { useDispatch, useSelector } from 'react-redux' import { Link } from "react-router-dom"; // import axios from 'axios' import { v4 as uuid } from 'uuid'; import { alertActions } from '../../redux/slices/alertSlice' function Register() { const dispatch = useDispatch() const alerts = useSelector(store => store.alert.alerts) console.log(alerts); const [formData, setFormData] = useState({ name: '', email: '', password: '', password2: '' }); const { name, email, password, password2 } = formData const onChange = (e) => { setFormData({ ...formData, [e.target.name]: e.target.value }) } const onSubmit = async e => { e.preventDefault() let errors = []; if (password.length < 6) { errors.push({ id: uuid(), type: "error", msg: "Passwords must be more than 6 characters" }) } if (password !== password2) { errors.push({ id: uuid(), type: "error", msg: "Passwords does not mutch" }) } if (errors.length) { return dispatch(alertActions.setAlerts(errors)) } console.log("success") } return ( <section className="container"> <h1 className="large text-primary">Sign Up</h1> <p className="lead"> <i className="fas fa-user"></i> Create Your Account </p> <form className="form" onSubmit={e => onSubmit(e)} > <div className="form-group"> <input type="text" placeholder="Name" name="name" value={name} onChange={e => onChange(e)} required /> </div> <div className="form-group"> <input type="email" placeholder="Email Address" name="email" value={email} onChange={e => onChange(e)} /> <small className="form-text"> This site uses Gravatar so if you want a profile image, use a Gravatar email </small> </div> <div className="form-group"> <input type="password" placeholder="Password" name="password" value={password} onChange={e => onChange(e)} // minLength="6" /> </div> <div className="form-group"> <input type="password" placeholder="Confirm Password" name="password2" value={password2} onChange={e => onChange(e)} minLength="6" /> </div> <input type="submit" className="btn btn-primary" value="Register" /> </form> <p className="my-1"> Already have an account? <Link to="/login">Sign In</Link> </p> </section> ); } export default Register; يمكنك الاطلاع على التعديلات التي اجريتها 1- واهما هو استخدام المكتبة uuid بدلاً من uuidv4 : npm uninstall uuidv4 npm install uuid و كود الاستدعاء يصبح بالشكل : import { v4 as uuid } from 'uuid'; 2- وتعديل نظام اضافة الاخطاء. وما انصحك به هو التخلي عن هذا الاسلوب واستخدام react-hot-toast و react-hook-form وهذه المكاتب هي التي استخدمها انا شخصياً من اجل التعامل مع النماذج وهي افضل بكثير واسرع واكثر قابلية للتحكم من ان تبني المنطق بنفسك.

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

تفضل ملفات المشروع hsoub.zip

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

استاذ حكمت , لم يعمل معي جربت اكثر من port

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

هذا يعود الى طبيعة تخصصك في مجال البرمجة كما قالوا المدربين في التعليقات السابقة , سوف تحتاج الى فهم عميق في css عندما تعمل كمطور frontend , أو مطور قوالب shopfiy او wordpress , هذه بعض المفاهيم الاساسية التي يجب عليك تعلمها في هذا التخصص كمبتدأ : تحديد العناصر: يجب أن تتعلم كيفية تحديد العناصر التي ترغب في تنسيقها في صفحة الويب باستخدام المحددات المختلفة. يمكنك استخدام المحددات العنصرية (Element Selectors) والمحددات (Class Selectors) والمحددات (ID Selectors) وغيرها. تنسيق النص: يجب أن تتعلم كيفية تنسيق النص في صفحات الويب باستخدام خصائص CSS مثل اللون والحجم والخط والتباعد بين الأحرف والمزيد. التنسيقات البسيطة: يجب أن تتعلم كيفية تحقيق التنسيقات البسيطة للعناصر، مثل تحديد ألوان الخلفية وحدود العناصر والهوامش والتباعد بين العناصر. نماذج الصناديق: يجب أن تتعلم كيفية تنسيق نماذج الصناديق مثل الصناديق المستطيلة وأزرار التحكم والقوائم المنسدلة ومربعات الاختيار ومربعات الاختيار والمزيد. التنسيقات المتعددة: أحد أهم المفاهيم المهمة جداً , يجب أن تتعلم كيفية تنسيق العناصر بطرق مختلفة، مثل تنسيق العناصر في صفوف وأعمدة باستخدام Flexbox أو CSS Grid. التحكم في العناصر: يجب أن تتعلم كيفية التحكم في موضع وحجم العناصر وتحقيق التحولات والانتقاء المتقدم لتنسيق العناصر بشكل دقيق. الوحدات والقيم: يجب أن تتعلم عن الوحدات المختلفة في CSS مثل البكسل والنسبة المئوية والـ REM وكيفية استخدامها لتحديد الأبعاد والحجم والمسافات والتنسيقات الأخرى. الرسومات والتحولات: يجب أن تتعلم كيفية تحقيق تأثيرات بصرية وحركة للعناصر باستخدام التحولات والرسومات في CSS. التصميم المتجاوب مع أحجام شاشات مختلفة: يجب أن تتعلم كيفية تحقيق تصميم متجاوب مع احجام شاشات مختلفة مثل شاشة حاسوب , وشاشة الأيباد , وشاشات الجوالات بأحجامها المختلفة , وذلك باستخدام (Media Queries) في CSS. ببدأ بتعلم هذه الاساسيات الى جانب javascript و html , سوف تتمكن من إنشاء إنشاء تصاميم جذابة والبدء في مسارك المهني . ايضاً لا تنسى أنه التعلم مستمر , لن تتقن كل شيء في أول مشروع لك , سوف تحتاج الى مشاريع مختلفة لتتقن استخدامك لCSS.

- الفرق بين الParameters والArguments هو أن الParameters هي المتغيرات التي تحدد في تعريف الFunction، بينما الArguments هي القيم التي تمرر إلى الFunction عند استدعائها. مثلا، في الFunction التالية: function add(x, y) { return x + y; } x و y هما Parameters، وعندما نستدعي الFunction بهذه الطريقة: add(3, 5); 3 و 5 هما Arguments. - الفرق بين الDeclaration والInitialization هو أن الDeclaration هو إعلان اسم ونوع المتغير أو الFunction دون تحديد قيمته، بينما الInitialization هو تعيين قيمة مبدئية للمتغير أو الFunction. مثلا، في هذا المثال: var x; // declaration x = 10; // initialization function square(n) { // declaration and initialization return n * n; } - الExecution Context هو بيئة تشغيل للكود في لغة برمجة معينة. يحدد ما هي المتغيرات والFunctions والObjects المتاحة للكود في ذلك الوقت. عادة، يوجد Execution Context عام للبرنامج ككل، وExecution Contexts محلية لكل Function تستدعى. مثلا، في هذا المثال: var x = 10; // global variable function add(y) { // global function var z = 5; // local variable return x + y + z; } console.log(add(7)); // 22 console.log(z); // error: z is not defined الExecution Context العام يحتوي على المتغير x والFunction add، بينما Execution Context للFunction add يحتوي على المتغير y (الذي يأخذ قيمة Argument) والمتغير z (الذي يعرف داخل الFunction). عندما نستدعي add(7)، يتم إنشاء Execution Context جديد للFunction add ويتم تشغيل كودها داخله. عندما نحاول طباعة قيمة z خارج الFunction، نحصل على خطأ لأن z غير معرف في Execution Context العام. - الLexical Environment هو مفهوم مرتبط بالExecution Context، وهو يشير إلى كيفية تحديد مجال (Scope) المتغيرات والFunctions في لغة برمجة معينة. يعتمد الLexical Environment على كيفية كتابة الكود (Lexical Structure)، وليس على كيفية تشغيله (Dynamic Structure). مثلا، في هذا المثال: var x = 10; // global variable function foo() { // global function var y = 20; // local variable in foo function bar() { // local function in foo var z = 30; // local variable in bar console.log(x + y + z); // 60 } bar(); // call bar } foo(); // call foo الLexical Environment يحدد أن المتغير x متاح للFunctions foo و bar، وأن المتغير y متاح فقط للFunction foo و bar (ولكن ليس للبرنامج الرئيسي)، وأن المتغير z متاح فقط للFunction bar (ولكن ليس للFunction foo أو للبرنامج الرئيسي). هذه التراتبية في المجالات تسمى Lexical Scoping أو Static Scoping.