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

ما اهمية الكتابة في ال console

كيف يمكنني اضافة middleware في next js في ال api ?

ما هو الفرق بين Factory Function و Constructor Function

هل برنامج القط هاذا جيد ام ماذا ولو يحتاج شي قولو لي؟ https://scratch.mit.edu/projects/914972845

السلام عليكم هل يوجد مواقع يوجد فيها api لريطه مع متجر او بوت تلغرام لبيع خدمة شحن العاب تلقائيا

السلام عليكم عندي حقل فيه اسم المرفق محتاج لو الحقل فارغ ميعملش حاجة لو فيه قيمة يفتح الصورة عادي

في Next.js، يمكنك إضافة middleware لـ API Routes باستخدام مفهوم "Custom Server" واستخدام Express.js كجزء من الـ Serverless Functions. لإضافة middleware , يمكنك اتباع الخطوات التالية: قم بإنشاء ملف `server.js` في الRoute الخاص بمشروع Next.js وقم بتكوين Express.js وإضافة middleware كما ترغب. على سبيل المثال: const express = require('express'); const app = express(); // Middleware app.use((req, res, next) => { // أي middleware يمكنك وضعه هنا console.log('تم تنفيذ الميدلوير!'); next(); }); // التعامل مع الطلبات القادمة إلى API Routes app.all('*', (req, res) => { return handle(req, res); }); // سيتم استدعاء الدالة التالية من ملف `next.config.js` للتعامل مع الطلبات القادمة إلى API Routes module.exports = (req, res) => { return app(req, res); }; قم بتحديث ملف `next.config.js` في الجذر الخاص بمشروع Next.js ليشير إلى ملف `server.js`. يمكنك استخدام الكود التالي: module.exports = { // ... target: 'serverless', serverRuntimeConfig: { // تحديد المسار الخاص بـ server.js // افتراضيًا هو `./server.js` // يمكن تعديله بناءً على المسار الذي تم وضع ملف `server.js` فيه server: './server.js', }, // ... }; بعد إجراء هذه التغييرات، يمكنك إعادة تشغيل تطبيق Next.js الخاص بك. ستتمكن الآن من استخدام middleware في API Routes والتحكم في تنفيذها وفقًا لاحتياجاتك.

دلوقتي انا بعمل facebook clone ب next js مع typescript. طالعلي مشكله ان لما الuser بيحاول يعمل تسجيل دخول (Login) مش بعرف احط ال jwt token في cookie في ال response

تمام اخي. هل القيمه 30 * 60 * 60 * 24 هنا تساوي شهر ؟

مرحباً منتصر , أرجو أن تقوم بإرسال ملف الlogin لنتمكن من تحليل وحل مشكلتك بشكل أفضل . لكن بجميع الأحوال هذه خطوات عامة لكيف ممكن توضع jwt token في الcookies من خلال response api عندما يقوم المستخدم بتسجيل دخول . سوف نستخدم مكتبة `cookie` لتسهيل هذه العملية. قبل كل شيء، تأكد من تثبيت المكتبة `cookie` باستخدام الأمر التالي: npm install cookie بعد تثبيت المكتبة، يمكنك استخدام الكود التالي لتعيين توكن JWT في الكوكيز عند تسجيل الدخول: import { NextApiResponse } from 'next'; import cookie from 'cookie'; // دالة تقوم بتوليد التوكن JWT بناءً على البيانات الخاصة بالمستخدم function generateToken(user: UserData): string { // قم بتوليد التوكن هنا // ... return token; } // مثال على دالة تسجيل الدخول export function login(req: NextApiRequest, res: NextApiResponse): void { // قم بإجراء عملية التوثيق هنا // ... // توليد التوكن JWT const token = generateToken(user); // تعيين الكوكيز في الاستجابة res.setHeader('Set-Cookie', cookie.serialize('token', token, { httpOnly: true, secure: process.env.NODE_ENV === 'production', // تحديد ما إذا كانت الكوكيز تعمل على اتصال آمن أم لا sameSite: 'strict', // تحديد سياسة SameSite للكوكيز maxAge: 3600, // تحديد وقت انتهاء صلاحية الكوكيز بالثواني path: '/', // تحديد المسار الذي يمكن الوصول إليه الكوكيز من خلاله })); res.status(200).json({ message: 'تم تسجيل الدخول بنجاح' }); } بعد تعيين الكوكيز في الاستجابة، ستكون الكوكيز متاحة في الجانب العميل (المتصفح) ويمكن الوصول إليها من خلال `document.cookie`.

ليش لازم استعمل this في دالة البناء عند إنشاء دالة بينما في الكلاس لا ..

استخدام this في دالة البناء: عندما تستخدم this في دالة البناء، فإنك تخبر البرنامج أنك تريد الاشارة إلى الكائن الذي سيتم إنشاؤه. تستخدم this لتحديد أن الخصائص (متغيرات) التي تقوم بتعريفها تنتمي إلى هذا الكائن الذي تم إنشاؤه. عادة ما يتم استخدام this في لغات البرمجة مثل JavaScript وPython. عدم استخدام this في الكلاس: في اللغات التي تستخدم الكلاسات مثل Java وC++، عادةً لا تحتاج إلى استخدام this في دالة البناء. يمكنك الوصول مباشرة إلى الخصائص المثبتة في الكلاس دون الحاجة إلى this. عند تعريف الخصائص في دالة البناء، يعتبر البرنامج تلقائيًا أنها تنتمي إلى الكائن الحالي الذي يتم إنشاؤه.

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

كلتاهما مقاربة لإنشاء الكائنات في جافاسكربت، Constructor Function (دالة البناء): هي الطريقة التقليدية لإنشاء الكائنات في جافاسكربت، ويتم ذلك عن طريق استنساخ كائن من فئة معينة بوساطة الكلمة المفتاحية new، مثال: function Person(name, age) { this.name = name; this.age = age; } const person1 = new Person('Ahmed', 30); الكائن person1 هاهنا هو كائن عن الصنف Person، تم إنشاء بوساطة دالة البناء. Factory Function (دالة الصانع): هي في الأصل نمط تصميم يستخدم لإنشاء الكائنات، فهي مجرد دالة عادية تقوم بإعادة كائن في النهاية، ولا تعتمد على الطريقة التقليدية لاستنساخ كائن من الفئة. مثال: function createPerson(name, age) { return { name, age, someMethod() { console.log(`مرحبًا، اسمي ${this.name} وأنا عمري ${this.age} عامًا.`); } }; } const person2 = createPerson('Ahmed', 30); الفروقات الرئيسية بينهما هي ببساطة: أن دالة البناء مرتبطة بالفئات وعملية إنشاء الكائنات، بينما دالة الصانع ليست مرتبطة بالفئات وتركز على إنشاء الكائنات بتكوينات محددة. دالة البناء تستخدم الكلمة الرئيسية new، بينما يمكن استدعاء دالة الصانع مثل دوال عادية لإنشاء وإرجاع الكائنات. دالة الصانع يمكنها إرجاع تكوينات مختلفة للكائن استنادا إلى معلمات الإدخال، مما يجعلها أكثر مرونة. فقد يمكن تصيير تابع معين مثلا بشكل شرطي بحسب قيمة معامل ما.

السلام عليكم. في الكود التالي لا يمكنني التوجه إلى صفحة تسجيل الدخول const user = JSON.parse(localStorage.getItem('user')) || null useEffect(() => { likeImage(); }, [like]); const likeImage = async () => { user ? await axios .put(`/api/images/like/${imageId}`, { headers: { "Content-Type": "application/json", "x-auth-token": user?.data?.token, }, }) .then((res) => { setLike(res?.data); }) .catch((err) => setError(err.response.data.msg)) : navigate('/login') }; ************************* <div className="like" onClick={likeImage}> <i className="fa-regular fa-thumbs-up"></i> 200 </div> تظهر رسالة الخطأ التالية PUT http://localhost:3000/api/images/like/65381befd6729f8158b384a9 401 (Unauthorized) شكرا لكم على المساعدة

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

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

وعليكم السلام محسن، تستطيع طرح الأسئلة العامة كما تشاء هنا في قسم أسئلة البرمجة وطرح الأسئلة المتعلق بالدورة أسفل فيديو الدورة. بخصوص سؤالك، بعد إتمام الدورة وإجتياز الإختبار والحصول على الشهادة سيتم توجيهك من أجل تحسين مهارات بما يتناسب مع سوق العمل وأيضًا خدمة كتابة السيرة الذاتية مجانًا. ولكن يجب توضيح أمر هام، بعض الدورات تعمل على تأهيلك في مجال البرمجة والمجال الخاص بالدورة من خلال شرح الأساسيات وتنفيذ المشاريع، لكن أنت بحاجة إلى تعلم مهارات أخرى بجانبها فمثلاً دورة تطوير واجهات المستخدم ستتعلم بها HTML, CSS, JS ومكتبة بوتستراب وJQuery لكن للعمل في شركة سيتعين عليك تعلم إطار خاصة بالواجهة الأمامية مثل Angualr أو مكتبة React التي يتم شرحها في دورة تطوير التطبيقات باستخدام لغة JavaScript في أكاديمية حسوب. لذلك عليك تفقد المهارات المطلوبة بالنسبة للمجال والوظيفة، ثم السعي نحو تعلم ما ينقصك من مهارات بجانب ما تم شرحه في الدورة، أي يجب عليك دائمًا التعمق أكثر وإنشاء المشاريع لتحسين مهاراتك بعد الإنتهاء من الدورة.

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

سؤال ؟ كم هو دخل بعد توفير الأكاديمية حاسوب لي عمل يعني ماهو دخل تقريبا

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