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

قمت باضافة طبقة سوداء فوق الفيديو وقللت الشفافية لكي يظهر الفيديو وتعطيه هذه الطبقة تاثيراً فقط ولكن لا اريد للتاثير ان يطبق على الكتابة التي فوق الفيديو (اي اريد ان اعزل الكتابة او اجعلها فوق الطبقة الشفافة) المشكلة موضحة بالصورة هنا وهذا ملف المشروع BK Store.rar وشكراً...

كنت اعمل على المشروع وفجأة بدأت الصفحة تنجرف ناحية اليسار تلقائياً ولم اعد استطيع السيطرة عليها كما موضح بالصورة وهذا رابط المشروعBK Store.rar

ليست هذه المشكلة فانها لم تنجح كما انه يمكنك ان تنظر كيف ان الكلام في الاعلى على اليسار قد قطعت الكلمة من نصفها يعني انه اخذ width: 100vw ولكن لسبب ما لم يوظف المساحة في منتصف الصفحة وهذا ما اريد معرفته

اود الحصول على قالب لعمل طلبات مطعم ولااجد شى مجانا ارجو المساعده

يظهر لي هذا الخطأ عند محاوله استدعاء البيانات import React from "react"; import MemesData from "../MemesData"; import logoimg from "../R.png" import one from "../one.jpg" function Form(){ const [image , setimage] = React.useState() function getimg(){ const memesarray = MemesData.data.memes console.log(memesarray) const randomnumber = Math.floor(Math.random * memesarray.length) setimage(memesarray[randomnumber].img) } return( <div className="form"> <div className="form-inputs"> <input type={"text"} placeholder="top text"></input> <input type={"text"} placeholder="bottom text"></input> </div> <button onClick={getimg}>get a new meme image</button> <h1>{image}</h1> </div> ) } export default Form; import logoimg from "./R.png" import one from "./one.jpg" export default { data : { memes: [ { img: "./R.png", num:"88" }, { img : "./one.jpg", num :"99" } ] } }

لمعالجة المشكلة قم بإعطاء الحاوية التي تحتوي على النص الخاصية z-index وهكذا سوف يظهر النص فوق الطبقة السوداء . .text-v { position: absolute; top: 20%; left: 20%; color: white; z-index: 3; }

قم بإضافة z-index للنص : .text-v { position: absolute; top: 20%; left: 20%; color: white; z-index: 3; }

السلام عليكم. هل تساهم الأكاديمية في تحسين cv على موقع بعيد و مستقل وكيف ذلك. شكرا.

كما في التعليق السابق فإنه أكاديمية حسوب تقوم بتقديم النصائح لك عن إنشاء السيرة الذاتية لك . ولكن أنا أعتبر المشاريع التي تقوم بها خلال الدورات التعليمية من حسوببجميع أنواعها هي بمثابة سيرة ذاتية لك حيث إذا كنت مطور واجهات أمامية ستكون المواقع التي قمت ببنائها هي مصدر ثقة للعميل على جودة الأعمال التي تقوم بها . لا شيء يظهر خبرة أكثر من الأشياء التي صنعتها بالفعل. استخدم دائمًا مشاريعك ، حتى مشاريعك الخاصة ، لشرح المعرفة التي اكتسبتها من خلالها . ,وبالأخير ال portfolio أو السيرة الذاتية الغرض الرئيسي منه هو عرض أعمال تطوير الويب الخاصة بك. وبالتالي ، قم فقط بتضمين أفضل المشاريع وأكثرها تميزًا لتمثيل مجموعة المهارات الخاصة بك بشكل جيد. ونصيحة يفضل يحتوي كل عمل لديك على: وصف قصير . اشرح بإيجاز اسم الموقع والغرض منه. الخلفية . راجع عملية البرمجة والأدوات المستخدمة في المشاريع. التمثيل المرئي . أضف لقطات شاشة أو مقاطع فيديو للمنتجات النهائية. إذا أمكن ، قم بتضمين روابط إلى مواقع الويب الفعلية. تذكر أن المشاريع لا يجب أن تكون دائمًا معقدة - قد يكون موقع الصفحة الواحدة كافيًا لعرض مهاراتك

السلام عليكم و رحمة الله و بركاته , انا استخدم node.js مع express و mongoose و لدي استفسار بخصوص ال callback و ال ()then. , بحسب علمي ال ()then. تستخدم مع الوعود أو ال await , ولكن رأيت مطور يستخدم ال ()then. و ال callback سويًا كما في المثال التالي : let totalDocs = 0 model.countDocuments({}, (err, total) => { // <--- callback }).then((response) => { // <-- .then() totalDocs = parseInt(response) model.find({}, {}, skip_and_limit, (err, events) => { let chunk = [] let chunkSize = 3 for (let i = 0; i < events.length; i += chunkSize) { chunk.push(events.slice(i, chunkSize + i)) } res.render('event/index', { chunk: chunk, message: req.flash('info'), total: parseInt(totalDocs), pageNo: pageNo }) }) هل هذه الطريقة صحيحة أم لا ؟ و إذا لا ماذا يفضل أن استخدم في المثال السابق ؟ و شكرًا لكم

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

ال Redux-saga هي مجرد برمجية وسيطة (middleware) تتعامل مع المنطق غير المتزامن بشكل أفضل. إذا كان لديك تطبيق واسع النطاق ، يُفضل redux-saga على redux-saga . redux-thunk يجعل ال testing أسهل. لذلك ال redux saga ليس مثل redux toolkit إنما هي مجرد redux toolkit ويمكنك استخدامها مع redux toolkit في النفس المشروع كالتالي قم بإضافتها أولاً import { all } from "redux-saga/effects"; import { firstSaga } from "./firstSaga"; export default function* rootSaga() { yield all([...firstSaga]); } ثم يمكنك استخدام ال redux saga كالتالي import { configureStore } from "@reduxjs/toolkit"; import createSagaMiddleware from "redux-saga"; import rootSaga from "./rootSaga"; const sagaMiddleware = createSagaMiddleware(); const store = configureStore({ reducer: { movie: MovieReducer, }, middleware: (getDefaultMiddleware) => // adding the saga middleware here getDefaultMiddleware().concat(sagaMiddleware), }); sagaMiddleware.run(rootSaga); export default store;

السلام عليكم في تطبيق لارافل اريد ارسال استمارة بيانات الى قاعدة البيانات واريد تقسيمها الى مراحل اثناء ملئها مرحلة بعدها مرحلة ..الخ بحيث في الاخير يتم حفظ بيانات الاستمارة الى قاعدة البيانات شكرا لكم

يمكنك تقسيم إرسال البيانات إلى عدة مسارات، يُخزن كل منها جزء بيانات الاستمارة في تلك المرحلة ضمن بيانات الجلسة session للمستخدم، وفي المرحلة الأخيرة يمكن استخراج تلك البيانات من الجلسة وإرسالها إلى قاعدة البيانات، حيث تُعرف لكل خطوة مسار لعرض استمارة form تلك الخطوة ومسار إرسال البيانات لها، بشكل مشابه للتالي: // الخطوة الأولى Route::get('step-one', ...)->name('step.one'); Route::post('step-one', ...); ... // خطوات إضافية // الخطوة الأخيرة Route::get('step-final', ...)->name('step.final'); Route::post('step-final', ...); وفي متحكم كل خطوة نستخرج البيانات الخاصة بها من الطلب ونخزنها ضمن الجلسة بشكل مشابه للتالي: public function index() { // عرض نموذج الخطوة return view('steps.one',...); } public function store(Request $request) { // استخراج البيانات الخطوة $data = $request->validate([...]); // تخزينها ضمن الجلسة $request->session()->put('data', $data) // إعادة التوجيه إلى الخطوة التالية return redirect()->route('step.two'); } وفي تابع تخزين بيانات آخر خطوة يمكنك استخراج بيانات الخطوات السابقة ثم تخزينها في قاعدة البيانات: public function store(Request $request) { // استخراج البيانات الخطوة الأخيرة $data = $request->validate([...]); // استخراج بيانات الخطوات السابقة $step_one_data = $request->session()->get('step-one-data'); $step_one_data = $request->session()->get('step-two-data'); ... // تخزين البيانات Model::create(...); // (اختياري) مسح البيانات المخزنة بعد نجاح العملية كاملةً $request->session()->forget('step-one-data'); $request->session()->forget('step-two-data'); // نجاح الخطوات كاملة .. }

يوجد أضافة للمتصفحات يمكنك من خلالها متابعى أخر الأخبار في عالم البرمجة وهي Daily.dev. وتعمل بشكل بسيط فقط في كل مرة تفتح فيها نافذة جديدة في المتصفح سوف تفتح لك هذه الإضافة أخر أخبار في عالم البرمجة. ومن مميزات هذه الإضافة انه يمكنك تخصيصها لمتابعة الموضوعات التي تهمك مثل لغة برمجة معينة أو حتي إطار عمل معين. وهذا نقاش جميل فيما يخص موضوع الخوف من الذكاء الإصطناعي. https://io.hsoub.com/culture/18709-لماذا-لا-يهتم-الكثير-من-البشر-الى-العواقب-المترتبة-على-الذكاء-الاصطناعي-الخارق

إضافة للمواقع الموجودة في التعليقات السابقة يمكنك متابعة المواقع التالية أكاديمية حسوب قسم البرمجة المجتمعات البرمجية على حسوب I/O موقع medium موقع div css tricks لمتابعة أخبار ال css smashing magazine تهتم بجميع الأخبار الخاصة بالويب ويمكنك متابعة شخصيات مهمة في مجال الويب مثل Ahmed Shadeed والعديد من الشخصيات الأخرى المهتمة بمجال الويب عموماً