لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 04/24/23 في كل الموقع
-
السلام عليكم. من المعلوم أن مكتبة ريآكت تعتمد على react-router-dom في الربط بين الصفحات (روابط خارجية) لكن كيف الحال إذا تعلق الأمر بصفحة ويب واحدة (landing page مثلا). هل الأمر يعتمد على anchor مثلما هو الحال في الجافاسكريبت أم يوجد نوع آخر من الروابط التي توفرها react-router-dom. شكرا.3 نقاط
-
2 نقاط
-
السلام عليكم .. - ما هي الخطوة التالية من بعد تصميم الواجهة الامامية لموقع ما؟ - ومتى احتاج الى مطور الواجهات الخلفية ؟من اين يبدأ وماذا يكمل ؟ - سمعت ان من بعد اطلاق الموقع على الويب يتم ادارته عن طريق الوورد بريس هل هذا يعتبر تخصص او يحتاج الى كورس او خبرة وكيف تتم ادارته بالضبط؟ - عند تصميم الموقع نحن نعمل على احجام صور معينة لكن عند تغييرها قد يختلف تنسيق الصفحة ويتعرض الى مشاكل ..كيف يتم الاعتناء بمثل هذه التفاصيل ليصبح الموقع بدون اخطاء ومتكامل واحترافي ؟ - هل اضافة لغات متعددة للموقع وظيفة مطور الواجهات الخلفية ام الامامية وكيف يتم ذلك ؟اذا اردنا اضافة ثلاث لغات مثلا ؟ - موقع مثل الموقع الموجود في مسار الدورة (تطوير موقع شركة) , أعني انه يحتوي على اكثر من صفحة وهو واسع .. ما هي تكلفته اذا اردنا تصميمه لدى مطور واجهات امامية وماذا يطلب ايضا مطور الواجهات الخلفية {بشكل تقريبي} وهل يوجد تكلفة اخرى تحتسب لحين اطلاق الموقع ارجو النظر بشفافية الى الاسئلة واعتذر جدا عن الاطالة وشكرا جزيلا سلفاً.2 نقاط
-
السلام عليكم.. الآن لدي كود جاهز مصمم بالhtml و css وأريد إستدعاء أو تنفيذ هذا التصميم في صفحات معينة انا أختارها من خلال كود js كيف بإمكاني ذلك.. إذا أحد يدلني على درس تعليمي أو عنوان أقوم بالبحث عنه لتعلم كيفية تنفيذ ذلك أكون شاااكر جداً :)2 نقاط
-
Qustion1 = 4+4 x = int(input("inter your answer : ")) Qustion2 = 2*3 y = int(input("inter your answer : ")) Qustion3 = 5**3 z = int(input("inter your answer : ")) result1 = 1 if x==Qustion1 else result1 = 0 result2 = 1 if y==Qustion2 else result2 = 0 result3 = 1 if z==Qustion3 else result3 = 0 sum = result1 + result2 + result3 print(sum)2 نقاط
-
السلام عليكم اريد عمل "ميزة نسيب كلمة المرور" لذلك احتاج عندما اضغط علي رابط يقوم بفتح التطبيق مباشرة بدلا من الويب ، مثال عندما اقوم بالظغط علي www.example.com فانه يعطي للمستخدم خيارين ان يقوم بفتحه ف جوجل كروم او فتحه في تطبيقي ، انا تابعت ال docs الخاصة ب react navigation لكني اعتقد انها ناقصة فانا عندما اقوم بفتح التطبيق بهذا الرابط فانه يعمل بشكل صحيح npx uri-scheme open "mychat://chat/jane" --android لكن عندما اجرب اي url فانه يقوم بفتح كروم بدل من تطبيقي npx uri-scheme open "www.example.com" --android هذا هو الكود <manifest xmlns:android="http://schemas.android.com/apk/res/android"> <uses-permission android:name="android.permission.INTERNET"/> <application android:name=".MainApplication" android:label="@string/app_name" android:icon="@mipmap/ic_launcher" android:roundIcon="@mipmap/ic_launcher_round" android:allowBackup="false" android:theme="@style/AppTheme"> <activity android:name=".MainActivity" android:label="@string/app_name" android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode" android:launchMode="singleTask" android:windowSoftInputMode="adjustResize" android:exported="true"> <intent-filter android:autoVerify="true"> <action android:name="android.intent.action.MAIN"/> <category android:name="android.intent.category.LAUNCHER"/> </intent-filter> <intent-filter> <action android:name="android.intent.action.VIEW"/> <category android:name="android.intent.category.DEFAULT"/> <category android:name="android.intent.category.BROWSABLE"/> <data android:scheme="mychat"/> </intent-filter> <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.intent.category.DEFAULT" /> <category android:name="android.intent.category.BROWSABLE" /> <data android:scheme="http" /> <data android:scheme="https" /> <data android:host="www.example.com" /> </intent-filter> </activity> </application> </manifest>1 نقطة
-
السلام عليكم اريد ان ادخل مجال ال AI ولكن لا اعرف من اين ابدا ومن اين أتعلم ذلك مع المشاريع فقد اعجبني جدا هذا المجال والروبوتات وبرمجتها وهل يوجد في أكاديمية حسوب مسار كامل لهذا المجال1 نقطة
-
في حالة صفحة ويب واحدة، يمكن استخدام الروابط العادية (anchor links) مثلما هو الحال في الجافاسكريبت، حيث لا يحتاج الأمر إلى استخدام react-router-dom لأنه لا يتم تحويل المستخدم إلى صفحة أخرى. عند استخدام الروابط العادية، يمكن استخدام الوظائف المتاحة في JavaScript لتحديث العرض الحالي دون الحاجة إلى إعادة تحميل الصفحة بأكملها. على سبيل المثال، يمكن استخدام `window.scrollTo()` للتمرير إلى الجزء المحدد من الصفحة، أو استخدام `document.getElementById()` للوصول إلى العناصر الفرعية داخل صفحة ويب وتحديثها. مع ذلك، إذا كنت ترغب في تطبيق المبادئ الخاصة بـ React في صفحة ويب واحدة، يمكن استخدام React Router لتوفير نظام توجيه داخلي دون الحاجة إلى إعادة تحميل الصفحة بأكملها. يمكن استخدام `Link` component في React Router لإنشاء روابط داخليه بشكل مشابه للروابط العادية. يمكن استخدام `BrowserRouter` component في React Router لتوفير نظام توجيه داخلي للصفحة ويب الواحدة، حيث يتم تحديث عنوان URL بدون الحاجة إلى إعادة تحميل الصفحة بأكملها. ويمكن استخدام `Route` component لتحديد المسار الخاص بكل عنصر في صفحة ويب وتحميل المكونات المطابقة في حالة تحديد المسار المطابق. على سبيل المثال، يمكن استخدام الكود التالي لتوفير نظام توجيه داخلي في صفحة ويب واحدة باستخدام React Router: import { BrowserRouter, Route, Link } from 'react-router-dom'; function App() { return ( <BrowserRouter> <nav> <ul> <li> <Link to="/">الصفحة الرئيسية</Link> </li> <li> <Link to="/about">من نحن</Link> </li> <li> <Link to="/contact">اتصل بنا</Link> </li> </ul> </nav> <Route path="/" exact> <HomePage /> </Route> <Route path="/about"> <AboutPage /> </Route> <Route path="/contact"> <ContactPage /> </Route> </BrowserRouter> ); } في هذا المثال، يتم تحديد الروابط الداخلية باستخدام `Link` component، ويتم تحديد المسارات والمكونات المطابقة باستخدام `Route` component. النظام الداخلي للتوجيه يتيح للمستخدم التنقل بين المكونات المطابقة دون الحاجة إلى إعادة تحميل الصفحة بأكملها.1 نقطة
-
نعم يوجد، إذا كنت تريد استخدام react-router-dom في ذات الصفحة، يمكن استخدام "HashRouter" بدلاً من "BrowserRouter" في ملف الـمكون الجذر "App" أو غيره من المكونات الأبناء، وذلك للسماح بتحديد مسارات بدءًا من الرابط الحالي للموقع. على سبيل المثال: import { HashRouter, Route, Switch } from 'react-router-dom'; function App() { return ( <HashRouter> <Switch> <Route exact path="/" component={LandingPage} /> </Switch> </HashRouter> ); } سيحل هذا المشكلة.1 نقطة
-
في React، تستطيع استخدام روابط داخلية باستخدام react-router-dom أيضًا، حتى في صفحة ويب واحدة (وهي عبارة عن عناصر تحكم توجيه). وذلك باستخدام عناصر التحكم مثل <Link> و <NavLink> و <Route> في أي مكان داخل مكونات React الخاصة بك لإنشاء روابط داخلية. مثال لاستخدام عنصر التحكم <Link> لإنشاء رابط داخلي كما يلي: import { Link } from 'react-router-dom'; function MyComponent() { return ( <div> <h1>Welcome to my website!</h1> <p>Click <Link to="/about">here</Link> to learn more about me.</p> </div> ); } كما ترى من خلال <Link> تمكنا من إنشاء رابط داخلي يؤدي إلى صفحة "حول" (/about) في نفس التطبيق، وعند النقر على الرابط ، سيتم تحديث المحتوى المعروض في التطبيق دون إعادة تحميل الصفحة بالكامل. ويمكنك أيضا استخدام عنصر التحكم <Route> لتحديد المسارات المتناغمة مع الروابط الداخلية، والذي يستخدم لإظهار محتوى معين عند زيارة رابط معين. import { Route } from 'react-router-dom'; function MyComponent() { return ( <div> <h1>Welcome to my website!</h1> <p>Click <Link to="/about">here</Link> to learn more about me.</p> <Route path="/about"> <About /> </Route> </div> ); } حيث يتم عرض محتوى معين (component About) عند زيارة الرابط /about، وعند زيارة الرابط، سيتم تحديث المحتوى المعروض في التطبيق دون إعادة تحميل الصفحة بالكامل. وتستطيع استخدام هذه العناصر داخل مكونات أخرى لإنشاء روابط داخلية متعددة الطبقات ومعقدة حسب الحاجة.1 نقطة
-
1 نقطة
-
بعد تصميم الواجهة الأمامية للموقع، يتم العمل على تطوير الواجهة الخلفية (Back-end) وربطها بقاعدة البيانات والواجهة الأمامية. وقد لا تحتاج بعض المواقع أصلا الى ذلك، من مثل مواقع صفحات الهبوط أو المواقع التعريفية او غيرها. فالتصميم والتنفيذ هو مرحلة من المراحل المهمة في تطوير منتجات الويب الرقمية. يحتاج المطور الخلفي إلى العمل بشكل متوازٍ مع المطور الأمامي في بعض الأحيان، وذلك للتأكد من ربط الواجهة الخلفية بشكل صحيح بالواجهة الأمامية، وذلك لغرض اخراج تطبيق ويب شامل. فمطور الواجهة الخلفية سيحتاج في الغالب تصدير واجهة برمجيات API ليستعملها مطور الواجهة الامامية في تصيير صفحات ويب تفاعلية ومتجاوبة. فحاجة احدهما الآخر في كثير من الاحيان غير ثابتة ومتغيرة وتتفرع الى جزئيات عديدة (الا في الفرق المنظمة جدا التي تسير على قدر عال من المنهجية ويسيرها مدير فريق محترف وملم بجزئيات المشروع وخادما لمبادئ هندسة البرمجيات). نعم، يمكن استخدام WordPress لإدارة المحتوى بعد إطلاق الموقع، ويمكن تعلم كيفية استخدامه عبر دروس على الإنترنت أو كورسات، وهو أقل تعقيدا من البرمجة الخاصة، ولكن رغم ذلك هو يحتاج بعض الالمام والخبرة. من أجل ضمان عدم حدوث مشاكل في التنسيق عند تغيير حجم الصور، يمكن استخدام تقنيات مثل تحديد حجم الصور بشكل أوتوماتيكي. فلا نعطي الصورة مثلا عرضا 1200 بكسل ان كان المقصود هو عرض الشاشة وانما نعطيها عرضا 100 بالمئة كنسبة حتى يتم اعتبار هاته النسبة من العرض الكامل بشكل تلقائي. إضافة لغات متعددة ينتهج طرقا مختلفة، ولكن بشكل عام. يتم تخزين ملفات JSON على الخادم تحوي كائنات تعرف كل كلمة وترجمتها الموافقة في لغة معينة، ثم يتم استعمال حزم من مثل i18n لحقن ما يوافق ترجمة كل كلمة من هاته الملفات. تكلفة تصميم موقع يختلف حسب حجمه ومتطلباته، وعادة ما يتم الاتفاق على التفاصيل مع المطور المختار، والتكلفة تتضمن تصميم الواجهة الأمامية والخلفية وربطهما، وقد يتم احتساب تكلفة إضافية لبعض الميزات الخاصة أو التعديلات الإضافية.1 نقطة
-
هذا يعتمد على نوع الموقع الذي تعمل عليه، فإذا كان موقع قابت static فالخطوة التالية هي تجريبه ورفعه على استضافة، بينما إذا كان متغير dynamic فيجب ان يتم ربطه مع الـ backend حتى يتحول لموقع متغير. عندما تريد تحويل موقعك لموقع متغير، إذا اردت مثلاً ان يحتوي موقعك على مقالات يتم اضافتها إلى الموقع وعرضها أو اي شيء يجب ان يتم اضافته و عرضه أو تعديله باستمرار. ويمكن ان يبدأ بشكل متوازي مع مطور الواجهات الأمامية بحيث يتم الربط بين الواجهتين بشكل متزامن أو أن يسبق مطور الواجهات الأمامية وعندا يقوم مطور الواجهات الامامية بالربط مع الواجهة الخلفية اثناء بناء الموقع أو أن يبدأ بعد مطور الواجهات الأمامية وعندها يجب ربط الواجه الأمامية وتعديلها لتتناسب مع الواجهة الخلفية. هذا خاطئ، فالورد بريس هو نظام ادارة محتوى CMS وهو يختصر عليك بناء الواجهات الأمامية والخلفية عن طريق تقديم قوالب جاهزة قابلة للتعديل بسهولة، وهو بحاجة لدورة مختلفة بالفعل ويوجد شرح تفصيلي عنه في دروة php ولكن يمكنك استخدامه بدون اي خبرة مسبقة فهو سهل جداً ويمكن تعلم اساسياته خلال فترة بسيطة. مقالات حسوب عن وردبريس يتم ذلك عن طريق اختبار الموقع مع عدة احجام من الصور وعدم قبول الصور التي لا تتناسب مع قياسات الموقع، وكذلك يمكن التغلب على هذه المشكلة بجعل الصور بالوضعية cover بحيث نعطيها الخاصية : object-fit: cover; حيث عند استخدام هذه الخاصية، يتم تغطية المساحة المحددة بالكامل بالصورة، ويتم تغيير حجم الصورة بحيث يتم الحفاظ على نسبة العرض إلى الارتفاع للصورة الأصلية. ويمكنك التعمق اكثر من خلال اتباع هذا النقاش : هي وظيفة الاثنين، فمطول الواجهة الامامية يقوم بإعداد الواجهة الامامية لقبول اكثر من لغة وكذلك الأمر بالنسبة لمطور الواجهات الخلفية. هذا يعتمد على الكثير من المتغيرات ولا يمكنني اعطائك سعر معين، ولكن قد يفيدك القاء نظرة على السوق المحلية والتي تريد العمل لديها حتى تعرف ماهي الاسعار المناسبة.1 نقطة
-
أنا الآن أدرس دورة علوم الحاسوب و أنا على وشك إنهاء مسار أنظمة التشغيل ونظام لينكس. قمنا في هذا المسار بتنصيب بيئة لينكس إفتراضية أعطيتها 2 غيغا بايت تقريبا لكي تعمل. ثم قمنا بتنصيب Ubuntu-server أيضا على البيئية الوهمية و أعطيته أيضا أقل من 2 غيغا بايت بقليل للذاكرة العشوائية لكي تعمل. الآن عند تشغيلهما معا ثم محاولة الإتصال بخادم Ubuntu من البيئة الوهمية للينيكس يتوقف الجهاز تقريبا أي أنه يصبح بطيئ جدا جدا جدا و لدرجة لا أستطيع العمل عليه. مساحة الرام عندي 4 فهل إذا زدتها إلى 6 أو 8 هل سيحل ذلك المشكلة أم أنه شيئا آخر يمكن أن يكون في حاجة للتطوير في جهازي و أن تطوير الرام أو تطويها وحدها لن ينفع أم شيء آخر.1 نقطة
-
ما هو السن المطلوب لهذه الدورات وهل هي تصلح للاطفال من سن ١١ سنه1 نقطة
-
اوجه مشكله عندى الاستدعى بيانات من فاعده البيانات تظهر لي مجوعه من الاخطاء معا اني مستخدم نفس صيغه الكود عند الحذف وتنفذ معي دون وجود اي اخطاء الكود في الملف اتمنا تساعدونا يا اخواني في الله انا مبتدى null.pages1 نقطة
-
هنالك العديد من الحلول لهذه المشكلة وابسطها هو التالي : يمكنك تحويل الـ html و الـ css إلى عناصر js وتضعها في ملف js منفصل وليكن script.js : var style = document.createElement('style'); style.innerHTML = ` #target { color: blueviolet; } `; document.head.appendChild(style); var style = document.createElement('div'); style.innerHTML = ` <div id="target"> hello world </div> `; document.body.appendChild(style); والملف السابق سيقوم بحقن الـ html و الـ CSS في الصفحة التي نريدها ولن نقوم باستدعائها إلا عندما نريد، فمثلاً في ملف الـ html التالي سنقوم باستدعاء الملف عند النقر على زر show target : <!DOCTYPE html> <html dir="ltr"> <head> <style> body { text-align: center; } </style> </head> <body> <button id="btn">show target</button> <script> var script = document.createElement('script'); script.src = "./script.js" const btn = document.getElementById("btn"); btn.onclick = () => { document.body.appendChild(script); } </script> </body> </html> حيث ان الـ script.src يشير إلى مسار الملف script.js. ويمكنك تعديل الملف السابق ليتم عرض الـ العنصر target عند تنفيذ شرط معين، فمثلاً في الكوت التالي سيتم عرض العنصر target عندما يكون الـ pathname هو / أي سيتم عرضه في الصفحة الرئيسية فقط : <script> var script = document.createElement('script'); script.src = "./script.js" const btn = document.getElementById("btn"); if(window.location.pathname === "/" ) document.body.appendChild(script); </script> كذلك يمكنك استخدام react للقيام بنفس العملية وهي تسهل العمل عليك بشكل اكبر.1 نقطة
-
لا يظهر مشاكل في الكود قد تكون المشكلة من postman أو أياً كانت الطريقة التي تقوم بعمل الطلب، قم بمشاركة ملفات المشروع بالكامل مضغوطة حتي يمكننا مساعدتك.1 نقطة
-
باقي اسويها بالصفحة كامله والصوت ما يشتغل project.rar1 نقطة