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

السلام عليكم أنا عندما أضغط على run لتنفيذ الكود لا يعمل تأتيني صفحة مكتوب فيها ( لا يمكن الوصول إلى الموقع الالكتروني أو المتصفح لا يستجيب) هذه تقريبًا دائمًا تحصل معي أيضًا في مرة من المرات لم يعمل لدي live server لم يقم بتفيذ run للكود ، أواجه مشاكل بعض الأحيان مع فيجوال ستوديو كود (ما الحل لمشاكلها؟) وهل يوجد دورة أو مقطع فيديو أو ما شابه ذلك لفهم فيجوال ستوديو كود؟ أيضًا هل يمكنكم أن ترشحوا لي محرر أكواد ممتاز ومناسب؟

ذكر المهندس انو لازم يكون عندي دراية ب HTML و CSS وانا صراحة ما مرة اعرف بس لمن اخذت الدورة كان مكتوب انو الدورة راح تعلمني من صفر للأحتراف و الحين تفاجات انو لازم يكون عندي خلفية في شي ما موجود من ضمن الدورة أيش الحل الحين؟؟

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

أقوم بعمل مشروع بـ MERN وأعمل الان على عملية مصادقة المستخدم عندما أضغط على زر "تسجيل دخول" المفترض أن يقوم الكونسول في المتصفح بطباعة رمز التوكن وينقلني للصفحة الرئيسية ولكن بدلا من ذلك يقوم بنقلي للصفحة الرئيسية بشكل طبيعي ولكن الكونسول لا يقوم بطباعة التوكن فقمت بتعطيل الكود الذي ينقلني للصفحة الرئيسية ثم بعد التجربة اكتشفت أن في الضغطة الأولى على الزر يقوم الكونسول بطباعة الداتا بشكل طبيعي و status 200 ويطبع توكن فارغ والضغطة الثانية يقوم بطباعة التوكن بشكل طبيعي ولم أعرف مالخطأ في الأكواد فأرجو المساعدة في ذلك ملف authAction.js import {postDataApi} from "../../utils/fetchDataApi"; import {ALERT_TYPES} from "./alertActins"; export const TYPES = { AUTH : 'AUTH' } export const login = (data) => async (dispatch) => { try { const res = await postDataApi(`login`, data) console.log(res); localStorage.setItem('login', true); dispatch({ type: 'AUTH' , payload: { token: res.data.access_token, user: res.data.user } }) // dispatch({ // type: ALERT_TYPES.ALERT, // payload: { // loading: true, // } // }) // console.log(data) localStorage.setItem('login', true); // dispatch({ // type: ALERT_TYPES.ALERT, // payload: { // success: res.data.msg // } // }) } catch (error) { console.log(error); // dispatch({ // type: ALERT_TYPES.ALERT, // payload: { // error: error.response.data.msg, // } // }) } } export const refreshToken = () => async (dispatch) => { const login = localStorage.getItem('login') // console.log(login); if(login) { // dispatch({ // type: 'ALERT', // payload: { // loading: true // } // }) try { const res = await postDataApi('refresh_token'); dispatch({ type: 'AUTH' , payload: { token: res.data.access_token, user: res.data.user } }) // dispatch({ // type: ALERT_TYPES.ALERT, // payload: { // success: res.data.msg // } // }) } catch (error) { console.log(error); // dispatch({ // type:'ALERT', // payload: { // error: error.response.data.msg // } // }) } }} ملف login.jsx import { useState } from "react"; import { Link } from "react-router-dom"; import "./login.scss"; import axios from "axios"; import VisibilityIcon from '@mui/icons-material/Visibility'; import VisibilityOffIcon from '@mui/icons-material/VisibilityOff'; import {login} from "../../redux/actions/authActions.js"; import {useDispatch, useSelector} from "react-redux"; import Alert from "../../components/Alert"; export default function Login() { const initialState = {email:'', password: ''} const [showpass, setShowpass] = useState(false); const [userData, setUserData] = useState(initialState); const [isCorrect, setIsCorrect] = useState(true); const auth = useSelector(state => state); const dispatch = useDispatch(); const {email, password} = userData; const handleChange = (e) => { const {name, value} = e.target; setUserData({...userData, [name]:value }) } const handlevaid = async () => { if (!auth.token) setIsCorrect(false); }; const handleLogin = async (e) => { e.preventDefault(); setUserData({email, password }) dispatch(login(userData)) await handlevaid() console.log(auth) } // const handleLogin = async (e) => { // e.preventDefault(); // try { // const config = { // headers: { // "Content-type":"application/json" // } // } // const { data } = await axios.post( // '/api/users/login', // { // email, // password, // }, // config // ); // console.log(data); // localStorage.setItem("userInfo", JSON.stringify(data)); // } catch (error) { // console.log(error);//.response.data.message // } // }; return ( <div className="Login"> <div className="card"> <div className="left"> <h1>Hello world</h1> <p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Obcaecati aspernatur illum porro dolorum numquam corporis adipisci quos magni voluptatum nostrum soluta excepturi, vel quas libero exercitationem dignissimos! Nostrum, earum ex? </p> <span>Don't you ave an account?</span> <Link to="/register"> <button>Register</button> </Link> </div> <div className="right"> {/* {error && <ErrorMessage>{error}</ErrorMessage>} */} {/* {loading && <Loading />} */} <h1>Login</h1> <form onSubmit={handleLogin}> <div> <span style={{display: isCorrect ? "none" : "inline", color:"red"}}>Email or Password is incorrect!</span> </div> <input onChange={handleChange} name='email' value={email} type="email" placeholder="Enter Email" /> <div> <input onChange={handleChange} name='password' value={password} type= {showpass ? "text" : "password"} placeholder="Password" /> {!showpass ? <VisibilityIcon onClick={()=>setShowpass(!showpass)} className="showpass"/> : <VisibilityOffIcon onClick={()=>setShowpass(!showpass)} className="showpass"/>} </div> <button type="submit">Login</button> </form> </div> </div> </div> ) } ملف fetchDataApi.js import axios from "./axios"; export const getDataApi = async (url, token) => { const res = await axios.get(`/api/${url}`, { headers: {Authorization: token} }) return res; } export const postDataApi = async (url, post, token) => { const res = await axios.post(`/api/${url}`, post, { headers: {Authorization: token} /* headers: { Accept: "application/json", Authorization: `Bearer${token}` } */ }) // console.log(res.data.access_token); return res; } export const putDataApi = async (url, post, token) => { const res = await axios.put(`url/${url}`, post, { headers: {Authorization: token} }) return res; } export const patchDataApi = async (url, post, token) => { const res = await axios.patch(`url/${url}`, post, { headers: {Authorization: token} }) return res; } export const deleteDataApi = async (url, token) => { const res = await axios.delete(`url/${url}`, { headers: {Authorization: token} }) return res; } صورة الكونسول

السلام عليكم ما هو ال facotory الموجود في الصوره

حابة ادخل المجسات التالية بالمشروع بس حابة اعرف قبل وظيفتهم على التطبيق الذي اقترحته ووظيقته على الجوال (مستشعر ماسح قزحية العين مستشعر ايماءات الهواء مستشعر التسارع مستشعر الكاميرا مستشعر القرب مستشعر الميكروفون مستشعر الجيروسكوب )

مرحبا اريد روابط تحميل ui kit خاصة بانضمة تشغيل وشكرا

تحدث تلك المشكلة كثيرًا في حالة إنتهاء التفعيل الخاص ببرامج الأوفيس فهل تظهر لك رسالة تخبرك بشراء أو تفعيل الأوفيس؟ فإذا كانت لديك النسخة مقرصنة (لا أنصح بذلك) فسيأتي وقت وستجد أن التفعيل قد إنتهى، وإذا كانت النسخة رسمية فعليك بإعادة تفعيلها من خلال الكود الخاص بك. وإذا استمرت المشكلة حاول التحقق من الآتي: تحقق من أن لديك الصلاحيات الكافية للكتابة والتعديل على الملفات في موقع التخزين الذي تستخدمه، فإذا كنت تعمل في بيئة عمل مشتركة مع مستخدمين آخرين، فتحقق من أن صلاحيات الوصول الخاصة بك تسمح لك بالتعديل على الملفات. إذا كان الملف الذي تحاول التعديل عليه مقفلاً، فلن تتمكن من تعديله، أي تأكد من أنه لا يوجد قفل على الملف، أو اطلب من الشخص الذي قام بإنشاء الملف فتحه لك. إذا استمرت المشكلة، فقد تكون هناك مشكلة في تثبيت Office على جهازك. في هذه الحالة، قم بإلغاء تثبيت Office وأعد تثبيته من جديد. قد تحتاج أيضًا إلى إزالة أية بيانات متبقية من التثبيت السابق قبل إعادة التثبيت. استخدام برنامج بديل: إذا لم تتمكن من حل المشكلة باستخدام Office، يمكنك استخدام برنامج بديل لإنشاء وتعديل الملفات مثل LibreOffice أو Google Docs و Google sheet الأوفيس الخاص بجوجل أفضل في رأي ولكنه يعمل في المتصفح فقط.

مستشعر عداد الخطي مستشعر الضوء مستشعر رطوبة الهواء مستشعر مقياس المغناطيسية صحيح لوسمتخدمتهم بمشروع او بالتطبيق ال vr? كيف حتكون وظيفتهم

انا استعمل تطبيق pycarm هل يمكنني مواصلة الشرح عليه؟

App.jsAbout.jsxHome.jsx ارجو ايجاد الاخطاء في react وحلها

لا أعلم ان كنت قد فهمت مقصودك على نحو دقيق، ولكن لا أظن أنك تحتاج الاستعانة بحزمة خارجية لتطبيق مثل هكذا تأثير. فسيمكنك الاعتماد على CSS بشكل كلي للقيام بذلك ببعض التحايل. يمكنك المحايلة باستخدام خاصية clip-path الي تساعدك في تقطيع الخلفية. واليك منطق العملية كاملة: قم بإنشاء حاوية تمتلك الوضعية relative قم بإنشاء عنصري img لنفس الصورة داخل هاته الحاوية واحدة من هاته الصورتين يجب أن تمتلك الوضعية المطلقة position absolute لتوضع فوق الصورة الأولى مباشرة. الآن ستمتلك صورتين متطابقتين فوق بعضهما البعض. ولذلك ستسهل المهمة الآن، اقتطاع جزء دائري من الصورة الثانية واعادة تحجيمها عن طريق عمل زوم او scale الى ضعف حجمها او حجمها مرة ونصف سيعطي نفس التأثير تماما. مثال: فيما يلي الشيفرة المسؤولة: <div class="image-container"> <img src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__480.jpg" alt="Example Image"> <img class="clipped-image" src="https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__480.jpg" alt="Example Image"> </div> *** .clipped-image { display: block; position: absolute; top: 0; left: 10; width: 100%; height: 100%; border-radius: 50%; /* جعل الصورة بشكل دائري */ clip-path: circle(50px at 32rem 16rem); /* تحديد منطقة المكبّر */ transform: scale(1.5); } يذكر أن الخاصية circle تقبل معاملين: المعامل الأول هو قطر الدائرة المراد اقتطاعها. المعامل الثاني بعد at هو وضعية الدائرة واحداثياتها. يمكنك التوسع في الفكرة أكثر، عن طريق تنسيق حدود الصورة الثانية لتظهر بشكل أزرق مثل الفقاعات التي لديك. او عن طريق تطبيق حركية animation تتحكم في وضعية الدائرة واحداثياتها. أو عن طريق اضافة صور اخرى بتحويلات scale مختلفة لتظهر مثل الفقاعات. سأترك ذلك لك لتجتهد في التوسع في الفكرة.

دورة تطوير تطبيقات الويب باستخدام لغة PHP

السلام عليكم فمت بنسخ laravel project من github الخاص بمدير المشروع فوجدت env file قد وضعه في ال gitignore فكيف استعيده

1- قبل أن يتمكن مدير المشروع من دمج تعديلاته في الإصدار الرئيسي (main) في نظام التحكم بالإصدار (Git)، يجب عليه القيام بعملية الحفظ (commit) لتلك التعديلات، وإذا كان المدير لم يقم بعملية الحفظ، فلن يتم جلب التعديلات الجديدة عند استخدام git pull. 2- إذا كنتِ تعملين على فرع محلي (local branch) مختلف عن الفرع الذي يتم دمج التعديلات فيه، فقد لا تظهر التعديلات عند استخدام git pull، فتأكد من أنكِ تعملين على نفس الفرع الذي يقوم المدير بدمج التعديلات فيه. لتوضيح ذلك، لنفترض أن لديك فرع محلي يُسمى "branch1" والمدير يُقوم بدمج التعديلات في فرع بعيد يُسمى "branch2". فإذا كنتِ تعملين على الفرع "branch1" وتستخدمين git pull، فإن التعديلات التي يقوم المدير بدمجها في "branch2" لن تظهر في "branch1" الذي تعملين عليه. لذا، للتأكد من جلب التعديلات الصحيحة، تأكدي من أنكِ تعملين على نفس الفرع الذي يقوم المدير بدمج التعديلات فيه. وتستطيعي التحقق من الفروع المتوفرة في المشروع باستخدام الأمر: git branch -a والتأكد من أنكِ تعملين على الفرع الصحيح قبل استخدام git pull. وفي حال كانت هناك فروع مختلفة، عليك بالتبديل إلى الفرع الصحيح باستخدام الأمر: git checkout <branch-name>. 3- في حالة قام مدير المشروع بتعديل نفس الجزء من الكود الذي قمتِ أنت بتعديله، فقد يحدث تعارض (conflict) عند محاولة دمج التعديلات، وهنا يجب عليك حل التعارضات يدويًا قبل أن يتم جلب التعديلات. 4- قد تكون المشكلة في الاتصال بخادم نظام التحكم بالإصدار البعيد (remote Git server)، مما يمنع استرداد التعديلات الجديدة، لذلك تأكدي من وجود اتصال صحيح بالخادم البعيد وأن إتصال الإنترنت يعمل بشكل سليم.

كما ترى الفقاعتين تتحركان ب animation with css and bg:transparant ادن بالنسبة للفقاعة فهي تظهر ما في الصورة الا اني اريدها ان تظهره ب zoom اتناء animation

هل تقصد أنك تريد تطبيق زوم على جزء معين من الصورة بحيث يكون بشكل دائري ؟