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

السلام عليكم. كيف يتم تنفيذ زر تلقائيًا عند الوصول إلى عدد معين من الأحرف التي تم إدخالها ، مثل أرقام pin؟ لغة البرمجة: بايثون. المكتبة: wx(wxpython).

index.js import icon_marker from './images/icon_marker.svg' new google.maps.Marker({position, icon: icon_marker}) const test = document.createElement('img').src = icon_marker webpack.config.js module: { rules: [{ test: /\.svg/, type: 'asset' }] } لقد جربت كتابة 'asset/resource', 'asset/inline', 'asset/source' وقبل هذه الأنواع ، أنواع كثيرة من المحملات. لقد وجدت ملفات صور تم إنشاؤها في مجلد dist ولكن لم يتم تطبيق أي منها. الرجاء مساعدتي

index.html

لدي حزمة لمشاهدة جميع ملفاتي باستخدام watch : true في webpack.config.js. أقوم بتشغيل الأمر npm run build من خلال هذا الكود في package.json: "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack" }, الآن عندما أستخدم npm run build ، يتم تجميعه فقط في كل مرة أحفظ فيها package.json. كيف يمكنني تغييره بحيث يتم تجميعه في كل مرة أحفظ فيها ملفا في جميع مجلداتي؟ package.json { "name": "testproj", "version": "1.0.0", "description": "", "main": "code.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack" }, "author": "Figma", "license": "MIT", "devDependencies": { "@figma/plugin-typings": "*", "@types/node": "^16.7.1", "css-loader": "^6.2.0", "html-webpack-inline-source-plugin": "0.0.10", "html-webpack-plugin": "^5.3.2", "style-loader": "^3.2.1", "ts-loader": "^9.2.5", "typescript": "^4.3.5", "url-loader": "^4.1.1", "webpack": "^5.51.1", "webpack-cli": "^4.8.0" }, "dependencies": { "@types/react": "^17.0.19", "@types/react-dom": "^17.0.9", "figma-plugin-ds": "^1.0.1", "react": "^17.0.2", "react-dev-utils": "^11.0.4", "react-dom": "^17.0.2" } } webpack.config.js const InlineChunkHtmlPlugin = require('react-dev-utils/InlineChunkHtmlPlugin'); const HtmlWebpackPlugin = require('html-webpack-plugin') const path = require('path') const webpack = require('webpack') module.exports = (env, argv) => ({ watch: true, watchOptions: { ignored: /node_modules/, }, mode: argv.mode === 'production' ? 'production' : 'development', devtool: argv.mode === 'production' ? false : 'inline-source-map', entry: { ui: './src/ui.tsx', code: './src/code.ts', }, module: { rules: [ { test: /\.tsx?$/, use: 'ts-loader', exclude: /node_modules/ }, { test: /\.css$/, use: ["style-loader", "css-loader"], }, { test: /\.svg/, type: 'asset/inline' } ] }, resolve: { extensions: ['.tsx', '.ts', '.jsx', '.js'] }, output: { filename: '[name].js', path: path.resolve(__dirname, 'dist'), }, plugins: [ new webpack.DefinePlugin({ 'global': {} }), new HtmlWebpackPlugin({ inject: "body", template: './src/ui.html', filename: 'ui.html', chunks: ['ui'] }), new InlineChunkHtmlPlugin(HtmlWebpackPlugin, [/ui/]), ], }) أرجو المساعدة وشكرا مقدما.

لايوجد خطأ واضح من الصور، تأكد من المستندات الموجودة في قاعدة البيانات إن كانت تحوي القيمة complated على الأرجح إن لم تقم بشكل يدوي بإدخال القيم لن تكون موجودة ضمن المستندات. يمكنك إجبار النموذج على وضع قيمة complated بشكل افتراضي تساوي false لأي بيانات جديدة يتم إدخالها كالتالي: complated: { type: Boolean, default: false, required: true } وعندها سيتم إضافة حقل complated لأي مستند تقوم بإضافته. وحاول طباعة بعض القيم ضمن المسار delete للتأكد إن كان لديك أي أخطاء أخرى في مشروعك.

تأكد من أن القيمة الموجودة ضمن نموذج Task لديك هي complated وليس completed وإلا يجب عليك تصحيح الخطأ الإملائي في شرط الحذف. من الممكن وجود أخطاء في مكان آخر ولكن لايمكننا مساعدتك إن لم تشارك بقية أجزاء الشيفرات البرمجية في مشروعك

كنت قد انهيت اول مسار وهو HTML,CSS,....,...في الماضي ولاكن وجدت اني لا استطيع التطبيق وحدي فحاولت ان اتدرب علي بعض النمازج فهل اكمل؟

السلام عليكم. انا بقالي اكثر من سنه استخدم javascriipt ولا مره استخدمت ال class واريد ان انقل من ال functional programming الي ال object orianted programming مع العلم اني تعلمت ال classes وال objects والمفاهيم العامه مثل الوراثه وغيرها

استخدام ال functional programming أو استخدام ال object orianted programming يعتمد على المشروع الذي تعمل به ويمكنك استخدامهما معاً في نفس المشروع أو البرنامج بدون أي مشكلة وبما أنك قد تعلمت المفاهيم الأساسية الخاصة بالبرمجة كائنية التوجه يحتاج فقط إلى مشروع تتمكن فيه من تطبيق هذه المفاهيم وليس شرطاً أن يكون موقع كبير إنما أي موقع بسيط تستطيع استخدام ال OOP مثل بناء to-do list ويمكنك تطبيق ال OOP في هذا التطبيق بكل سهولة حاول بناء برنامج يقوم بحساب ال budget الخاص بالمستخدم يمكنك إعادة بناء أو تحويل الكود الموجود في التطبيقات السابقة الخاصة بك إلى ال OOP ويعتبر ال javascript من أكثر اللغات التي تتبنى اسلوب ال functional programming وليست لغة جيدة في استخدام ال object orianted programming

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

اريد افكار مشاريع احترافية ب react , node js للportfolio الخاص بي

يوجد عدّة أفكار لمواقع يمكن بنائها باستخدام react , node js منها موقع لمراجعة المنتجات موقع مخصص لوصفات الأطعمة موقع لحجز الفنادق موقع لحجز تذاكر الطيران موقع أخبار عن الرياضة موقع عن تطوير الذات موقع يقدم كورسات ودورات وهناك الكثير من الأفكار التي يمكنك تطبيقها وللإطلاع أكثر على نماذج أعمال قم بالإطلاع على المقال التالي كما يمكنك الإطلاع على المقالة التالية في مدونة خمسات حول 30 فكرة لبناء مواقع إلكترونية من هنا

هذه مجموعة من افكار المشاريع باستخدام الـ MERN stack والتي تعني (react - express - mongo dB - Node) : موقع ويب أسئلة وأجوبة موقع ويب يمثل متجر إلكتروني موقع ويب عن السياحة والسفر موقع ويب عن الأخبار موقع ويب عن الموضة والأزياء موقع ويب مختص بالطب و الصحة موقع ويب متخصص في وساطة الخدمات مثل (خمسات ومستقل وغيرها) موقع ويب عن الكورسات مدونة موقع تعريفي لشركة مع مدونة موقع افلام ومسلسلات موقع تواصل اجتماعي موقع بيع خدمات الكترونية sass موقع خدمات مصرفية وما ارشحه بشكل كبير لك هو انشاء موقع ويب يمثل متجر إلكتروني وذلك لأنه قد تتمكن من بيعه بسهولة في المستقبل.

السلام عليكم احتاج الخط بكامل انواعه عربي انجليزي Somar Bold medium Regular Light والنمط هذا اذا ممكن مرفقه الصوره

نعم يمكنك الاكمال، ولاسيما أن المسارات التالية تستخدم اغلب المعلومات التي تعلمتها في المسار الذي انهيته. ومن الصور التي ارفقتها جبدة انه لديك خبرة جيدة في html و css . وحتى تستفيد بشكل افضل من الدورة اطلع على النقاشات التالية : وكذلك :

أعتذر على كثرة أسئلتي هل دورة علوم الحاسوب لمدة ستة أشهر من بداية تسجيلي ؟ أم المجال مفتوح ؟ جزاكم الله خيرًا

شكرا @Muhammed Nasser

أولاً 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 و لكن من الافضل استخدام مكتبة لها دعم اكبر في المتصفحات كما انها اكثر سهولة و مرونة