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

السلام عليكم هل كورس تطوير واجهات المستخدم هو خاص فقط ب Frontend صحيح؟ و frontend هي فقط المنظر الأمامي فقط صحيح؟ ولغتها الخاصة هي مثل (html, CSS, JS, bootstrap, jQuery) أما ال Backend هي الخاصة بمثلا تأكيد تسجيل الدخول وعمليات الدفع الحقيقة وما الى ذلك صحيح؟ ومن لغتها هي (PHP, Node.js, MySQL) ، اليس كذلك؟

اريد معرفة مواقع حل مشكلات وبعض المشاريع البسيطة لتطبيق المفاهيم والاساسيات عليها

السلام عليكم هل يتم تطبيق flex فقط في الكونتينر ؟ ام يتم اضافة المزيد من الخصائص في الابناء؟

كيف احفظ بيانات قادمه من node.js backend من مكتبه passport الي cookies frontend تلقائي بدون اي function في الفرونت

من خلال الإعتماد على middleware passport.session() لحفظ البيانات من backend إلى cookies في frontend تلقائيًا.، وذلك الوسيط middleware يستخدم مكتبة cookie-session لإنشاء وإدارة جلسات المستخدم. وللاستخدام، أضف passport.session() إلى middleware chain الخاص بك: app.use(passport.session()); ثم، يمكنك استخدام استراتيجية Passport الخاصة بك لحفظ البيانات في الجلسة، مثلا في حال كنت تستخدم استراتيجية passport.local()، تستطيع حفظ اسم المستخدم وكلمة المرور في الجلسة باستخدام الكود التالي: passport.use(new LocalStrategy((username, password, done) => { // Check the username and password against the database if (username === 'kerlos' && password === 'secret') { // The user is authenticated done(null, user); } else { // The user is not authenticated done(new Error('Invalid username or password')); } })); بمجرد حفظ البيانات في الجلسة، سيتم إرجاعها إلى frontend تلقائيًا. وبإمكانك الوصول إلى البيانات باستخدام middleware cookie-parser()، ومثلاً للحصول على على اسم المستخدم نستخدم التالي: const username = req.cookies.username; وباستطاعتك أيضًا استخدام middleware cookie-parser() لإزالة البيانات من الجلسة، فلتسجيل خروج المستخدم، استخدم الكود التالي: req.session.destroy(); وإليك مثال كامل: const express = require('express'); const passport = require('passport'); const cookieSession = require('cookie-session'); // Create an Express app const app = express(); // Configure passport app.use(passport.initialize()); app.use(passport.session({ secret: 'secret', })); // Define a route that requires authentication app.get('/protected', passport.authenticate('local'), (req, res) => { // The user is authenticated res.send('Hello, ' + req.user.username); }); // Define a route that logs the user in app.post('/login', (req, res) => { // Check the username and password against the database if (req.body.username === 'johndoe' && req.body.password === 'secret') { // The user is authenticated passport.authenticate('local')(req, res, () => { res.redirect('/protected'); }); } else { // The user is not authenticated res.send('Invalid username or password'); } }); // Define a route that logs the user out app.get('/logout', (req, res) => { // Invalidate the user's session req.session.destroy(); res.redirect('/'); }); // Start the app app.listen(3000, () => { console.log('App listening on port 3000'); });

كيف ممكن أدفع باستخدام باي بال ؟ هنا غير متاح الا عن طريق البطاقة الائتمانية

hy.lnk

انا عندي خلفية وصورة شبه واضحة عن البرمجة هل يمكنني تخطي (تعلم سكراتش)فانا لا اري فيها الفائدة التي اريدها

ان منزل صورة بالخطا بس مش عارف هي مش ظاهرة لحضرتك ولا ايه

السلام عليكم ،لم أفهم ماعلامت النجمة التي تكون قرب بعض الدروس في html ؟

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

السلام عليكم بدايه هذا السؤال طرحته اكثر من مره وانا ابحث ولا اجد الحل حللت بعض المشاكل ولكن لازالت المشكله الاكثر غرابه هي عدم عمل الصنف noTransparent الذي وضعته باستخدام js قمت بمسح الكود واخذته كوبي من مشروع اخر وام يعمل مع ذلك ثانيا الخاصيه data-bs-spy التي من المفروض ان تجعل الانتقال بين عناصر nav سلس لا تعمل وعندما طرحت هذا السؤال قال لي المدرب لم تكتب شيفره جافا اي شيفره انا تابعت الدرس ولم يستعمل المدرب غير data-bs-spy لتنفيذ ذلك وعندما بحثت وجدت شيفره جافا ولم تعمل جيدا حيث تنتقل الي اماكن غير صحيحه. ارجو ان يكون الرد واضحا عل الاسئلة حيث انه يتم الرد هنا مره ولا استطيع ان اكمل ردي عل المدرب ويجب عل نشر السؤال مره اخري salient.zip

سبب المشكلتين معاً هو الخاصية overflow-x : hidden المطبقة على body حيث أن هذه الخاصية تجعل الموقع غير قابل لل scroll من ناحية الجافاسكريبت إذاً الكود التالي لا يتم تنفيذه $(window).scroll(function () { if ($(this).scrollTop() >= 400) { $("#navbar").addClass("noTransparent"); } else { $("#navbar").removeClass("noTransparent"); } }); لذلك عند حذف الخاصية overflow-x : hidden من ال body html, body { overflow-x: hidden; /* احذف هذا السطر*/ padding: 0; margin: 0; width: 100%; height: 100%; } وستظهر لديك مشكلة ظهور ال scrollbar ولإخفاءه قم بتطبيق الخاصية overflow-x : hidden على ال html كمايلي html{ overflow-x: hidden; } بعد هذه التعديلات سيتم حل المشكلتين معاً

نعم، دورة تطوير واجهات المستخدم تركز بشكل أساسي على الجانب الأمامي لتطوير الواجهة، وبالتالي فهي دورة متخصصة في الـ Frontend. الـ Frontend هو المسؤول عن تحويل التصميمات والأفكار إلى صفحات واجهة مستخدم فعلية، و يستخدم لغات مثل HTML وCSS وJavaScript. كما يمكن استخدام أدوات ومكتبات مثل Bootstrap وjQuery لتسهيل عملية تطوير الواجهة. أما الـ Backend فهو المسؤول عن المنطق والعمليات التي تتطلب تعاملًا مع قواعد البيانات وعمليات المصادقة (مثل تسجيل الدخول) والمزيد. نعم, يمكن استخدام لغات مثل PHP وNode.js وقواعد بيانات مثل MySQL في تطوير الـ Backend. بشكل عام، يعمل الـ Frontend على تجسيد التصميمات وإظهارها للمستخدم، بينما يتيح الـ Backend التواصل مع الخوادم وإجراء العمليات والمعاملات الخلفية.

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

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

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

أنصحك بالإعتماد على استضافة Vercel فهى الأفضل للمشاريع الخاصة بـ React و Next.js، وخطوات رفع المشروع مشابهة للاستضافات التي قمت باستخدامها، عليك بإضافة مستودع المشروع ثم إضافة متغيرات البيئة وإضافة قاعدة بيانات Postgres لو توفرت في مشروعك. وستجد المزيد من التفصيل في المستند الرسمي أو يمكنك مشاهدة فيديو على اليوتيوب: https://vercel.com/docs/getting-started-with-vercel/import

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