لوحة المتصدرين
المحتوى الأكثر حصولًا على سمعة جيدة
المحتوى الأعلى تقييمًا في 05/23/23 في كل الموقع
-
يوجد مسار واحد لأساسيات React لكن هل يوجد تطبيقات عملية عديدة تجعلني مؤهل لسوق العمل بـ React ؟ وماهي التطبيقات العملية بـ React في هذه الدورة ؟3 نقاط
-
مرحبا.. احاول تشغيل كود بلاحقة glb. ضمن مشروع Three.js" قمت بتضمين ملف home.glb ضمن المشروع واضفت الكود التالي الى Script.js import * as THREE from 'three'; import {OrbitControls} from 'three/examples/jsm/controls/OrbitControls' const loader = new GLTFLoader(); const draco = new DRACOLoader(); draco.setDecoderPath( '/examples/jsm/libs/draco/' ); loader.setDRACOLoader( draco ); // Load a glTF resource loader.load( // resource URL '/home.glb', gltf => { gltf.scene.scale.set(.1,.1,.1); this._scene.add(gltf.scene); }, xhr => { let percent = xhr.loader / xhr.total*100; console.log('${percent}% of solar system model loaded.'); }, undefined ); وضمن كود ل html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="/script.js" type="module"></script> <title>3D</title> </head> <body> <camera class="webgi"></camera> <div class="container"> <model-viewer src="./home.glb" auto-rotate camera-controls alt="cube" ></model-viewer> </div> </body> </html> لكن لم تظهر أي نتيحة في المتصفح ، علما انه لايوجد اي خطأ في السيرفر1 نقطة
-
1 نقطة
-
لدي الشرط اريد استخدمه بشكل مفصل مثل لدي ثلاث متغيرات اريدهم العمل علي نفس الصفحة لي هي egypt.php اريد الروابط الاتية تعمل علي نفس الصفحة www.example.com/egypt/cairo/ www.example.com/egypt/cairo/almaadi/ www.example.com/egypt/cairo/almaadi/rent/ RewriteRule ^egyp/(.*)/(.*)/(.*)/$ egypt.php?id=$1&id1=$2&id3=$31 نقطة
-
شكرا لك علي سرعة الاستجابة ولكن ليس هناك طريق لستخدام الكل في رابط الواحد بهذا الشكل RewriteRule ^egyp/(.*)/(.*)/(.*)/$ egypt.php?id=$1&id1=$2&id3=$31 نقطة
-
هل اقدر اني ادخل الدورات ب تابلت او انه بيعرضني لعقوبة؟ لاني ابي يكون عندي جهاز اتابع فيه الدورة واطبق باستخدام اللابتوب1 نقطة
-
في دورة تطوير التطبيقات باستخدام لغة JavaScript ستتعلم التالي: الأسس البرمجية السليمة للغة JavaScript الإضافات الحديثة في نسخة ES6 من اللغة تطوير تطبيقات الخادم باستخدام بيئة Node.js أساسيات مكتبة React.js وبناء تطبيق ملاحظات باستخدامها أساسيات مكتبة React Native و Expo تطوير تطبيق جوال للوصل بين الأطباء والمرضى بالاعتماد على React Native التعرف على التطبيقات التي تتطلب اتصالًا مستمرًا بين المتصفح والخادم بناء تطبيق محادثة يشبه تطبيق WhatsApp إنشاء تطبيق أسئلة وأجوبة ونقاشات مع تصيير من جهة الخادم Server-side Rendering عبر إطار العمل Next.js بناء واجهات أمامية باستخدام React.js مع مكتبة Material-UI إنشاء تطبيقات سطح مكتب باستخدام JavaScript باستخدام إطار العمل Electron.js بناء تطبيق جوال لشبكة تواصل اجتماعي باستخدام إطار العمل Ionic ومكتبة React.js وبخصوص React فستقوم بتعلم الأساسيات عن طريق بناء تطبيق ملاحظات Todo list، وبعد ذلك ستقوم ببناء مشروع كبير عبارة عن تطبيق محادثة يشبه تطبيق WhatsApp فالواجهة الأمامية ستكون عن طريق React والواجهة الخلفية بواسطة node.js. وأيضًا ستقوم ببناء نسخة لتطبيق الهاتف عن طريق React Native. وفي المشروع ستتعلم كيف يمكن إدارة عملية تسجيل الدخول وإنشاء الحسابات والتواصل عن طريق WebSockets والحماية والتحقق وقواعد البيانات و API. وأيضًا ستقوم ببناء تطبيق أسئلة وأجوبة باستخدام Next.js وهو إطار مطلوب بشكل أساسي في سوق العمل بالنسبة لوظيفة React developer وأيضًا بتعلمك node.js ستصبح مطور Full stack مما يحسن فرصتك في البداية وستحصل على معرض أعمال قوي من خلال تلك المشاريع ولكن يجب التطبيق بمفردك بعد مشاهدة المدرب.1 نقطة
-
شكراً لك سؤال اخر / هل جميعها نتعامل مع البيانات عن طريق API او نتعامل مع البيانات مباشرة ؟1 نقطة
-
1 نقطة
-
لا يوجد دورة متخصصة في الأمن السيبراني ضمن أكاديمية حسوب، ولكن ستحتاج إلى دورة علوم الحاسوب حيث أنها أساسية إذا اردت التخصص في ذلك المجال. وإليك نقاش حول تلك الدورة: وبخصوص المسار الخاص بالأمن السيبراني فأنصحك بقراءة النقاش التالي حيث تم الإجابة بالتفصيل:1 نقطة
-
1 نقطة
-
هذه الأخطاء في التصميم نتيجة تحديد height معين فإذا كان ال height أكبر ستظهر مشكلة كما في الموقع الخاص بك لذلك لحل مشكلة تداخل الأقسام comment و contact يجب عليك حذف السطر التالي .section_comments { height: 100vh; } أما بالنسبة لل footer فقم بحذف السطر التالي .section_Contact { height: 90vh; } وبدلاً من الحذف يمكنك استخدام min-height بدلاً من height1 نقطة
-
اختيار بيئة العمل المناسبة لتعلم الذكاء الاصطناعي وتحليل البيانات يعتمد على عدة عوامل، بما في ذلك احتياجاتك الشخصية ومتطلبات المشروع الذي تعمل عليه. لذلك، لا يوجد إجابة واحدة صحيحة لهذا السؤال. إليك بعض النقاط التي يمكن أن تساعدك في اتخاذ القرار: قدرة الحاسوب: إذا كان لديك حاسوب قوي بمواصفات عالية ومساحة تخزين كافية، فإن استخدام بيئات العمل على الحاسوب المحلي يمكن أن يكون خيارًا جيدًا. ستتمتع بسرعة واستجابة عالية وإمكانية الوصول إلى الموارد المحلية. التكلفة: بيئات العمل على الحاسوب المحلي عادة ما تكون مجانية، بينما قد تتطلب بعض خدمات السحابة مثل Google Colab اشتراكًا مدفوعًا للاستفادة من ميزات إضافية. القدرة على الوصول والتنقل: إذا كنت بحاجة إلى الوصول إلى مشروعك وملفاتك من أي مكان ومن أي جهاز، فإن استخدام خدمة سحابية مثل Google Colab يوفر لك مرونة أكبر وسهولة الوصول عبر الإنترنت. الموارد والدعم: بعض بيئات العمل المحلية قد توفر مجموعة واسعة من الموارد والأدوات والمكتبات لتعلم الذكاء الاصطناعي وتحليل البيانات. ومع ذلك، فإن خدمات السحابة مثل Google Colab تقدم أيضًا مجموعة كبيرة من المكتبات والأدوات وتتيح لك مشاركة وتبادل المشاريع بسهولة مع الآخرين. من الجيد تجربة كلا الخيارين ومقارنتهما لمعرفة أيهم1 نقطة
-
ببساطة إذا كانت مواصفات حاسوبك غير كافية بالنسبة للمشروع الذي تعمل عليه، فتستطيع استخدام Google Colab، حيث المستخدمين المجانيين على Google Colab يحصلون على وصول مجاني إلى وحدات المعالجة الرسومية (GPU) ووحدات المعالجة الرسومية المتخصصة (TPU) لمدة تصل إلى 12 ساعة. ويتم توفير GPU runtime في Colab مع المواصفات التالية: وحدة المعالجة المركزية Intel Xeon @2.20 جيجاهرتز، 13 جيجابايت من ذاكرة الوصول العشوائي (RAM)، وحدة Tesla K80 للتسريع، و 12 جيجابايت من ذاكرة الوصول العشوائي GDDR5 VRAM. أما TPU runtime في Colab، فهو يتألف من وحدة المعالجة المركزية Intel Xeon @2.30 جيجاهرتز، 13 جيجابايت من ذاكرة الوصول العشوائي (RAM)، وحدة TPU سحابية بقوة حوسبة تصل إلى 180 تيرافلوبس. باختصار، يعني ذلك أنه يمكنك الاستفادة من قدرات GPU و TPU القوية لتنفيذ العمليات الحسابية المكثفة والمتقدمة في مجال التعلم الآلي وتحليل البيانات. وتتوفر موارد الحاسوب هذه مجانًا لمدة تصل إلى 12 ساعة، والتي يمكن استخدامها لتشغيل النماذج وتدريبها وتحليل البيانات بشكل فعال. بعد انتهاء الـ 12 ساعة على Google Colab، يتم إلغاء جلسة العمل الحالية ويتعين عليك إعادة تشغيلها، ويعني ذلك أن أي عمل غير محفوظ سيتم فقده، بما في ذلك البيانات والنماذج والتعديلات التي تم إجراؤها خلال الجلسة. وتستطيع يمكنك حفظ النتائج والملفات الضرورية قبل انتهاء الجلسة الحالية، عن طريق حفظ البيانات في حساب Google Drive الخاص بك أو تنزيلها إلى جهاز الكمبيوتر الشخصي الخاص بك. أيضًا استخدام الوظيفة "Save a copy in Drive" في Google Colab لحفظ الدفتر الحالي في Google Drive قبل انتهاء الوقت المحدد. معالجات m مصممة بواسطة Apple ومبنية على تقنية ARM، تتميز بأداء مذهل وكفاءة عالية في استخدام الطاقة. فمع معالج M2، ستستفيد من أداء محسّن وتسارع لعمليات التعلم الآلي، ويحتوي المعالج M2 على مجموعة متنوعة من وحدات المعالجة المركزية ووحدات المعالجة الرسومية المتكاملة، مما يسمح بتنفيذ عمليات التعلم العميق بسرعة وكفاءة. بالإضافة إلى ذلك، يشتمل على وحدة Neural Engine التي توفر قدرات تسريع متقدمة لعمليات التعلم الآلي. ومن المهم أيضًا أن تنظر إلى الذاكرة والتخزين في الجهاز، حيث توفر MacBook الجديدة غالبًا ذواكر وتخزين فائقة السرعة، مما يساعد على تسريع عمليات التعلم الآلي وتحليل البيانات. ولكن إذا كان لديك كرت شاشة قوي على نظام الويندوز فستحصل على أداء مشابه حيث أن العامل الأساسي هو كرت الشاشة، يأتي بعده المعالج ثم الرامات.1 نقطة
-
يبدو أن هناك مشكلة في إعداد Parcel على نطاق عام في بيئة Node.js الخاصة بك. لحل هذه المشكلة، يمكنك اتباع الخطوات التالية: التأكد من أن Node.js مثبت بشكل صحيح على جهازك. يمكنك التحقق من ذلك عن طريق تشغيل الأمر node -v في نافذة الأوامر أو الطرفية. يجب أن يظهر لك رقم إصدار Node.js المثبت. التأكد من أن npm مثبت أيضًا بشكل صحيح. يمكنك التحقق من ذلك عن طريق تشغيل الأمر npm -v في نافذة الأوامر أو الطرفية. يجب أن يظهر لك رقم إصدار npm المثبت. التأكد من أن قاعدة بيانات الحزم npm محدثة. قم بتشغيل الأمر التالي لتحديثها: npm update -g. جرب إعادة تثبيت Parcel بشكل عام باستخدام الأمر npm install -g parcel-bundler بدلاً من npm install parcel -g. ينصح بتثبيت parcel-bundler بدلاً من parcel في الوضع العام. بعد اتباع هذه الخطوات، قم بتشغيل الأمر parcel --version في نافذة الأوامر أو الطرفية للتحقق مما إذا كان Parcel يعمل الآن بشكل صحيح. يجب أن يظهر لك رقم إصدار Parcel المثبت إذا تم تثبيته بنجاح. إذا لم تعمل هذه الخطوات، يُنصح بالتحقق من تثبيت Parcel في بيئة Node.js نظيفة دون وجود مشاكل أخرى في النظام.1 نقطة
-
تجاهلي الرسالة التالية: packages are looking for funding run `npm fund` for details حيث أنه يخبرك بتنفيذ الأمر npm fund، وسيتم عرض قائمة بجميع الوحدات والحزم التي قمت بتثبيتها والتي تم إنشاؤها بواسطة شركات أو منظمات تحتاج إلى دعم مالي لمشاريعها في مجال تقنية المعلومات. وستظهر لك قائمة بصفحات الويب التي يمكنك من خلالها إرسال الأموال لهذه الشركات أو المنظمات. وتستطيعي تعطيل ظهور تلك الرسالة عن طريق الأمر التالي: npm config set fund false --global وبخصوص parcel من الأفضل استخدام parcel بشكل محلي داخل المشروع وليس global، لذلك عليك بحذف النسخة التي قمتي بتحميلها بشكل global بالأمر التالي: npm un parcel -g بعد ذلك تثبيت الحزمة بالشكل التالي: npm install --save-dev parcel وتستطيعي تشغيل المشروع من خلال الأمر التالي مباشرًة: npx parcel src/index.html ولاحظي أنه يتم تشغيل الملف index.html في مجلد src. والأفضل استخدام السكريبت في ملف package.json بالشكل التالي: { "name": "my-project", "source": "src/index.html", "scripts": { "start": "parcel", "build": "parcel build" }, "devDependencies": { "parcel": "latest" } } ولاحظي أنه في source تم تحديد الملف الرئيسي للمشروع، وتستطيعي تشغيل المشروع الآن عن طريق الأمر npm start. وتستطيعي قراءة الشرح الخاص بـ Parcel من المستند الرسمي: https://parceljs.org/getting-started/webapp/1 نقطة
-
Fetch هي واجهة برمجة تطبيقات لطلب Ajax حديثة مستندة إلى Promise ظهرت لأول مرة في عام 2015 وهي مدعومة في معظم المتصفحات. لم يتم بناؤه على XMLHttpRequest ويوفر تناسقًا أفضل مع بناء جملة أكثر إيجازًا. تعمل سلسلة Promise التالية بشكل مماثل : fetch("/url", { method: "GET" }) .then((res) => res.json()) .then((json) => console.log(json)) .catch((err) => console.error("error:", err)); أو يمكنك استخدام ascync / await : try { const res = await fetch("/url", { method: "GET" }), // انتظار الرد من سيرفر json = await res.json(); console.log(json); } catch (err) { console.error("error:", err); } AJAX هو الإسم المألوف لـ "JavaScript و XML غير المتزامنة" ، على الرغم من أن المطورين لم يحتاجوا إلى استخدام أساليب غير متزامنة أو JavaScript أو XML. نستخدم الآن المصطلح العام "Ajax" لأي عملية من جانب العميل تجلب البيانات من الخادم وتقوم بتحديث DOM دون الحاجة إلى تحديث صفحة كاملة. يتم دعم XMLHttpRequest من قبل جميع المتصفحات الرئيسية وأصبح معيارًا رسميًا للويب في عام 2006. مثال بسيط يجلب البيانات من نطاقك / الخدمة / نقطة النهاية ويعرض نتيجة JSON في وحدة التحكم كنص: const xhr = new XMLHttpRequest(); xhr.open("GET", "/service"); // عند تغير الحالة xhr.onreadystatechange = () => { // هل الإستعلام إكتمل ؟ if (xhr.readyState !== 4) return; if (xhr.status === 200) { // إكتمل بنجاح console.log(JSON.parse(xhr.responseText)); } else { // حدوث خطأ console.log("HTTP error", xhr.status, xhr.statusText); } }; // إرسال xhr.send(); أهم مميزات fetch : التحكم في cach التحكم في cors التحكم في Credential التحكم في redirect Data Streams الدعم الكلي لجانب الخادم أهم مميزات XHR: تدعم Timeout دعم Abort : يمكن إلغاء طلب أثناء الرحلة عن طريق تشغيل أسلوب إحباط XMLHttpRequest (). يمكن إرفاق معالج إحباط إذا لزم الأمر تدعم جميع المتصفحات وهذه مقالة على ajax1 نقطة