Emad Saif

أحاول أن أقوم بإرسال رسالة بريد إلكرتوني من خلال الكود التالي: Mail::send('emails.first_welcome', array(), function($email) use ($request){ $email->to($request->email)->subject('Hello'); }); إذا ظهرت الأخطاء الكود السابق، أود أن أتمكن تشغيل جملة catch. لذلك قمت بإستعمال try .. catch كما يلي: try{ Mail::send('emails.first_welcome', array(), function($email) use ($request){ $email->to($request->email)->subject('Hello'); }); } catch(Exception $e){ // لا يعمل أبدًا } المشكلة هنا أن catch لا تعمل على الإطلاق، قمت بتجربة بريد إلكتروني غير صحيح، وأخطاء كثيرة ومتعددة، ولكن في كل مرة يظهر الخطأ (أي أن catch لا تعمل على الإطلاق). ما الخطأ هنا؟ وكيف أقوم بحل هذه المشكلة؟

في لارافيل Laravel يمكن عمل authentication للمستخدمين الموجودين في الجدول users، ولكن لدي جدول باسم admins ويحتوي على مجموعة من المستخدمين، وأريد أن أقوم بعمل authentication لأحد المستخدمين من هذا الجدول. فكرت في عمل AuthServiceProvider خاص بي لكي أتمكن من هذا الأمر، ولكن لا أعرف من أين أبدأ أو كيف أقوم بعمله. كيف أقوم بعمل authentication للمستخدمين الموجودين في جدول مختلف عن users في لارافيل Laravel؟

لدي مشروع لارافيل Laravel كبير نوعًا، واريد أن أقوم بتخزين كل إستعلامات SQL التي تتم في التطبيق لكي أقوم بتحليلها ومحاولة تحسينها أكثر. هل يوفر لارافيل Laravel إمكانية للقيام بهذا الأمر؟ أو هل توجد حزمة تساعد على تخزين إستعلامات SQL التي يتم تنفيذها في التطبيق؟

أحاول بناء مشروع يستعمل RESTful API وأحصل على الطلب request التالي: { "api_key" :"123456789", "tags" : "laravel,php", "posts": [ { "title":"post 1 title", "content":"some long content here ...", "additional_tags":"logic,programming" }, { "title":"post 2 title", "content":"some long content here ...", "additional_tags":"logic,programming" }, { "title":"post 3 title", "content":"some long content here ...", "additional_tags":"logic,programming" }, ] } يمكنني التحقق من أغلب عناصر الطلب السابق: [ 'api_key' => 'required|integer', 'tags' => 'required', // ... ] لكن لا أعرف كيف أضع قواعد rules للتحقق من الحقول title و content و additional_tags، حيث لا أعرف طريقة لتحديد الحقول من داخل مصفوفة. كيف يمكنني تحديد الحقل title على سبيل المثال في كل منشور من المصفوفة posts؟

قمت بتحديث أحد مشاريعي القديمة من لارافيل Laravel الإصدار 6 إلى الإصدار 8 لتجربة المميزات الجديدة، ولكن عندما حاولت أن أستعمل ميزة factories الجديدة لتوليد البيانات في نموذج Model قاعدة البيانات ظهر لي الخطأ التالي: PHP Error: Class 'Database/Factories/ProfileFactory' not found in ... لم أفهم سبب المشكلة، بالرغم من أن الكود سليم ولا أرى به مشكلة: <?php namespace Database\Factories; use App\Profile; use Illuminate\Database\Eloquent\Factories\Factory; use Illuminate\Support\Str; class ProfileFactory extends Factory { /** * The name of the factory's corresponding model. * * @var string */ protected $model = Profile::class; /** * Define the model's default state. * * @return array */ public function definition() { return [ 'name' => "testing" ]; } } كود النموذج Profile: <?php namespace App; use Database\Factories\ProfileFactory; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class Profile extends Model { use HasFactory; } ما سبب المشكلة هنا؟ وكيف أصلح هذا الخطأ في لارافيل Laravel؟

لدي نموذج model يحتوي على حقل field من نوع Date وأريد أن أغير صيغة التاريخ من الصيغة الإفتراضية في لارافيل Laravel إلى m/d/Y على سبيل المثال ولكن عندما بحثت عن كيفية القيام بهذا الأمر لم أجد شيء مفيد، ما الطريقة التي يجب إستخدامها لتغير صيغة التاريخ في لارافيل Laravel؟

أحاول أن أتعلم المزيد من الأشياء عن لارافيل Laravel وفكرت في تحميل مشاريع مفتوحة المصدر للتعلم منها وقراءة أكواد جديدة، ولكن في كل مرة أقوم بتحميل مشروع ما وأقوم بتشغيله من خلال الأمر: php artisan serve يظهر لي الخطأ التالي: Warning: require(C:\laragon\www\basic-blog\bootstrap/../vendor/autoload.php): failed to open stream: No such file or directory in C:\laragon\www\basic-blog\bootstrap\autoload.php on line 17 Fatal error: require(): Failed opening required 'C:\laragon\www\basic-blog\bootstrap/../vendor/autoload.php' (include_path='.;C:\laragon\etc\php\PEAR') in C:\laragon\www\basic-blog\bootstrap\autoload.php on line 17 لم أفهم سبب الخطأ، وتأكدت من تحميل ملفات المشروع بشكل كامل. ما هي خطوات تشغيل مشروع لارافيل Laravel بعد تحميله من GitHub بشكل سليم؟

قمت بعمل شريط تنقل navbar وأربد أن أضيف الصنف active على الرابط الخاص بالصفحة الحالية: <li class="{{-- أريد إضافة الصنف active هنا إذا كان عنوان الصفحة هو /posts --}}"> <a href="{{ url('posts.index') }}" > {{ $config->website_name }} </a> </li> كيف يمكنني معرفة الرابط الذي زاره المستخدم لأقوم بالتحقق مما إذا كان هو posts/ أم لا، بحيث أقوم بعمل شرط لإضافة الصنف active في لارافيل؟

قمت بعمل مشروع لارافيل Laravel جديد لعمل مدونة بسيطة وعندما حاولت عرض ترقيم للصفحات والمنشورات لم يعمل الترقيم وكان يظهر بدون تنسيق style قمت بكتابة الكود التالي: @foreach ($posts as $post) <div class="col-md-4 mb-4"> <div class="row"> <div class="card mb-4"> <div class="card-header"> {{ $post->title }} </div> <div class="card-body"> {{ $post->body }} </div> <div class="card-footer"> {{ $post->created_at->diffForHumans() }} </div> </div> </div> </div> @endforeach <!-- من المفترض أن يظهر الترقيم هنا--> <div class="d-felx justify-content-center"> {{ $posts->links() }} </div> وقمت بالتأكد من إستخدام التابع paginate في المتحكم controller على النحو التالي: public function index() { $posts = Posts::latest()->paginate(10); return view('post.index', compact('posts')); } ما هي المشكلة هنا، وكيف أقوم بحلها؟ لدي لارافيل الإصدار 8

أحاول أن أقوم بإضافة ميزة تعدد اللغات في أحد المشاريع الخاصة بي، وفي جزئية معينة أريد أن أستخدم متغير داخل النص المترجم، على النحو التالي: trans('confirm', [ 'Emad', 'email address' ]); حاولت إستخدام النص التالي في أحد ملفات الترجمة، ولكن يبدو أنه لا يعمل: // lang/en/alerts.php 'confirm' => 'Hello, %1, Please confirm your %2' ما هي الطريقة الصحيحة لكي أستخدم المعاملات Parameters داخل نصوص الترجمة في لارافيل Laravel؟

عندما بدأت بتعلم React سمعت عن مكتبة Redux وأنه يمكن إستعمالها لإدارة الحالة State Management ولكن لم أفهم الفرق بينها وبين Context API خصوصًا أن هذا الأخير موجود مسبقًا في React ولا يحتاج إلى تثبيت وسهل التعلم. لذلك كنت أتسأل عن الفرق بين Redux و Context API في React؟ ومتى أستعمل كلًا منهما؟

عندي مشروع React جديد وبه إعدادات eslint ، لكني أريد إيقاف هذه الميزة من العمل عندما أقوم بتشغيل التطبيق من خلال react-scripts start. لا يمكن إستعمال eslint-disable لأنني أريد إيقاف الإضافة بالكامل. كيف يمكن أيقاف eslint في مشروع React؟

أحاول أن أقوم بتشغيل مشروع قديم خاص بي من خلال الأمر التالي: > react-native run-android info Running jetifier to migrate libraries to AndroidX". You can disable it using "--no-jetifier" flag. Jetifier found 855 file(s) to forward-jetify. Using 4 workers... info Starting JS server..." المشكلة أن الأمر يعمل في البداية ثم يظل بدون نتيجة هكذا بدون تشغيل التطبيق على محاكي الأندرويد أو فعل أي شيء آخر. حاولت أكثر من مرة أن أجرب هذا الأمر ولكن لم أنجح في تشغيل المشروع حتى الآن، كيف أحل هذه المشكلة؟

أحاول أن أقوم بالحصول على النص الموجود في TextInput من خلال إستخدام الحدث onBlur على النحو التالي: onBlur={(e) => console.log(e.target.value)} لكن المشكلة هنا هي أن القيمة e.target.value عبارة عن undefined من المفترض أن هذا الكود يعمل بشكل سليم في React.js ولكن في React Native لا يعمل على الإطلاق ويتم إعادة undefined، ما سبب المشكلة هنا؟ وكيف أقوم بحلها؟

لدي بعض صور svg محليًا وأود استخدامها في مشروع React Native الخاص بي. كيف يمكنني إستدعاء هذه الصور وإستخدامها في React native، حيث أحتاج أن أقوم بتغير ألوان هذه الصور بعد ذلك من خلال CSS على سبيل المثال. هل يمكن عمل هذا الأمر في React Native؟

أحاول أن أقوم بعرض عنصر tr لعشر مرات في جدول table ، لذلك قمت بكتابة for loop وتقوم هذه الحلقة بإضافة العناصر في متغير في شكل مصفوفة var cells = []; for (var i = 0; i < 10; i++) { cells.push(<tr><td>{i}</td></tr>); } ثم أستعمل map لعرض هذه المصفوفة في الصفحة، المشكلة أني أكتب الكثير من الأكواد غير الضرورية ولا يمكن إستعمال for داخل JSX هل توجد طريقة أفضل لعرض مكون محدد لعدد من المرات بحيث يتم إستعمال jsx فقط؟

لدي مشروع كنت أعمل عليه منذ عدة شهور، وتوقفت عن العمل عليه فترة طويل، والآن أريد أن أقوم بتحديثه إلى أحدث إصدار من React Native، لأحصل على آخر المميزات والإصلاحات. كيف أقوم بتحديث المشروع بشكل صحيح؟

لدي مكون بسيط في React وأريد أن أقوم بعرضه في الصفحة، لكني أريد أن أعرف طوله وعرضه قبل أن أقوم بعرضه (أي قبل أن يتم عمل render للمكون)، بحيث أستعمل هذه الأبعاد في بعض العمليات الحسابية بعد ذلك. فكرت في إستخدام useRef، ولكن لم أعرف كيف أستخدمها في هذه الحالة. هل توجد طريقة تمكنني من معرفة الطول والعرض للعنصر قبل عرضه؟

لدي مصفوفة موجودة في state وأريد أن أقوم بعرض عناصر هذه المصفوفة داخل عناصر <li>، لذلك قمت بكتابة الكود التالي: import * as React from 'react'; export default function App() { const [elements, setElements] = React.useState([1,2,3,4,5]); return ( <div> <ul> { elements.map(function(item, i){ console.log(item); <li>{item}</li> }) } </ul> </div> ) } المشكلة هنا هي أنه يتم طباعة الأرقام في الـ console ولكن لا تظهر عناصر li في الصفحة. ما المشكلة هنا؟ وكيف أقوم بحلها؟

إذا قمت بعمل ScrollView يعمل التطبيق بشكل ممتاز ويمكن للمستخدم أن يقوم بالتمرير Scroll إلى الأسفل والأعلى بدون مشكلة: return( <ScrollView> <Text>Some Contgent</Text> <Text>Some Contgent</Text> <Text>Some Contgent</Text> <Text>Some Contgent</Text> <Text>Some Contgent</Text> <Text>Some Contgent</Text> <Text>Some Contgent</Text> <Text>Some Contgent</Text> {/* ... */} </ScrollView> ); لكن تظهر لي مشكلة إن قمت بإضافة المكون ScrollView داخل مكون View: return( <View> <ScrollView> <Text>Some Contgent</Text> <Text>Some Contgent</Text> <Text>Some Contgent</Text> <Text>Some Contgent</Text> <Text>Some Contgent</Text> <Text>Some Contgent</Text> <Text>Some Contgent</Text> <Text>Some Contgent</Text> {/* ... */} </ScrollView> </View> ); حينها لا يمكن للمستخدم أن يقوم بالتمرير إلى الأسفل على الإطلاق، هل يوجد حل لهذه المشكلة في React Native؟

أريد أن أقوم بعرض Alert يعرض رسالة "هل تريد الخروج من التطبيق؟" ويحتوي على الأزرار "نعم"، و"لا" ، لكن المشكلة هي أني أريد عند الضغط على زر "نعم" يتم غلق التطبيق والخروج منه. كيف أقوم بإغلاق التطبيق في React Native؟

بدأت مؤخرًا بتعلم عمل تطبيقات للهواتف الذكية عبر React Native بسبب معرفتي السابقة بلغة JavaScript ولكن لدي سؤال بسيط وهو ما الفرق بين المكون ScrollView والمكون FlatList؟ ومتى أستعمل كل مكون منهما؟

لدي كائن يحتوي على تابعين method1 وmethod2 وأريد أن أقوم بإستدعاء التابع method2 من داخل method1، لذلك كتبت الكود التالي: var Obj = function(){ // ... } Obj.prototype.method1 = function(){ // ... method2(); // ... } Obj.prototype.method2 = function(){ console.log('execute method2'); } var o = new Obj(); o.method1(); لكن المشكلة هي عندما أقوم بتنفيذ الكود السابق يظهر لي الخطأ التالي: method2 is not defined ما سبب الخطأ هنا؟ وكيف أستدعي التابع method2 من داخل method1 بطريقة صحيح؟

أحاول أن أقوم بتغير favicon الافتراضية الخاصة بمشروع react جديد، ذلك قمت بإزالة الرابط الموجود في head في الملف index.html، ولكن المشكلة أنه لا يزال يتم عرض favicon في المتصفح، فهل هناك طريقة يمكن إزالتها أو تغييرها؟

أحاول أن أقوم بعمل صندوق لكتابة تعليق في مشروع React وقمت بكتابة الكود التالي: import React, { useState } from "react"; export default function CommentEditor() { const [value, setValue] = useState(''); return ( <div> <textarea value={value} onChange={(v)=>setValue(v)}></textarea> </div> ); } المشكلة الآن أن العنصر textarea يكون فارغ بشكل إفتراضي، ولكن عند محاولة كتابة أي شيء سظهر النص [object Object] داخل صندوق textarea، ولا يظهر أي خطأ في الـ console ما المشكلة في هذا الكود؟ وكيف أقوم بحل المشكلة؟