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

انا عملت موقع ب react , css, nodejs, express, mongodb بس مش عارف اعمله رابط (host) و استضافة heroku مش مجانيه دلوقتي فممكن طريقه ده مجلد المشروع 2056265696_mytodolist.zip

لدي مصفوفه يتم ادخال لها قيم في شاشه الادخال وعمل لها export .... ثم في شاشه اخرى تم استيراد المصفوفه التي تحتوي على القيم المدخله من الشاشه السابقه ... ولاكن لدي مشكله في ان اريد اقوم بعمليه الطرح ... مثل اقوم amount - dailyExpenses ثم ارجاع القيمه الجديده بعد عمليه الطرح الى المصفوفه ...... كذالك المصفوفه عباره عن عده قيم متتاليه .... فكيف ذااالك import { dailyExpenses } from "../InsertInputMo/InsertInputMo"; (المصفوفه المستورده) <Inputs Style={styles.input} onChangeText={((num) =>setAmount(num))} لادخال الرقم لتنقيصه من قيمه المصفوفه title="amount (المبلغ)" value={amount} keyboard="numeric" />

مرحبا كم مسار علي ان اكمل في دورة علوم الحاسوب لكي استطيع العمل ؟ ارجو الاجابة وشكرا

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

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

تحياتي حاولة عدة مرات حل هذه المشكلة لم أستطع projectSchoole.rar

هل لديك node على جهازك ؟ جرب كتابة الأمر التالي في موجه الأوامر : node -v في حال حصلت على نتيجة تشبه التالي v16.13.1 فهذا يعني انه موجود، وإذا لم تحصل عليها فهذا يعني انك بحاجة لتنزيل node. حيث ان المشروع الخاص بك لايحتوي على اي package ويبدو انك لم تقم بإنشاء ملف package.json حتى.

هل يوجد شرح لها في دورة " تطوير تطبيقات الويب باستخدام لغة php " على اكاديمية حاسوب ؟ لأن اللي رسلته غير كافي ما وصل الى النقطة اللي انا ابغاها

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

يمكنك استخدام api لمتجر الكتروني بحيث يكون اقرب ما يكون للموقع الحقيقي. مثل fake store api حيث تقوم بإرسال طلبات إلى الـ api وتحصل على منتجات تجريبية جاهزة. وكذلك فعلى ما يبدو أنه لديهم توثيق لأغلب الروابط المتاحة وهذا مثال عن منتج معين من هنا

ليس من الخطأ أبدا استخدام Fetch ولكن أغلب المطورين يلجئون إلى إستخدام axios لعدة مميزات لعل من أشهرها هو التالي 1- تقليل الكود المكتوب فعلى سبيل المثال إذا أخذنا الكود المرفق في السؤال وكتبناه بإستخدام axios فسيكون كالتالي useEffect(() => { axios("https://api.example.com/items") .then((result) => { setIsLoaded(true); setItems(result.data); }) .catch((error) => { setIsLoaded(true); setError(error); }); }, []); حيث تم توفير خطوة التي كنا نقوم فيها بالتحويل إلى JSON 2. تضمين بعض الأمور من أجل الحماية بشكل تلقائي على سبيل المثال XSRF إختصار ل "Cross-site request forgery" أو ما يسمى ب "تزوير الطلب عبر المواقع" مثال axios.post('/signup',{ xsrfCookieName: 'XSRF-TOKEN', xsrfHeaderName: 'X-XSRF-TOKEN', }); 3. ماذا لو قمت بإنشاء طلب بإستخدام axios وأردت إلغاء هذا الطلب على الفور لأنه يأخذ وقت طويل مثلا يمكنك القيام بذلك مباشرة بإستخدام axios بشكل إفتراضي بإستخدام "CancelToken" و "cancel()" 4. متابعة عملية رفع ملف مثلا وتتبع تقدم عملية الرفع باستخدام const config = { onUploadProgress: progressEvent => { console.log(progressEvent.loaded); } } axios.put(`${URL}/upload/image.png`, data, config) 4. لعل من ضمن المميزات أيضا أننا يمكننا إستخدام axios على السيرفر أيضا على عكس fetch فهي موجودة في المتصفح فقط ولذا يقوم المطورين بتوحيد الأداة المستخدمه. وغيرها من المميزات المدمجه في axios والتي تساعدنا في إنجاز عدة أمور دون كتابتها من الصفر. ولعلنا هنا نحتاج إلى أن نركز على أن axios هي مكتبة خارجيه تم إدماج العديد من المميزات بها من قبل المطورين القائمين عليها حتى تقوم بتسهيل الكثير من الأمور ولذا يمكننا إستخدامها مثلا في المتصفح والسيرفر ولكن fetch هي موجوده بشكل إفتراضي في جافا سكريبت ولها وظيفة واحده وأساسيه ولذا هنا سبب الفارق بينهما.

ليس من الخطأ استعمال fetch عوضا عن axios فكلاهما مكتبتان لطلبات الhttp مثلها مثل : Node http node-fetch fetch-polyfill reqwest .. وغيرها الكثير .. و اختيار مكتبة الاجاكس قد يخضع لعدة معايير نذكر منها : دعم المتصفحات , فالمكتبة التي تدعمها أغلب المتصفحات تكون لها الأفضلية . على سبيل المثال فإن fetch لا تعمل في النسخة 11 من انترنت اكسبلورر و لا توجد طريقة لتحقيق ذلك كون fetch طريقة تخص المصتفح في حين أن مكتبة axios تعمل في كلها . مهلة الاستجابة , و أقصد بهذا التحكم في المهلة الاختيارية قبل إحباط الطلب فليست كل المكتبات توفر هاته الميزة , وإن كانت فليست كلها توفرها بطريقة بسيطة وسهلة مثل تلك التي تقدمها مكتبة axios . التحويل التلقائي للبيانات الى صيغة JSON . رغم أن العملية جد بسيطة و لا تحتاج الا عمل parse للبيانات المستدعية عن طريق الـAPI لكن الافضلية تبقى لمن يبسط العمليةإاكثر . فعلى سبيل المثال تحتاج لتحويل البيانات الى json باستعمال fetch عن طريق : // fetch() fetch('https://my.api.co/api/v1/items') .then(response => response.json()) // تحويل .then(data => { console.log(data) }) .catch(error => console.error(error)); في حين أنك باستعمال axios لن تضطر لتحويلها : // axios axios.get('https://my.api.co/api/v1/teachers') .then(response => { console.log(response.data); // لا حاجة لتحويل البيانات }, error => { console.log(error); }); و طبعا , كود أقصر يعني كود أفضل . وقس على ذلك العشرات من طلبات الـ HTTP . 4. اعتراضات HTTP أو ( HTTP interceptors ) : القدرة على اعتراض طلبات الHttp بشكل globally مفهوم ستحتاج للتعامل معه بشكل كبير في بناء تطبيقات الصفحة الواحدة SPA و تطبيقات الويب التقدمية , فقبل عرض أي نتائج تحتاج طبعا إلى فحص طلبات HTTP ( كأن تتفحص حالة الطلب أو كود الحالة ) ومن ثم التصرف بناءا عليها , كالتسجيل والمصادقة و ما إلى ذلك , ولن تضطر لكتابة رمز منفصل لكل طلب HTTP. و مكتبة axios تجعل الأمر جد سهل فعلى سبيل المثال : // تعريف بملف اعداد axios axios.interceptors.request.use(response => response, config => { // يشير الكود 403 في توثيق الاي بي اي لهذا التطبيق الى ان التوكن قد استهلك استعماله وهو غير صالح if(response.data.status == 403){ alert('يرجى اعادة تسجيل الدخول'); } return config; }); // هنا يمكنك ارسال طلب في حين أن مكتبة fetch لا توفر طريقة مباشرة لإعتراض الطلبات و هذا ما يجعل axios إفضل بهاته التقطة . و كنقطة فرعية لا ينبغي إغفال المجتمع المستعمل لمكتبة axios في الـ vue و الreact الangular و الnode و غيرها , و كونها شعبية يعني وفرة المعلومة و سهولة الوصول إليها , وهذا شيء نحتاجه كمطورين . اما عن رأيي الشخصي فأفضل استعمال مكتبة axios , فهي توفر كود أقصر و أفضل قراءة . و لها شعبية مستعملين كبيرة و واسعة , كما أنها سهلة الادارة و الاعداد . وفي النهاية يبقى الاختيار لك , فـ axios توفر حزمة مضغوطة لمعظم إحتياجات اتصال HTTP الخاصة بك. ومع ذلك , فان استخدام طريقة fetch التي توفرها متصفحات الويب لا تحتاج منك استدعاء و استعمال عميل HTTP API . فذلك شيء يحدده درجة تعقيد مشروعك و تعاملك مع الAPI و حاجتك لمختلف مفاهيم اتصال HTTP الخاصة بك .

أولاً fetch دالة جاهزة في ال javascript بينما axios مكتبة تحتاج لإستدعائها بالطبع ليس خطأ والفرق بينهما بسيط ويمكن لكلاهما القيام بنفس الشئ والفرق بينهما fetch لا تدعم IE 11 بينما axios تدعمه عند عمل request يجب أن تقوم بتنفيذ الدالة json() function لل response بينما لا نقوم بذلك في axios يجب عليك تحويل ال object ل json في ال fetch بينما لا نقوم بذلك في ال axios أعتقد أنه لا يمكنك العمل مع ال service worker لل PWA باستخدام axios فقط fetch لذلك يمكنك استخدام كلاهما بدون مشاكل ولكن في التطبيقات الكبيرة ربما تسهل ال axios العمل عن ال fetch

يوجد بعض الاختلافات بين ال fetch و الاكسيوس ساوضح بعضها كالتاللي : fetch لا يوجد تحويل مباشر الي صيغة json بما معناه النتيجة الراجعه لن تكوم على شكل json و عليك اولا استقبال القيمة و من ثم تحويلها فيما يخص axios فانه يستقبل القيمة و يحولها فورا اكسيوس يدعم تحديثات البراوزر اكثر من الفيتش حيث ان fetch تدعم فقط Chrome 42+, Firefox 39+, Edge 14+, and Safari 10.1 fetch تستخدم قيمة الbody اكسيوس يستخدم قيمة data ,و كما قلنا بالاعلى اكسيوس يحتوي على قيمة اوبجت اما الفيتش فسوف تحتاج الى استخدام json.stringified او json.pars لتحويل المعلومات الي الصيغة المرادة يسمح Axios بإلغاء الطلب وانتهاء مهلة الطلب اما الفيتش فلا يسمح بذلك fetch بلد ان لذلك لست بحاجة الى تنصيبها للاستخدامها اما ال axios فإنك بحاجة الى تنصيب الملف ليس من الخطأ استخدام fetch و لكن من الافضل استخدام مكتبة لها دعم اكبر في المتصفحات كما انها اكثر سهولة و مرونة