Hessen Nasser

وعليكم السلام ورحمة الله وبركاته، يجب أن أشير إلى أن فهم طرق كتابة وفهم رموز API JSON والاستفادة من طرق GET و POST هو ضروري إذا كنت ترغب في العمل مع API وتطوير التطبيقات أو الخدمات التي تعتمد على الاتصال بالخوادم وتبادل البيانات. إليك بعض النقاط التي يمكن أن تساعدك في فهمها وتعلمها بشكل أفضل: JSON (JavaScript Object Notation) هو تنسيق بيانات شائع يستخدم في تبادل البيانات بين الخوادم والعملاء. يستخدم غالبًا في API لتنسيق البيانات التي يتم إرجاعها أو إرسالها. GET و POST هما طرق لارسال طلبات HTTP من العميل إلى الخادم. GET يستخدم لاسترداد بيانات من الخادم، في حين أن POST يستخدم لإرسال بيانات جديدة إلى الخادم. يتعين عليك فهم كيفية بناء وتحليل طلبات واستجابات API بتنسيق JSON. يعني هذا فهم هيكلية البيانات وطرق الوصول إلى المفاتيح والقيم في الكائنات والمصفوفات داخل JSON. قد تحتاج أيضًا إلى فهم مفهوم عناوين URL والمعلمات ورؤوس الطلب والاستجابة في بروتوكول HTTP. يتعلق ذلك بكيفية تشكيل عناوين URL وإرسال المعلومات ضمن الطلبات واستلام البيانات من الخادم. بالمجمل، ينصح بأن يتعمق الشخص في فهم وتعلم هذه الأمور إذا كان يرغب في تطوير تطبيقات تعتمد على استخدام واستدعاء API. ومع ممارستك وتجربتك، ستصبح الأمور أسهل وأكثر وضوحًا بالنسبة لك. اليك بعض المصادر يمكنك فيها البدء في تعلم هذه المواضيع تعلم JSON - جافاسكربت - أكاديمية حسوب مدخل إلى الواجهات البرمجية API - مقالات برمجة عامة - أكاديمية حسوب

في Laravel، هناك نظام مصمم لإدارة المصادقة والهوية للمستخدمين. وتُستخدم الوظيفتين auth()->user() و Auth::user() للوصول إلى الكائن الممثل للمستخدم المصادق عليه في تطبيق Laravel. الفرق الرئيسي بينهما هو الشكل الذي يتم استخدامه للوصول إلى الكائن. auth()->user(): هذا الاستخدام يعد هو الأحدث في Laravel ويستخدم الوظيفة المساعدة auth() التي توفر واجهة مريحة للوصول إلى ميزات المصادقة. عن طريق استدعاء auth()->user()، يتم إرجاع الكائن الممثل للمستخدم المصادق عليه حاليًا. يعتبر هذا الشكل هو الأكثر شيوعًا ومستخدمًا بشكل شائع في تطبيقات Laravel. Auth::user(): هذا الشكل يعود إلى الإصدارات السابقة من Laravel ويستخدم واجهة Auth المتاحة من الإصدارات السابقة. عن طريق استدعاء Auth::user()، يتم إرجاع الكائن الممثل للمستخدم المصادق عليه حاليًا. هذا الشكل لا يزال مدعومًا في Laravel حتى الآن لدعم التوافقية مع الرموز القديمة. في الواقع، كلا الشكلين يعودان إلى نفس الكود الداخلي ويقومان بنفس الوظيفة، ولكن auth()->user() هو الشكل الموصى به حاليًا بواسطة Laravel ويستخدم أكثر شيوعًا في تطبيقات Laravel الحديثة.

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

لرفع مشاريعك على موقع GitHub، يمكنك اتباع الخطوات التالية: قم بإنشاء حساب على موقع GitHub إذا لم يكن لديك حساب بالفعل. يمكنك استخدام عنوان بريد إلكتروني صالح واختيار كلمة مرور قوية لحماية حسابك. بمجرد تسجيل الدخول إلى حسابك على GitHub، اضغط على زر "New" (جديد) في الصفحة الرئيسية للموقع. ستظهر لك صفحة "Create a new repository" (إنشاء مستودع جديد). قم بإدخال اسم المشروع في حقل "Repository name" (اسم المستودع)، واختيار الوصف الذي يصف المشروع في حقل "Description" (الوصف). يمكنك تحديد الخيارات الأخرى وفقًا لاحتياجاتك، مثل الإعدادات المتقدمة وخيارات التتبع والتعليق. بعد إكمال إعدادات المستودع، اضغط على زر "Create repository" (إنشاء المستودع). الآن، يتم إنشاء مستودع فارغ على GitHub. يمكنك إضافة الملفات إلى المستودع عن طريق استخدام واجهة سطر الأوامر الخاصة بـ Git أو من خلال واجهة المستخدم على الموقع. إذا كنت ترغب في استخدام واجهة سطر الأوامر، قم بتثبيت Git على جهاز الكمبيوتر الخاص بك، واستخدم الأوامر اللازمة لإضافة الملفات، وتنفيذ عمليات الإضافة والتعهيد (commit) والدفع (push) إلى المستودع البعيد على GitHub. بالنسبة لواجهة المستخدم على الموقع، يمكنك استخدام خيار "Upload files" (تحميل الملفات) لتحميل الملفات المحلية مباشرة إلى المستودع على GitHub. بمجرد رفع الملفات إلى المستودع البعيد على GitHub، يمكنك الوصول إلى المشروع الخاص بك عبر الرابط الذي يحتوي على اسم المستودع.

يمكنك تحقيق هذه الفكرة باستخدام خاصية التحويل (transform) في CSS. تستخدم هذه الخاصية لتطبيق تأثير الدوران على زر أو أيقونة بسهولة. أولاً، قم بتطبيق التنسيق المناسب لزر القائمة، مثل تحديد الألوان والحجم. ثم قم بإضافة الخاصية التالية: .icon { transform: rotate(0deg); } .icon.active { transform: rotate(90deg); transition: all 0.3s; /* المدة التي يستغرقها الزر للانتقال بين الحالتين */ } بهذا الشكل، عند إضافة الصنف (class) "active" إلى الأيقونة، ستدور الأيقونة بزاوية 90 درجة بشكل سلس وبمدة تستغرق 0.3 ثانية. لتحقيق ذلك، يمكنك استخدام JavaScript عند النقر على الأيقونة. يكون الكود كالتالي: const icon = document.queryselector(".icon"); icon.addEventListner(("click") ,() => { icon.classList.toggle("active"); // عند وجود class "active" سيتم ازالته والا سيتم اضافته }) بهذا الشكل، عند النقر على الأيقونة، سيتم إضافة أو إزالة الصنف (class) "active" من الأيقونة، مما يتسبب في تدويرها وفقًا للتأثير المحدد في CSS.

لوضع الأيقونات بشكل سطري مع الشعار في ال CSS، يمكنك استخدام تقنية Flexbox أو تقنية Grid. هنا هي الخطوات التي يمكن اتباعها لتحقيق ذلك: سوف نقوم باستخدام تقنية Flexbox قبل اي شيء يجب ان تقوم بجعل عنصر الصوره وعنصر القائمة منفصلين واليك الكود الجديد <div class="nav-left"> <img src="facebook-logo.jpg" alt="logo"> <ol> <li><i class="fa-regular fa-bell"></i></li> <li><i class="fa-regular fa-inbox"></i></li> <li><i class="fa-solid fa-video"></i></li> </ol> </div> ثم تقوم بتفعيل Flexbox علي العنصر الاب وهو العنصر الذي يحتوي علي class = "nav-left" كالتالي .nav-left{ display: flex; align-items: center; justify-content: space-betweem; } حاليا سيظهر لك الصوره في جانب الصفحه وقائمة الروابط في الجانب الاخر من الصفحه الخطوه التاليه هي تنسيق قائمة الروابط ايضا بتقنية Flexbox كالتالي .nav-left ol{ display: flex; align-items: center; justify-content: space-betweem; gap: 10px; // لعمل مسافه بين عناصر قائمة الروابط } استخدام خاصية Flexbox امر بسيط ولكن مهم جدا لانشاء مواقع متجاوبة مع الشاشات المختلفه انصحك باتقانه جدا وبامكانك قراءة هذه المواضيع المختلفه ليتشكل لديك فهم واسع عن طريقة استخدام هذه الخاصية https://academy.hsoub.com/programming/css/أساسيات-flexbox-في-css-مع-أمثلة-عملية-r183/

هناك عدة أسباب محتملة لعدم تخزين التوكن بشكل صحيح بعد رفع مشروعك على استضافة مختلفة. يمكنك مراجعة النقاط التالية لحل المشكلة: التحقق من إعدادات ملف .env: تأكد من أنك قمت بتعديل روابط قاعدة البيانات وإعدادات الاستضافة الجديدة في ملف .env الخاص بتطبيق Laravel. تأكد من صحة المعلومات المتعلقة بالتخزين وقاعدة البيانات وأنها تتوافق مع إعدادات الاستضافة الجديدة. التحقق من إعدادات الاستضافة الجديدة: تحقق من أن استضافة Laravel واستضافة React قد تم تكوينهما بشكل صحيح وفقًا للمتطلبات اللازمة لتخزين التوكنات. تحقق من الإعدادات اللازمة في استضافة Laravel للسماح بتخزين واستعادة التوكنات بشكل صحيح. التحقق من إعدادات التحقق في Laravel: تأكد من أنك قمت بتحديث إعدادات التحقق والمصادقة في Laravel بشكل صحيح. تحقق من استخدام جلسات Laravel وأن التطبيق مُعين لتخزين التوكنات بشكل صحيح في الجلسة. التحقق من إعدادات الاستضافة: تحقق من الإعدادات الخاصة بالاستضافة الجديدة. قد تحتاج إلى إعدادات خاصة للسماح بتخزين التوكنات. تواصل مع مزود الاستضافة للتأكد من أن الإعدادات اللازمة مُفعّلة ومسموح بها لتخزين التوكنات. فحص أخطاء السجل: تحقق من ملفات السجل (logs) في Laravel للبحث عن أي أخطاء أو رسائل تحذير توضح المشكلة. يمكن أن تزودك هذه السجلات بمعلومات إضافية حول مشكلة عدم تخزين التوكن. تحقق من تكوين تطبيق React: تأكد من أنك تنفذ طرق الاسترجاع والحفظ للتوكنات بشكل صحيح في تطبيق React الخاص بك. تحقق من كيفية الوصول إلى توكنات المستخدم في طرفية العميل (client-side) والتأكد من نقلها وتخزينها بشكل صحيح. إذا استمرت المشكلة، يفضل التواصل مع دعم الاستضافة الخاصة بك أو فريق دعم Laravel للحصول على مساعدة إضافية ودعم تقني لتشخيص وحل المشكلة بشكل دقيق.

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