اذهب إلى المحتوى

Mustafa Suleiman

الأعضاء
  • المساهمات

    13209
  • تاريخ الانضمام

  • تاريخ آخر زيارة

  • عدد الأيام التي تصدر بها

    365

كل منشورات العضو Mustafa Suleiman

  1. أنصحك بالإعتماد على استضافة Vercel فهى الأفضل للمشاريع الخاصة بـ React و Next.js، وخطوات رفع المشروع مشابهة للاستضافات التي قمت باستخدامها، عليك بإضافة مستودع المشروع ثم إضافة متغيرات البيئة وإضافة قاعدة بيانات Postgres لو توفرت في مشروعك. وستجد المزيد من التفصيل في المستند الرسمي أو يمكنك مشاهدة فيديو على اليوتيوب: https://vercel.com/docs/getting-started-with-vercel/import
  2. البرنامج غير مجاني أي مدفوع، وبعد إنتهاء الفترة التجريبية Free Trial سيتعين عليك شراء البرنامج بشكل قانوني، وتجنب استخدام الإصدارات غير القانونية يساهم في دعم الشركات المبتكرة والحفاظ على أخلاقيات استخدام البرمجيات. وإذا كنت تبحث عن برنامج مجاني بديل لـ CorelDraw، فيمكنك تجربة أحد البرامج التالية: Inkscape GIMP Xara Xtreme
  3. أمر طبيعي وستشعر به كثيرًا إلا لو قمت بالدراسة بشكل صحيح، أولاً تشاهد الدرس ثم تحاول فهم واستيعاب ما يتم شرحه، وإذا واجهت صعوبة في فهم أمرًا ما لا تتجاهله بل ابحث عنه على جوجل ويوتيوب واستمع إلى شرح آخر فانت بحاجة إلى التكرار في البداية. وبعد الفهم والاستيعاب عليك بالتطبيق على ذلك من خلال إعادة كتابة الكود الذي كتبه المدرب بمفردك، حتى لو قمت بالكتابة مع أثناء الشرح عليك بكتابته بمفردك حيث أنك ستواجه أخطاء أثناء التنفيذ وستتعلم الكثير من ذلك ثم مقارنة ما كتبته بكود المدرب ولا مشكلة لو قمت بالتغيير أو الحل بطريقة مختلفة طالما تم تنفيذ المطلوب، ولا تخف من التجربة. وكل 10 دروس مثلاً، حاول تجميع ما تعلمته واستخدامه في تنفيذ نموذج بسيط لأي فكرة تخطر في بالك المهم توظيف ما تعلمته وتجربة مختلف الخواص لمعرفة طبيعة عملها وتأثيرها على الكود. وستجد هنا المزيد من التفصيل:
  4. ستحتاج أولاً إلى توفير نسخة مترجمة من الموقع، ولتسهيل الأمر عليك من الأفضل استخدام مكتبة جافاسكريبت خاصة بالترجمة مثل i18next و Polyglot.js، وقد تم شرح الأمر بشكل مفصل هنا: وإليك مثال على الإصدار 23 من i18next: HTML: <!DOCTYPE html> <html lang="ar"> <head> <meta charset="utf-8"> <title>i18next Example</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/i18next/23.4.2/i18next.min.js" integrity="sha512-M4iruTNlnwfFL71Q+5fMOLe6gY3k6hq795GafcfVovObnhvz9h+DtaVdaP92Bjaai808vO8Iq5XPn9eW3VwVWw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> </head> <body> <div id="content"> <p data-i18n="welcome"></p> <p data-i18n="description"></p> </div> <button id="changeLanguage">Change Language</button> </body> </html> JS: // تكوين i18next i18next.init({ lng: 'ar', // اللغة الافتراضية debug: true, resources: { ar: { translation:{ "welcome": "مرحبًا بك في الموقع!", "description": "هذا مثال بسيط باستخدام i18next." } }, en: { translation:{ "welcome": "Welcome to the website!", "description": "This is a simple example using i18next." } } } }, function(err, t) { // تحميل الترجمات بعد التهيئة updateContent(); }); // دالة لتحديث المحتوى المترجم function updateContent() { document.querySelector('[data-i18n="welcome"]').textContent = i18next.t('welcome'); document.querySelector('[data-i18n="description"]').textContent = i18next.t('description'); } // التبديل بين اللغات document.getElementById('changeLanguage').addEventListener('click', function() { const newLanguage = i18next.language === 'ar' ? 'en' : 'ar'; i18next.changeLanguage(newLanguage, function(err, t) { if (err) return console.log('something went wrong loading', err); updateContent(); }); }); وستجد المزيد في الموقع الرسمي: https://www.i18next.com/overview/getting-started
  5. إليك بعض التمارين التي تركز فقط على الجانب البرمجي باستخدام JavaScript، وللتنبيه الغرض من التمارين التالية هو خلق تحدي لك وتحفيزك على التفكير والبحث للوصول إلى حل ولا مشكلة إذا واجهتي صعوبة فأنت ما زلت تتعلمين، عليك بالمحاولة وتقسيم المطلوب إلى أجزاء وتنفيذها. تمارين على الدوال للمبتدئين في جافاسكريبت تمرين 1 كتابة دالة تأخذ مصفوفة من الأرقام كوسيطرجم أوليّ لحساب المتوسط الحسابي لهذه الأرقام وتعيده. تمرين 2 كتابة دالة تأخذ درجة حرارة بالدرجات المئوية وتقوم بتحويلها إلى درجات فهرنهايت باستخدام الصيغة: F = C * 9/5 + 32 تمرين 3 كتابة دالة تأخذ عددًا وتحدد ما إذا كان زوجيًا أم فرديًا وتعيد نصًّا يُبيِّن ذلك. تمرين 4 كتابة دالة تأخذ نصًا وعددًا صحيحًا إيجابيًا، وتعيد نسخة من النص تُكرر بالعدد المحدد. تمرين 5 كتابة دالة تأخذ مصفوفة من الأرقام وعددًا، وتقوم بالبحث عن العدد في المصفوفة. إذا تم العثور عليه، يجب أن تعيد موقع أول ظهور للعدد، وإلا يجب أن تعيد رسالة تفيد بأن العدد غير موجود. تمرين 6 كتابة دالة تأخذ نصًّا وتعيد نصًّا آخرين يكون هو عكس النص الأول. تمرين 7 كتابة دالة تأخذ عددًا إيجابيًا وتقوم بحساب مجموع جميع الأرقام من 1 إلى هذا العدد. تمرين 8 كتابة دالة تطلب من المستخدم إدخال كلمة مرور، ثم تقوم بالتحقق مما إذا كانت الكلمة المدخلة تحتوي على حروف كبيرة وصغيرة وأرقام، وعلى الأقل يجب أن تكون طولها 8 أحرف. تمارين تشمل الحلقات التكرارية والشروط (if-else) مع استخدام العوامل (operators) في جافا سكريبت: تمرين 1 كتابة برنامج يستخدم حلقة (مثل حلقة for) لحساب مربعات الأعداد من 1 إلى 10 ويعرضها. تمرين 2 برنامجًا يستخدم حلقتين تكراريتين متداخلتين (nested loops) لإنشاء جدول ضرب من 1 إلى 10. تمرين 3 برنامجًا يطلب من المستخدم إدخال عدد من الأرقام، وبعد انتهاء الإدخال، يقوم البرنامج بحساب مجموع الأرقام والمتوسط باستخدام حلقة وعرض النتيجة. تمرين 4 برنامجًا يسأل المستخدم عن عمره، ثم يستخدم الشروط (if-else) لعرض رسالة مختلفة بناءً على العمر، مثل "أنت صغير جدًا" إذا كان دون 18، و"أنت بالغ" إذا كان 18 أو أكبر. تمرين 5 برنامجًا يسأل المستخدم عن وزنه (بالكيلوجرام) وطوله (بالمتر)، ثم يستخدم الشروط لحساب مؤشر كتلة الجسم (BMI) ويعرض رسالة توضح إذا كان الشخص تحت وزنه، طبيعي، زائد وزنه، أو مصاب بالسمنة. تمرين 6 برنامجًا يطلب من المستخدم إدخال سلسلة من الأعداد. عندما يدخل الرقم -1، يتوقف البرنامج ويعرض أكبر وأصغر رقم تم إدخاله. تمرين 7 برنامجًا يسأل المستخدم عن رقمين، ثم يستخدم الشروط للتحقق مما إذا كان الرقم الأول قابلًا للقسمة على الرقم الثاني أم لا، ويعرض رسالة بالنتيجة.
  6. فكرة جميلة وأحييك على محاولة خلق تحدي لنفسك من أجل تشجيعك على تعلم المزيد، وبخصوص الصور والفيديوهات فأنت لسة بحاجة إلى واجهة خلفية، كل ما ستقوم به هو إنشاء تصميم مناسب لعدد الصور والفيديوهات. بعد ذلك ستقوم بالإشارة إلى مسار الصور والفيديوهات كما فعلت في الدورة أي مسار نسبي بالنسبة لمجلد المشروع، ثم ستقوم برفع ذلك المجلد على استضافة مثل Netlify لمشاركة المشروع بشكل حي مع من تريد. لكن بالطبع ما ستقوم بإنشائه هو موقع Static أي محتواه ثابت لا يتغير إلا إذا قمت أنت بالتعديل على الكود بشكل مباشر، وذلك بسبب عدم وجود لوحة تحكم خاصة بالموقع وذلك بسبب عدم وجود واجهة خلفية. ويمكنك استخدام مكتبات JavaScript مثل Lightbox أو Fancybox أو Swiper لعرض الصور والفيديوهات بشكل جميل وتفاعلي على موقعك دون الحاجة لإنشاء صفحة خاصة لكل فيديو، وتلك المكتبات تسمح للمستخدم بالنقر على الصور أو الروابط المصغرة للفيديو وعرضها في إطار علوي فوق الصفحة الحالية.
  7. أرجو ذكر ما هي الدورة التي تدرسينها حاليًا، لتوفير تمارين مناسبة لك، وأيضًا تمارين بخصوص أي نقطة في الدورة أم تمارين عامة؟
  8. أولاً وقبل أي شيء أنت بحاجة إلى معرفة بالآتي: HTML, CSS, JS ثم معرفة بمحرك قوالب Twig، وهو نظام قوالب يستخدم في برمجة الويب للمساعدة في إنشاء وإدارة قوالب HTML، وتم تطوير Twig بلغة برمجة PHP وهو جزء من إطار عمل Symfony لتطوير تطبيقات الويب. تم تطويره باستخدام PHP، هل ذلك يعني أنك بحاجة إلى تعلم PHP؟ بالطبع، لكن تحتاج فقط إلى معرفة أساسيات PHP، ولا يتطلب Twig معرفة متقدمة للغة PHP ولكن من المهم أن تكون قادرًا على فهم كيفية كتابة التعليمات البرمجية وتشغيلها. وبالطبع أنت بحاجة إلى تعلم الـ Syntax الخاصة بـ Twig من كتابة كود HTML من خلاله، والتي ستجدها في المستند الرسمي للإصدار 3: https://twig.symfony.com/doc/3.x ثم عليك بإتباع الدليل الرسمي الخاص بإنشاء قوالب لمنصة سلة: https://docs.salla.dev/docs/twilight-themes-documentation/bqv759f6r9285-develop-a-theme
  9. عند العمل على مواقع العمل الحر كمستقل، عليك بتحديد القواعد التي ستعمل بها، مثلاً البعض لا يعمل على مشاريع بدون وجود ملف تصميم، والبعض يتكفل بتصميم المشروع في حال كان قادر على ذلك ثم كتابة الكود. وفي حالتك أنت، لا يوجد أي تصميم لهوية الموقع، وبالتالي ستبدأ من نقطة الصفر، وهي أن تستمع للعميل وتحاول الحصول على تفاصيل كافية عن المشروع، من أجل الحصول على معلومات عن فئة المستخدمين والفئة العمرية المستهدفة وطبيعة المشروع وحجمه وما هو الهدف من الموقع، وما هي الميزانية الخاصة بالمشروع. حيث أن تلك العوامل هي نقاط هامة لتحديد شكل التصميم الخاص بالموقع، بعد ذلك عليك ببدء مرحلة التغذية البصرية من أجل أن تتمكن من الحصول على أفكار لشكل الموقع والألوان أيضًا. وقد تم النقاش حول تلك النقطة هنا بالتفصيل: وبالطبع في حال معرفتك بأداة تصميم واجهات المستخدم مثل Figma فستكون عونَ كبيرًا لك، حيث ستتمكن من الوصول إلى شكل التصميم النهائي من خلال تلك الأداة بدلاً تطوير الموقع وكتابة الكود ثم التعديل، ولا مشكلة يمكنك تعلمها فيما بعد ومحاولة التصميم حاليًا لكن الأمر سيكون مجهد بعض الشيء لأن التعديل على التصميم بعد كتابة الكود أمر مجهد وفي بعض الأحيان ستضطر إلى إعادة ما قمت به لو كان التصميم معقد وليس بسيط. أو يمكنك الإعتماد على مكتبة Bootstrap من أجل إنشاء الموقع بشكل أسرع وأسهل في حال كان التصميم بسيط.
  10. الأمر يعتمد على ما إذا كان لديك وقت كافي أم لا، فإذا كنت تريد العمل بأسرع وقت بسبب ظرفِ ما، فعليك أولاً بدراسة دورة تطوير واجهات المستخدم، لكن ذلك بالنسبة لمواقع العمل الحر، فللعمل بشركة ستحتاج إلى تعلم إطار أو مكتبة خاصة بالواجهة الأمامية مثل React أو Angular، وستجد ذلك في دورة تطوير التطبيقات باستخدام لغة JavaScript حيث يتم بها شرح مكتبة React ومكتبات وإطارات أخرى خاصة بجافاسكريبت. أما دورة علوم الحاسب، فهي من أجل تأهيلك لتعلم البرمجة من خلال دراسة الأساسيات والتعرف على مجالات البرمجة المختلفة من أجل أن تتمكن في النهاية من إختيار المجال الذي تريد التخصص به عن وعي ودراية، وأيضًا سيصبح مستواك أفضل من أي شخص قام ببدء دراسة دورة تطوير واجهات المستخدم مباشرًة وهو لا يعلم أي شيء عن البرمجة أو علوم الحاسب.
  11. تندرج Express و Socket.io و WebSockets و HTTP جميعها تحت مصطلح "واجهة برمجة تطبيقات الويب"، وواجهة برمجة تطبيقات الويب هي مجموعة من التعليمات البرمجية التي تسمح للتطبيقات ( مثل متصفحات الويب) بالتفاعل مع الخادم. أي أنها أدوات تطوير تستخدم لإنشاء وتطوير واجهات برمجة تطبيقات (APIs) وتواصل في تطبيقات الويب. ولكنها ليست بذاتها "API" في المفهوم الضيق الذي يشمل توفير واجهة برمجة تطبيقات للتفاعل مع تطبيق آخر. وExpress هو إطار عمل لتطبيقات الويب في Node.js، يسمح لك Express بإنشاء وتطوير وتوفير واجهات برمجة تطبيقات (APIs) من خلال تحديد مسارات (routes) والتعامل مع طلبات HTTP مختلفة مثل GET وPOST وPUT وDELETE وغيرها. أما HTTP فهو بروتوكول النقل الذي يتم استخدامه في الواجهات البرمجية لتمكين التواصل بين العميل (مثل المتصفح) والخادم، ويعتمد بشكل كبير على طرق HTTP المختلفة مثل GET وPOST وPUT وDELETE. و WebSocket هو بروتوكول اتصال ثنائي الاتجاه يتم استخدامه لتمكين التواصل الحي والتفاعلي بين العميل والخادم، ويتميز WebSocket بأنه يسمح بفتح اتصال طويل الأمد يتيح للبيانات أن تتم نقلها في الوقت الفعلي دون الحاجة إلى الانتظار لاستجابة من الخادم. وبخصوص Socket.io فهي مكتبة تسهل استخدام WebSocket مع Node.js والمتصفحات، وتتيح Socket.io التواصل الحي والثنائي الاتجاه بين العميل والخادم بطريقة سهلة ومتوافقة مع مجموعة متنوعة من المتصفحات والبيئات.
  12. عليك بالبحث على جوجل عن أسئلة على HTML و CSS وستجد الكثير من الأسئلة، وأنت لست بحاجة إلى أسئلة بل الأفضل القيام بالتطبيق العملي على ما تعلمته من خلال إنشاء نماذج بسيطة أو تحويل فكرة لديك إلى موقع بسيط. وتستطيع تفقد النماذج والتصميمات هنا: وعامة سأوفر لك بعض الأسئلة: السؤال 1: قم بإنشاء ملف HTML يحتوي على عنوان للصفحة (باستخدام وسم <h1>), وفقرة نصية بسيطة (باستخدام وسم <p>). السؤال 2: قم بإنشاء قائمة غير مرتبة (unordered list) تحتوي على 3 عناصر (items)، حيث يمثل كل عنصر اسم لون باللغة العربية، وقم بتطبيق ألوان مختلفة على النص لكل عنصر باستخدام ورقة الأنماط (CSS). السؤال 3: أنشئ نموذج (form) يحتوي على حقل إدخال (input) نصي (text) يطلب من المستخدم كتابة اسمه، ثم قم بعرض رسالة ترحيبية تحتوي على الاسم الذي قام المستخدم بكتابته. السؤال 4: قم بإنشاء قائمة منسدلة (dropdown menu) تحتوي على قائمة بأسماء بعض الدول العربية. استخدم وسم <select> لإنشاء القائمة ووسم <option> لتعريف خيارات القائمة. السؤال 5: أنشئ صندوقًا (div) بأبعاد 300 بكسل عرضًا و200 بكسل ارتفاعًا، وأضف له حدًا (border) بلون مغاير عند التنفيذ، وضع في داخله فقرة نصية.
  13. طرق الدفع المتاحة هي البطاقة الإئمتانية من نوع credit card أو Debit card وليس بطاقة مسبقة الدفع Prepaid، أو الدفع من خلال باي بال. لكن في بال عليك بإمتلاك حساب يمكنك حساب يسمح بالشراء من خلال رصيد باي بال، أو يمكنك ربط حساب باي بال بحساب بنكي أو بطاقة للدفع من خلالهم وذلك عبر باي بال. ويوجد طريقة أخرى وهي بطاقة الهدية حيث يمكن لشخص شراء بطاقة بتكلفة الكورس ويمكنك استخدامها لشراء أي كورس تريد. ويوجد أيضًا العرض الصيفي لا تنسى تفقده.
  14. لا ليس علاقة من قريب أو من بعيد بالوظيفة، هي أمر لقياس مدى نشاطك على الأكاديمية فقط، الأمر مشابه لموقع Stack Overflow في حال قمت بتصفحه من قبل ستجد أن لكل عضوة نقاط سمعة.
  15. في بداية عملية التعلم كل ما عليك التركيز عليه هو التعلم وليس محاولة إنهاء الدورة واستكمالها، وأعلم أن الأمر صعب فالجميع في البداية متحمس ويريد إنهاء الدورة في أسرع وقت ويريد تنفيذ المشاريع ونشرها. لكن بدون عملية التعلم البطيئة في البداية لن تتمكني من الإسراع في النهاية، بل ستسيري بنفس السرعة وستعودي للمراجعة والدراسة مرة أخرى. لذلك بعد كل درس عليك بسؤال نفسك هل فهمت الدرس بشكل جيد؟ نعم؟ إذًا عليك بالتطبيق بمفردك على نفس المسائل والنماذج التي قام بها المدرب أو مسائل ونماذج مشابهة ومحاولة التعديل على الكود وتعديله لفهم الكود. في حال واجهتك مشكلة في الحل ماذا نفعل؟ أولاً قبل تنفيذ أي مشروع أو حل مسألة، علينا بالتفكير في طريقة الحل وخطوات تنفيذ المشروع، ثم كتابة الكود هي أخر خطوة، وأيضًا عليك بتقسيم المسألة أو المشروع إلى مهام صغيرة ثم تنفيذها وعدم النظر إلى الأمر كما هو بصورته الكاملة. ولا مشكلة في البداية إذا استغرقتي ساعة مثلاً أو ساعتين لحل مسألة، فأنت ما زلت تتعلمين وبحاجة إلى التفكير أولاً ومحاولة الحل ثم البحث عن طريقة للحل مثل البحث عن دالة معينة أو طريقة كتابة أمر معين وهكذا، أو مشاهدة شرح على اليوتيوب يشرح أمر أنت بحاجة إليه لحل المسألة. لكن لا تقضي اليوم كله في مسألة مثلاً، بل المطلوب منك هو المحاولة والبحث من أجل التعلم، وفي حال تم حل نصف المسألة مثلاً أو تم تنفيذها لكن لم تعمل بشكل سليم تمامًا فلا مشكلة، يمكنك رؤية الحل ومشاهدة الشرح بعد المحاولة.
  16. أهلا بك ياسمين، جميع دورات أكاديمية حسوب هي دورات مدفوعة، وتكلفة الدورة هي 290 دولار، وحاليًا يوجد العرض الصيفي للحصول على دورتين بتكلفة دورة واحدة فقط. وأيضًا عند إشتراكك بإحدى الدورات، سيتاح لك الوصول إلى المسار الأول من جميع الدورات الأخرى لدراسته بشكل مجاني. وإذا كنتي تواجهين مشكلة في الإشتراك فعليك بالتواصل مع مركز المساعدة في أكاديمية حسوب وسيتم مساعدتك.
  17. عليك أولاً بتهيئة حسابك على GitHub ونشر المشاريع التي قمت بتنفيذها وبالطبع أنت قمت بذلك طالما أنك حصلت على الشهادة. ويتبقى خطوة إضافة صور في ملف Readme لإظهار المشروع وتفاصيله وأيضًا إضافة رابط حي لتصفح المشروع على استضافة مجانية مثل Netlify أو GitHub pages وغيرهم. بعد ذلك عليك بإنشاء حساب على LinkedIn وإعداداه بشكل جيد وإضافة المهارات الخاصة بك وإضافة فترة دراستك في الأكاديمية على أنها Internship أيضًا وضع الفترة التي قمت بدراسة تلك الدورة بها. وبعد ذلك عليك بإنشاء CV بشكل جيد وضع معلوماتك به لكن عليك بقراءة التالي لتفهم ما يتم كتابته: ثم عليك بالبحث عن إعلانات الـ Internship المتاحة على مواقع التوظيف مثل LinkedIn وIndeed وغيرهم، وأيضًا قد يفيدك السؤال في مجموعة برمجة يتم بها الإعلان عن وظائف والسؤال عن توفر Internship وتوفير رابط لحسابك على LinkedIn أو رابط للـ CV وبالطبع بداخل الـ CV عليك بوضع روابط للـ LinkedIn وGitHub.
  18. بإمكانك تعديل الأشكال والألوان وتغيير التصميم العام باستخدام CSS وتخصيص العناصر باستخدام JavaScript. أو إضافة صفحات مخصصة جديدة في واجهة لارافل نوفا، باتباع الخطوات التالية: عليك بإنشاء ملف طلب جديد للصفحة المخصصة باستخدام الأمر php artisan nova:resource في موجه الأوامر (Command Line)، وذلك الأمر سيولد ملف طلب جديد يمثل صفحة المورد المخصص. php artisan nova:resource MyCustomPage ثم، انتقل إلى ملف الطلب الذي تم إنشاؤه في المسار app/Nova/MyCustomPage.php وقم بتحريره لتحديد اللوحة والمعالج المرتبط بالصفحة المخصصة. // app/Nova/MyCustomPage.php namespace App\Nova; use Laravel\Nova\Resource; use Laravel\Nova\Fields\Text; class MyCustomPage extends Resource { public static $displayInNavigation = false; public function fields(Request $request) { return [ Text::make('Title'), ]; } } ثم قم بتسجيل الصفحة المخصصة في ملف التحكم (NovaServiceProvider) الخاص بك في المسار app/Providers/NovaServiceProvider.php باستخدام الأسلوب nova::resources. // app/Providers/NovaServiceProvider.php use App\Nova\MyCustomPage; protected function resources() { return [ MyCustomPage::class, ]; } وبتلك الخطوات، ستظهر صفحة المورد المخصصة الخاصة بك في واجهة لارافل نوفا.
  19. للأسف طالما أن الأمر له علاقة بالكود البرمجي فلن تتمكن من فعل شيء، حيث أنك بحاجة إلى معرفة برمجية باللغة التي تم كتابة البوت بها لإكتشاف الأخطاء بالكود والتعديل عليه. ولذلك عليك بتعيين مبرمج ملتزم وبتقييمات جيدة من على موقع مستقل أو خمسات، وشرح الأمر له وسيتم حل مشكلتك، أو يمكنك الرجوع للمبرمج الذي قام بتنفيذ البوت وسؤاله عن حل للمشكلة.
  20. هناك نقطة هامة يجب استيعابها، وهي أنه يوجد مستويات مختلفة من CSS وأيضًأ أي لغة برمجية أخرى، وأٌقصد بالمستويات أن هناك مستوى خاص بالأساسيات ويتم شرحه في الدورات الخاصة بمن لا يعلم أي شيء عن البرمجة ويريد تعلم تطوير الواجهة الأمامية. وهناك مستوى متوسط تكتسبه من خلال تنفيذ مشاريع بعد تعلم أساسيات وHTML، لذلك لا تكتفي بما تقدمه لك أي دورة، بل ستجد على اليوتيوب نماذج ومشاريع كثيرة للتطبيق على HTML وCSS فقط ولا تخف أبدًا من تعلم أشياء جديدة فذلك هو المطلوب من تنفيذ تلك المشاريع، فإن لم تتعلم أشياء جديدة وتخلق تحدي لنفسك فما الفائدة؟ وتستطيع دائمًا محاولة التفكير في كيفية التنفيذ بناءًا على ما تعلمته وما تعرفه، وإذا تعذر الأمر عليك تستطيع البحث عن خصائص CSS التي تمكنك من تنفيذ ما تريد أو مشاهدة الشرح في الفيديو الذي تتابعه، ثم محاولة التطبيق بمفردك. وأيضًا تستطيع السؤال هنا بعد البحث وسيتم مساعدتك وتوجيهك، وستجد في موسوعة حسوب شرح لخصائص CSS وHTML: https://wiki.hsoub.com/الصفحة_الرئيسية وأيضًا الدروس والمقالات في أكاديمية حسوب: https://academy.hsoub.com/programming/html/ https://academy.hsoub.com/programming/css/ وقد أوضحك تلك النقطة في النقاش التالي: وبخصوص التطبيق تستطيع العثور على نماذج وتصاميم للتطبيق عليها من خلال المواقع في النقاش التالي:
  21. أولاً عليك باستيعاب أن البرمجة هي عملية كتابة التعليمات البرمجية التي تخبر الجهاز الإلكتروني بما يجب فعله، والأجهزة الإلكترونية لا يمكنها أن تعمل بدون برمجة. ومثلاً ماكينة تصوير المستندات تحتاج إلى برمجة حتى تعرف كيفية نسخ المستندات، البرمجة هي التي تسمح لماكينة تصوير المستندات بمعرفة كيفية استخدام المكونات الإلكترونية الخاصة بها لإنشاء نسخة من المستند. وتلك الماكينة تحتوي على مجموعة من الأجزاء الإلكترونية مثل المعالج والذاكرة والحساسات والمحركات والمستشعرات والواجهات والشاشة وغيرها، وتلك الأجزاء تعمل سويًا لتحويل المستندات الورقية إلى صور رقمية وطباعتها أو حفظها على وسائط تخزين. وهناك العديد من لغات البرمجة المختلفة التي يمكن استخدامها لبرمجة الأجهزة الإلكترونية، وبعض لغات البرمجة الأكثر شيوعًا هي C و C++ و Java و Python، وكل لغة برمجة لها نقاط قوتها وضعفها الخاصة. وكمثال لغة C هي لغة برمجة سريعة وفعالة، لكنها قد تكون صعبة التعلم، أما لغة Python هي لغة برمجة سهلة التعلم، لكنها قد لا تكون سريعة أو فعالة مثل لغة C.
  22. أنت غطيت موضوعات هامة في الفروع الأساسية للرياضيات التفاضلية والتكاملية، ولا يزال هناك الكثير من المواضيع والمفاهيم التي يمكنك استكشافها في هذا المجال إذا كنت ترغب في تعميق معرفتك ومنها: تعلم كيفية التفاضل والتكامل للدوال التي تحتوي على أكثر من متغير، وكيفية حساب المشتقات الجزئية والتكاملات المزدوجة والثلاثية. معادلات الانحدار والتكامل وتلك المواضيع تستخدم بشكل شائع في تعلم الآلة والذكاء الاصطناعي. يتم استخدامها لإنشاء نماذج تنبؤية وتحليل البيانات. يمكن استخدام الرياضيات في حل مشاكل برمجة وإنشاء نماذج محاكاة لتجربة أنظمة معقدة. التحويلات المركبة والتحليل المرتبط بالرياضيات مثل تحليل فورييه وتحويل لابلاس، وهي مفاهيم هامة لتحليل الإشارات ومعالجة الإشارات الرقمية. معادلات الانفصال الجزئي ويستخدم هذا النوع من المعادلات في العديد من التطبيقات في العلوم الهندسية والفيزيائية. بالطبع، لا توجد حاجة للانتقال إلى تلك المواضيع فورًا، تستطيع اختيار موضوع يثير اهتمامك والاستمرار في تعلمه بشكل تدريجي، ويُفضل أن تكمل فهمك للمواضيع الأساسية جيدًا قبل الانتقال إلى المواضيع المتقدمة، كما أنصحك بحل مشاكل وتطبيقات متنوعة لكل موضوع تدرسه لتعزيز فهمك بشكل عملي.
  23. المشكلة تتعلق بمشكلة في إنشاء ملف keystore الذي يستخدم لتوقيع التطبيقات عند تشغيلها على أجهزة AndroidK ,يجب أن يتم إنشاء هذا الملف بشكل صحيح لكي يعمل التطبيق بشكل صحيح، وذلك من خلال التالي: تحقق من أن Flutter SDK و Android Studio و Java Development Kit (JDK) مثبتة بشكل صحيح على جهاز الكمبيوتر الخاص بك وأن كلها مثبتة في مسارات صحيحة. تأكد من أنك قمت بإعداد Flutter SDK وفقًا للتعليمات الخاصة بالتثبيت الصحيح وتم تعيين متغير البيئة "PATH" بشكل صحيح لمجلد الأدوات الخاص بـ Flutter. تحقق من أن Android Studio مثبت بشكل صحيح وقد تم تثبيت Android SDK ومحدث بآخر إصدار. قم بفتح Android Studio وتحديث الـ Flutter و Dart plugins إلى أحدث إصدار إذا كان ذلك متاحًا. قم بإعادة تشغيل Android Studio بعد التحديثات. في حال كنت تقوم بتوقيع التطبيق لأول مرة، تأكد من أنك قمت بإنشاء ملف keystore بشكل صحيح باستخدام أداة keytool. يمكنك استخدام الأمر التالي في الطرفية لإنشاء ملف keystore: keytool -genkey -v -keystore my-release-key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias my-key-alias وسيُطلب منك إدخال بعض المعلومات الشخصية أثناء إنشاء المفتاح، وبعد إنشاء الملف بنجاح، يُفضل وضعه في مجلد يسهل الوصول إليه ومناسب لأغراض النشر، وقم بتكوين Android Studio لاستخدام ملف keystore الجديد عند توقيع التطبيق. يمكنك فعل ذلك من قائمة "Build" ثم "Flutter" ثم "Configure Signing"، وبعد ذلك اختر الملف keystore الذي قمت بإنشائه. وفي حال ما زلت تواجه مشكلة، بإمكانك تشغيل البرنامج مع خيار "--stacktrace" للحصول على المزيد من تفاصيل الأخطاء والمشاكل التي قد تساعد في تحديد المشكلة بشكل أدق.
  24. من الأفضل تعيين شخص متخصص في التسويق من على مواقع العمل الحر مثل خمسات ومستقل، وشرح ما تريده. وفي حال لم يتوفر ميزانية في الوقت الحالي، فتستطيع التسويق بنفسك من خلال إنشاء محتوى والتفاعل في المجموعات المهتمة بمنتجاتك على وسائل التواصل ومحاولة إنشاء محتوى هناك أيضًا وبناء قاعدة عملاء لك وإنشاء مجموعة على التيليجرام أو واتساب وهكذا. وتستطيع قراءة مقالات لتعلم طرق التسويق لمتجرك، ويوجد في أكاديمية حسوب قسم خاص بذلك: التسويق والمبيعات
  25. ليس مطلوب منك كمطور واجهات أمامية Front-End developer تصميم واجهة المستخدم، فتلك هي وظيفة مصمم واجهات المستخدم UI\UX. لكن المطلوب منك هو المعرفة بأساسيات التصميم الجيد لواجهة المستخدم، وإمتلاكك حس فني وذلك يأتي برؤية تصماميم المواقع بكثرة أي التغذية البصرية وتنفيذ المشاريع. وقد أوضحت تلك النقطة في النقاش التالي: وفي الشركة من المفترض أن تستلم التصميم من المصمم وتعمل على تنفيذه، وفي مقابلة العمل سيتم سؤالك عن اللغات والتقنيات التي تعمل بها. ولكن بالطبع ليس كل المشاريع يتم بها استخدام Bootstrap بل يمكن استخدام Tailwind أو غيره من إطارات CSS أو حتى العمل بدون إطار CSS وذلك يرجع لطبيعة عمل الشركة وحجم الأعمال الخاصة بها. لذلك عليك بالتركيز على الأساسيات وهي HTML, CSS, JS والتي ستؤهلك للتعلم والعمل بأي شيء.
×
×
  • أضف...