محمود_سعداوي

السلام عليكم. لدي الملفات التالية في مشروعي كيف ألغي ظهور default.json على Github مع العلم أني قمت بالتعليمة التالية في gitignore node_modules config/default.json مثلما تلاحظون لازلت default.json موجودة شكرا

السلام عليكم. ما الغاية من إستعمال $set ك:parameter عند إستعمال الدالة findOneAndUpdate. مثال عملي profile = await Profile.findOneAndUpdate( { user: req.user.id }, { $set: profileFields }, { new: true } ) شكرا.

السلام عليكم. المثال التالي هو أحد عناصر model في node js skills: { type: [String], required: true } ماالفائدة من وضع الخاصية النصية داخل المعقفين [String] شكرا.

السلام عليكم. متى يحبذ إستعمال express error handler (throw new Error) و متى يجب تجنبها شكرا

السلام عليكم. ماهو الفرق بين x-www-form-urlencoded و raw عند استعمال postman في مشروع node js

السلام عليكم. لاحظت أنه في العديد من المشاريع بلغة node js يتم استعمال مكتبة joi للتحقق من البيانات. في الواقع هي مكتبة مستعملة بصفة كبيرة جدا مما يدل على أهميتها. متى يحبذ استخدام هذه المكتبة ام ان تنزيلها هو مجرد إضافة جيدة للمشروع. شكرا.

السلام عليكم. من المؤكد تطابق البيانات مهم جدا في مشروع معين. لكن هل يكفي إعتماد تطابق البيانات فقط في الواجهة الأمامية أو الخلفية أو لابد من الإثنين معا.

السلام عليكم. لو سمحتم توضيح الخطأ التالي Already included file name 'c:/Users/saadaoui/Desktop/Backend/models/product.js' differs from file name 'c:/Users/saadaoui/Desktop/Backend/models/Product.js' only in casing. The file is in the program because: Imported via "./models/product" from file 'c:/Users/saadaoui/Desktop/Backend/index.js' Root file specified for compilation product.js const mongoose = require("mongoose") const Product = mongoose.model("Product", { title: { type: String }, description: { type: String }, price: { type: Number }, image: { type: String } }) module.exports = Product; شكرا لكم.

ما الفرق بين الطريقتين التاليتن في الربط بقواعد البيانات mongo db 1. mongoose.connect('mongodb://127.0.0.1:27017/my_db') .then( () => { console.log("connected to db") } ) .catch( (err) => { console.log(err) } ) 2. mongoose.connect('mongodb://localhost:27017/my_db') .then( () => { console.log("connected to db") } ) .catch( (err) => { console.log(err) } ) مع العلم أن الطريقة الثانية لم تنجح معي. شكرا.

السلام عليكم. أود رأيكم حول مشاريع متكاملة بلغة javascript(mern) ( واجهة أمامية و خلفية) يتم فيها استعمال معظم المفاهيم و تساعد تطور قدرات المبرمج. أنا فكرت في بناء الواجهة الخلفية لمشروع تطبيق ملاحظات الذي تم إنشاؤه بواسطة react في دورة البرمجة بلغة الجافا سكريبت. شكرا لكم.

السلام عليكم. كيف يمكن الحصول على كلمة مرور عند استخدام mongo db. و هل أن كل قاعدة بيانات لها كلمة مرور خاصة أم يقع اعتماد كلمة مرور واحدة لكل قواعد البيانات. شكرا.

في الواقع و جدت الحل بفضلكما في الأول كان يجب إضافة const cors = require("cors") app.use(cors()) ثم قمت بإضافة async await داخل الخطاف useEffect() لم أقم بتغيير Axios أستاذ @Mustafa Suleiman في كل الحالات شكرا لكما أستاذ @Mustafa Suleiman @عمر قره محمد

السلام عليكم. يظهر لي الخطأ التالي Uncaught runtime errors: × ERROR Network Error AxiosError: Network Error at XMLHttpRequest.handleError (http://localhost:3000/static/js/bundle.js:40937:14) الكود import Axios from "axios" import { useEffect, useState} from 'react' const [users, setUsers] = useState([]) useEffect(()=> { Axios.get("http://localhost:5000/users") .then(res => setUsers(res.data)) } ,[]) مع العلم أن السيرفر يعمل بشكل جيد يعني تظهر كافة البيانات عند إدخال الرابط التالي http://localhost:5000/users شكرا

السلام عليكم. في كورس تطوير المواقع بلغة الجافاسكريبت نستخدم mongodb. لكن يوجد الكثير ممن يستخدم mongodb atlas. هل يوجد الكثير من الفروقات بينهما. أم أنهما يشبهان بعضهما إلى حد كبير . شكرا.

السلام عليكم. أريد رفع رفع مشروع ريآكت على منصة netlify عن طريق المستودع github مثلما هو مبين بالرابط التالي. المشكل هو أن الموقع لم يرفع منذ أكثر من 45 دقيقة. قمت بإعادة الرفع أكثر من مرة. هذا رابط المشروع على github. شكرا على التوضيح.

السلام عليكم. أود القيام بtimer قصد حساب وقت محدد. المشكل الذي إعترضني هو زيادة 2ثواني في كل مرة. لم أدر لماذا. الكود const [timer, setTimer] = useState(0) const format = (time) => { let hours = Math.floor((time / 60 / 60) % 24); let minutes = Math.floor((time / 60) % 60); let secondes = Math.floor(time % 60); hours = hours < 10 ? "0" + hours : hours; minutes = minutes < 10 ? "0" + minutes : minutes; secondes = secondes < 10 ? "0" + secondes : secondes; return hours + ":" + minutes + ":" + secondes; }; useEffect(() => { setInterval(() => { setTimer(timer => timer + 1); }, 1000); }, []); شكرا

تفضلsrc.zip

السلام عليكم. أواجه مشكل في عدم ظهور الصور على صفحة الويب. الصورة التالية توضح كيفية تموضع الملفات قمت بوضع الصور في ملف projects.js export const projects = [ { id: 0, title: "Animated Navigation", description: 'animated navbar without any library using react hooks', image: '../../assets/project-images/animated-navigation.jpg', demo: 'https://react-animated-navigation.netlify.app', }, { id: 1, title: "Netflix Navigation", description: 'animated navbar without any library using react hooks', image: '../../assets/project-images/netflix-navigation.JPG', demo: 'https://react-netflix-navigation.netlify.app', }, { id: 2, title: "Netflix Navigation", description: 'rotating animated navbar using only react hooks without any library', image: '../../assets/project-images/rotating-animation.JPG', demo: 'https://react-js-rotating-navigation.netlify.app', }, { id: 3, title: "Music Player", description: 'rotating animated navbar using only react hooks without any library', image: '../../assets/project-images/music-player.JPG', demo: 'https://audio-player-with-react.netlify.app', }, { id: 4, title: "Music Player", description: 'animated search input using only react hooks without any library', image: '../../assets/project-images/hidden-search-widget.JPG', demo: 'https://animated-search-react.netlify.app', }, { id: 5, title: "Music Player", description: 'basic project to understand array methods like filter sort and reduce using react js', image: '../../assets/project-images/array-methods.JPG', demo: 'https://react-array-methods.netlify.app/', }, ] ملاحظة: عندما أضع الماوس على image تظهر الصورة. قمت بالتثبت من مسميات الصور و لم أجد أي خلل. الرجاء المساعدة.

السلام عليكم. عند النقر على الزر الأيمن للماوس لملف ما أريد أن يظهر لي خيار الفتح بواسطة vs code. شكرا.

السلام عليكم. قمت بإنشاء مشروع قمت فيه بتنفيذ json-server (implementing). بحيث: في البداية قمت بتنزيل json server ثم قمت بإنشاء db.json ثم قمت بطلب البيانات (api request) "scripts": { "start": "react-scripts start", "json-server": "json-server --watch db.json --port 5000", "test": "react-scripts test", "eject": "react-scripts eject", "predeploy" : "npm run build", "deploy" : "gh-pages -d build" }, مثلما تلاحظون يوجد port5000 . كيف يمكنني رفع هذا المشروع على منصة netlify. مع العلم أنني قمت برفع المشروع بالطريقة الكلاسيكية (npm build) لكن دون أن تظهر المنتجات. الرابط: https://affariyett.netlify.app شكرا لكم.

السلام عليكم. من المعلوم أن مكتبة ريآكت تعتمد على react-router-dom في الربط بين الصفحات (روابط خارجية) لكن كيف الحال إذا تعلق الأمر بصفحة ويب واحدة (landing page مثلا). هل الأمر يعتمد على anchor مثلما هو الحال في الجافاسكريبت أم يوجد نوع آخر من الروابط التي توفرها react-router-dom. شكرا.

السلام عليكم و عيد مبارك. أريد القيام بanimation عند الscroll في صفحة الويب كما يلي: المشكل الحاصل هو في القيمة percentage لكل عنصر حيث تمت إعادة نفس القيمة لكل العناصر (35%). الكود الذي قمت به: function App() { const skills = [ { id: 1, language: 'html', progress: 70, }, { id: 2, language: 'css', progress: 65, }, { id: 3, language: 'javascript', progress: 50, }, { id: 4, language: 'github', progress: 40, }, { id: 5, language: 'jest', progress: 35, }, ] const progressAnim = useRef() const [percentage, setPercentage] = useState(1) window.onscroll = function () { if (window.scrollY >= progressAnim.current.offsetTop - 300) { skills.map(skill => setPercentage(skill.progress)) } } return ( <div className="App"> <Section src = {img_1}/> <Section src = {img_2}/> <div className="skills" ref={progressAnim}> { skills.map(skill => ( <Progress key = {skill.id} percentage = {percentage} circleWidth = "200" name = {skill.language} /> )) } </div> </div> ); }

السلام عليكم. لدي ملف يحتوي صور و أيقونات و نص بصيغة pdf. هل من الأفضل وضع هذا الملف داخل public أو src. شكرا.

السلام عليكم أريد القيام بanimation ل<svg></svg> التالية: <svg width="32px" height="32px" className="home__scroll-mouse" viewBox="0 0 247 390" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" style={{ fillRule: 'evenodd', clipRule: 'evenodd', strokeLinecap: 'round', strokeLinejoin: 'round', strokeMiterlimit: 1.5, }} > <path className="wheel" d="M123.359,79.775l0,72.843" style={{ fill: 'none', stroke: '#000', strokeWidth: '20px', }} id='wheel' ></path> <path id="mouse" d="M236.717,123.359c0,-62.565 -50.794,-113.359 -113.358,-113.359c-62.565,0 -113.359,50.794 -113.359,113.359l0,143.237c0,62.565 50.794,113.359 113.359,113.359c62.564,0 113.358,-50.794 113.358,-113.359l0,-143.237Z" style={{ fill: 'none', stroke: '#000', strokeWidth: '20px', }} ></path> </svg> الanimation تخص path.wheel قمت بالتجربة التالية (لم تنجح) .wheel { animation: scoll 2s ease infinite; } @keyframes scroll { 0% { transform: translateY(0); } 30% { transform: translateY(3.75rem); } } شكرا على المساعدة

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