Yomna Raouf

بالإضافة إلى ما ذكره الزملاء. يوجد chrome extensions إضافات للمتصفح  يقوم باستخداها المطوريين و المصممين لقياس الأبعاد و المسافات في الصفحة. يمكنك أن تجد بعضًا منها هنا. و لكن عادةً نحن لا نقوم بالقياس بهذه الطريقة. 

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

هذا غير ممكن فالموقح له حقوق ملكية.

و لكن يمكنك تصميم موقع يحتوي الأفكار التي أعجبتك به دون أن تنسخ الموقع/القالب بشكل كامل.

بتاريخ 1 ساعة قال Ahmed Sawy:

جربتها ولم تنجح 

هل يمكنك أن تحذف السطر الأول و الأخير الموجود في  useEffect :

setLoading(true)
// و 
setLoading(false);

ثم نقوم بتعديل getNews لتصبح كما يلي:

// or 

cost getNews = () => {

  if (!News.length) {
    
    setLoading(true)
    // fetch code
    
  } else {
    
     setLoading(false)
    
  }
}

يوجد حل آخر أيضًا.

سنقوم بالاستغناء عن جملة useState الخاصة ب loading تمامًا ، ثمً:

<View>
  
  { !news.length ? (
   		<ActivityIndicator animating={true} />
   ): (
     < FlatList />
   )}
  
</View>

هنا نحن نحتاج لإيقاف ال spinner بعد أن يتم تحميل البيانات.

إذا من المفترض أن نقوم باستخدام 

;(setLoading(false

في نهاية الدالة ()getNews 

يمكنك الاطلاع على هذا المثال حتى تتعلم كيف نقوم بتمرير ال parameters إلى screen سابقة حيث أن الطريقة التي استخدمتها غير صالحة الآن.

حيث أننا أصبحنا نستخدم navigate بدلًا من ()goback.أيضًا يمكننا تمرير المعاملات باستخدام navigate 

function HomeScreen({ navigation, route }) {
  React.useEffect(() => {
    if (route.params?.post) {
      // Post updated, do something with `route.params.post`
      // For example, send the post to the server
    }
  }, [route.params?.post]);

  return (
    <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
      <Button
        title="Create post"
        onPress={() => navigation.navigate('CreatePost')}
      />
      <Text style={{ margin: 10 }}>Post: {route.params?.post}</Text>
    </View>
  );
}

function CreatePostScreen({ navigation, route }) {
  const [postText, setPostText] = React.useState('');

  return (
    <>
      <TextInput
        multiline
        placeholder="What's on your mind?"
        style={{ height: 200, padding: 10, backgroundColor: 'white' }}
        value={postText}
        onChangeText={setPostText}
      />
      <Button
        title="Done"
        onPress={() => {
          // Pass params back to home screen
          navigation.navigate('Home', { post: postText });
        }}
      />
    </>
  );
}

بتاريخ 9 ساعات قال ياسين عناية:

الرابط لا يعمل.

معذرةً.

تفضل الرابط https://github.com/alariva/tidiochat-laravel-5-package

يوجد package تسمى tidiochat-laravel-5-package يمكنك الاطلاع على طريقة استخدامها من هنا.

بتاريخ 8 ساعات قال Omar Gaming:

C:\Users\bms\Desktop\Html\blocks.html

كان يوجد لديك بعض الأخطاء البسيطة فقط:

// first_paragraf بدلًا من frist_paragraf قمت بكتابة 
#frist_paragraf {
  //  ; نسيت أن تضع علامة 
  // green بعد 
  //  : نسيت أن تضع علامة
  //  background-color بعد 
  color: green background-color brown;
}

التصحيح:

#first_paragraf {
  color: green;
  background-color: brown;
}

الملف بعد التعديل:blocks.html

إذا كان هذا السؤال متعلق بأحد دورات حسوب أرجو أن السؤال في تعليق أسفل الدرس في المرات القادمة. هذا القسم للأسئلة العامة.

شكرًا لك.

هل يمكنك أن تقوم بإرفاق ملفات المشروع الخاصة بك حتى نتمكن من مساعدتك بشكل أفضل؟

تطوير واجهات المستخدم لا يقتصر على بناء واجهات مواقع الويب فقط بل هي تشمل واجهات تطبيقات الجوال و تطبيقات سطح المكتب  كذلك أو حتى ال terminal . و لكلٍ منهم التقنيات الخاصة به. و لكن إذا كنت مطور JavaScript و تعلمت مكتبة React فإنه يمكنك بناء واجهات المستخدم لتطبيقات الجوال و تطبيقات سطح المكتب باستخدام نفس الأساسيات التي تستخدمها لتطوير واجهات الويب باستخدام مكتبات مثل react native لتطبيقات الجوال و react desktop لتطبيقات سطح المكتب "و لكن مكتبة electron أفضل" و غيرها.

لا لن تحتاج إلى رياضيات أو فيزياء لتعلم البرمجة أو حتى تصبح مطور تطبيقات هواتف.

التخصصات الوحيدة التي تحتاج للفيزياء و الرياضيات قي تعلم الآلة و الذكاء الاصطناعي و تطوير الألعاب.

و هذه مقالة شاملة ستتعرف من خلالها على الطرق التي تستطيع سلكها لتعلم البرمجة:

بتاريخ 9 ساعات قال freeuser freeuser:

كلما كانت تصاميم كثيرة كان ذلك أفضل

أعتقد أن المُطور كان يحتاج لتوضيح المزيد لك فيما يخص هذه الجملة.

بتاريخ 9 ساعات قال freeuser freeuser:

وكذلك هل يمكن تصميم واجهة المستخدم و تجربة المستخدم بشكل احترافي و تصميم الموقع بشكل عادي هل سيؤثر ؟؟ لأنني وجدت مصمم محترف جدا لكن متخصص ب ux/ui فقط .

تصميم تجربة المستخدم و واجهة المستخدم يعتبران تصميم الموقع. كل ما تحتاج له هو ui/ux designer.

بتاريخ 9 ساعات قال freeuser freeuser:

وعندما سينتهي المصمم من جميع التصاميم ماذا يجب أن يسلم لي من أزرار و لوغوهات و أيقونات ؟؟؟؟

في الحقيقة يوجد العديد من الملفات التي يفترض أن يقوم المصمم بتسليمك إياها "أعتقد أن هذه الملفات التي نصحك المطور بأنه كلما كانت أكثر كلما كان أفضل". حث أنه ليس جميع المصممين يقومون بتسليم جميع هذه الملفات فقط المصممين المحترفين و مرتفعي التكلفة هم من يقدمون هذه الملفات.

تفضل هذا المقال و هذا المقال أيضًا  فهم يحتويان على الملفات التي يجب أن تستلمها من المصمم مع شرح لكلً منها.

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

كما أن التركيز في لغة واحدة سيجعلك تصل لنتائج أسرع بإذن الله. أما تعلُّم اللغتين في نفس الوقت سيأتي بنتيجة عكسية و بعد وقت سسترك كلًا منهما.

أيضًا لا داعي للعجلة كثيرًا فسنُّك مازال صغيرًا و أمامك الكثير من الوقت لتتعلم. 

بالتوفيق.

مرحبًا عبد الواحد.

 يمكنك تعلم كل ما تريده عن تصميم قوالب البلوجر من خلال هذه  السلسلة التعليمية و إذا أردت استخدام bootstrap يمكنك متابعة هذه السلسلة التعليمية.

بتاريخ 9 ساعات قال عبد الواحد الحدادي:

ما هو المحرر الأفضل لمعاينة التصميم ؟

أما عن المُحرر. فيمنك استخدام أي محرر تفضله مثل vscode أو bracketcs أو أي محرر أكواد آخر.

بتاريخ 9 ساعات قال عبد الواحد الحدادي:

ما هي المهارات المتطلبة لكي أصمم قالب بلوجر ؟

المهارات التي تحتاجها هي نفس مهارات تصميم المواقع مثل html و css و غيرها

مرحبًا عبد الواحد.

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

بالتوفيق.

بتاريخ 10 ساعات قال Ghiath Alkhatib:

مشكورين وجدت حل
لكن لدي مشكلة بالحروف عربية

exports.details = (req, res, next) => {
    let postId = req.body.slug;
    Post.findOne(postId)
        .populate('author', 'name')
        .populate('comments.author', 'name')
        .then(post => {
            if (!post) throw createError(404);
            res.json(post);
        })
        .catch(next)
};

 

السبب في هذا هو أن هذه الحزمة لا تدعم الرموز الخاصة باللغة العربية.

لحل هذه المشكلة يمكنك استخدام الحزمة التالية arSlugify مع هذه الحزمة mongose-url-slugs.

و لكن أنصحك باستخدام هذه الحزمة Slugify "تدعم العربية" فهي أفضل منهم و موثوقة أكثر.

بالتوثيق.

في هذه الحالة wordpress يكون أفضل حل لك. و لكن من الأفضل استخدام برمجة خاصة لمثل هذا الموقع.

تفضل هذه سلسلة تعليمية تشرح كيفية بناء موقع تواصل اجتماعي متكامل باستخدام wordpress.

و إذا قمت بالبحث عن social media platform wordpress في يوتيوب أو google ستجد المزيد من السلاسل التعليمية لهذا الغرض. 

يوجد العديد من الطرق التمنك من القيام بذلك. 

1. يمكنك قراءة هذا المقال "يشرح ما تريد القيام به باستخدام easy_localization"
2. dمكنك الاطلاع على هذه الطريقة أيضًا من التوثيق الرسمي الخاص ب flutter
3. و يمكنك قراءة هذا المقال أيضًا لشرح مُبسَّط مع مثال.

هل قمت باستخدام الرابط الخاص ب embed لفيديو اليوتيوب؟؟

إذًا كنت قد استخدمت الرابط الخاص بالفيديو من الأعلى في محرك البحث فلن يعمل لأن الخادم الخاص بيوتيوب لا يسمح بذلك.

يمكنك الإطلاع على هذا المقال لمزيد من التوضيح.

الخطأ الذي ظهر لك ليس له علاقة بأكواد js .

هذا الخطأ يدل على أنك قمت بكتابة مسار الصورة 

Kamera-canon-fon-2672.jpeg

بشكل غير صحيح و بالتالي لم يتمكن المتصفح بعرضها.

إذا قمت بتصحيح مسار هذه الصورة سيختفي هذا الخطأ

الخطأ الذي ظهر لك ليس له علاقة بأكواد js .

هذا الخطأ يدل على أنك قمت بكتابة مسار الصورة 

Kamera-canon-fon-2672.jpeg

بشكل غير صحيح و بالتالي لم يتمكن المتصفح بعرضها.

إذا قمت بتصحيح مسار هذه الصورة سيختفي هذا الخطأ

هل يمكمنك إرفاق صورة للطرفية كاملة حتى نتمكن من مساعدتك بشكل أفضل.

شكرا لك.

بتاريخ 10 ساعات قال Ghiath Alkhatib:

شكرا لكم
هذه صور يمكن تضح مشكلة
صورة من محررصورة بعد ارسال تظهر اكواد تنسيق و محتوى

مرحبًا غيث.

هل يمكنك إرفاق مجلد المشروع حتى نتمكن من مساعدتك بشكل أفضل؟

شكرًا لك.

بالتوفيق.

مرحبًا عبد الواحد،

يمكنك أن تجد بعض الأمثلة على ذلك من هنا.

أيضًا يمكنك الاستفادة من أكواد ال side navbar الذي قمنا ببناءه سابقًا في مشروع يوتيوبي في دورة تطوير واجهات المستخدم.

يمكنك التعديل على حجم الصور باستخدام css كما يلي:

img {

  width: 400px; /* العرض الذي تريده*/
  height: 300px; /* الطول الذي تريده*/
  object-fit: contain; /*و تحتفظ بمعالمها نقوم باستخدام هذا التنسيق حتى لا تتشتت الصورة */
  
}