Wael Aljamal

حسنا، عليك التأكد من أن الخدمة تعمل أولا، اخبرني بذلك

تأكد من تشغيل مخدم mysql والذي يكون من احد البرامج مثل xampp أو wampp، وتحقق أن الخدمة في حالة اتصال، ادخل في المتصفح على php my admin وتحقق من إمكانية الوصول لقاعدة البيانات، وتحقق من كلمة السر عادة الجذر root ليس له كلمة سر.. وتاكد من المنفذ هل هو الافتراضي 3306 أم غيره من لوحة تحكم المخدم الذي تستعمله، إن لم يكن هو أضف الخاصية port مع رقم المنفذ. كما ارجو إغلاق كل نوافذ Terminal المفتوحة في المحرر vs code وفتح واستعمال مدير اوامر واحد ومن نوع cmd يمكنك اختياره من القائمة المنسدلة في الجزء الأيمن.

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

إن كان لديك مشكلة مادية في شراء دورتين، يمكنك الاعتماد على دورة جافاسكربت، فهذه اللغة تستطيع العمل في كل من Front End أي واجهات المستخدم، مثلا باستخدام مكتبة React js وأيضا العمل كمخدم للموقع Back End أيضا من خلال بيئة العمل node وأيضا إطار العمل Express وأيضا قواعد البيانات.. وهذا كله يتم تعليمه في دورة واحدة. مع العلم بعد شراء أي دورة يتم فتح المسارات الأساسية من باقي الدورات ومنهم دورة تطوير واجهات المستخدم والتي تحوي في مسارها الأول على أساسيات كل من HTML - CSS - JS والتي تفيدك في دورة جافاسكربت عند تنسيق واجهات الموقع. تعتبرة دورة تطوير الواجهات ممتازة بالنسبة لعمل تفاصيل كثيرة في الموقع وإخراجه بأفضل شكل ممكن ولكنها تنحصر بالواجهات الأمامية، أي بدوت قواعد بيانات ومعالجة وتوثيق المستخدمين وإلا ماهنالك.. وبالاعتماد على دروس الأساسيات منها ودورة جافاسكربت سيكون لك قدرة على برمجة مواقع كاملة Full Stack.

nodemon هي أداة تساعد في تطوير تطبيقات node حيث أنها تراقب التغييرات على الملفات التي تقع ضمن شجرة الملف الجذر للمشروع وتعيد بناء التطبيق في كل مرة وإظهار التعديلات. يمكنك تثبيت nodemon محليا على مستوى المشروع أو بشكل عام على مستوى النظام "هنا لاتضطر لثبيته في كل مشروع" لتثبيت nodemon على مستوى النظام globally اكتب التعليمة التالية في cmd: npm install -g nodemon حيث أن g = globally، وبهذه الطريقة سيتم إضافة هذه البرمجية لمسارات النظام system path ثم لتشغيل المشروع نكتب الأمر nodemon ./server.js // يمكن تحديد الرابط و المنفذ nodemon ./server.js localhost 8080 توثيق nodemon

هل تقصد مايتعلق بتبيت مكتبات npm؟

يوجد مشكلة في تحميل التنسيقات، وهذه في إعدادات ويب باك، حاول حل المشكلة وأعد بناء المشروع عن طريق ويب باك، وإن فتح الموقع بشكل جيد ضمن app/index.html هنا عد لرفع التحديثات للمستودع. يجب أن يتم قراءة المجلدات في github pages بشكل صحيح..

إن جافاسكربت تعمل مباشرة حال وصول قراءة شيفرة HTML للأسطر الخاصة بها، لذلك علينا تأجيل تنفيذ شيفرة جافاسكربت حتى اكتمال تحميل body، أي انقل جزء script من عنصر head إلى آخر جزء ضمن body قبل وسم الإغلاق، ليصبح آخر عنصر ضمنه. وباستعمال window.onload هنا نقوم بتعريف مستم أحداث خاص باكتمال تحميل الصفحة، لذلك نضمن وجود عناصر HTML على شكل DOM وجاهزيتها لتنفيذ شيفرات جافاسكربت عليها. الطريقة الأولى مستعملة أكثر لأنها أبسط. بعد نقل الشيفرة للأسفل، أصلح أخطائها..

حسناً لامشكلة أمنت لم تثبنت webpack على مستوى نظام التشغيل ككل، إنما فقط على مستوى المشروع. ==== في الإجابة السابقة "build": "cross-env NODE_ENV=production webpack --config webpack.config.js" npm run build إن لم تكتب إجابة لهذا اسؤال أعتذر عن المتابعة معك. ======== إن استمرت المشكلة وكان الموقع يعمل على الحاسوب بشكل صحيح نفذ التالي git push --force وإعد الدخول ل github pages وحدث الصفحة أطفي الخدمة مثل Turn off github pages وأعد تشغيلها

ما الخطأ؟

يوجد مشكلة في قسم script لاحظ جزء كلمة prod على كل حال كتابة كلمة webpack فقط في سطر الأوامر cmd تفعل المطلوب هل يظهر الموقع بشكل سليم بعد فتح index.html في مجلد app ؟

نعم أخبرنك أن هذه تعتمد على سماحية التطبيق، إن كان يسم لنظام التغشيل باستنساخه إن لم ترد تجريب تطبيقات الاستنساخ، عليك تحميل نسخة واتساب بزنس من مصدر مختلف عن google play وغير رسمية أو تحاول استنساخ التطبيق بنفسك باتباع الهندسة العكسية

سنحاول عمل التالي، تثبيت المكتبة npm install --save-dev cross-env ثم نعدل build: "build:prod": "cross-env NODE_ENV=production webpack --config webpack.config.js"

تختلف عملية استنساخ التطبيق حسب مصنع هاتف أندرويد، توجه للضبط setting ثم ابحث عن أحد هذه التسيمات Dual apps, App Clone, App twin, or Parallel Apps وهذهمدعومة من نظام التشغيل مباشرة، وسوف تعمل على استنساخ التطبيق وتنصيبه بدون مشاكل.

لاحظ أن الرابط مع تعديل مسار المجلد الأخير سيفتح الصفحة https://moath-bahasan.github.io/sfrny/app/index.html أي إضافة app/index.html/ أي app عليه أن يكون الجذر هذا يعني أن المستودع مربوط مع github pages ولكن مشكلة في المجلد الجذر للمشروع. في المشروع المحلي لديك، إن تصفحت المجلد app وقمت بتشغيل الملف index.html في المتصفح، هل يظهر الموقع بالشكل المطلوب؟إن لم يظهر بشكل صحيح عليك تصحيح الأخطاء ثم إعادة دفع التحديثات لنتأكد من تصدير المشروع في نمط الإنتاج "جاهز للتشغيل" production نعدل الخاصية script في package.json "scripts": { "build": "NODE_ENV=production webpack --config ./webpack.config.js" }, ثم نشغل الأمر: npm run build

عفواً ليس صفحة الضبط، إنما الصفحة التي تشغل الموقع

أرجو إرفاق رابط github pages من فضلك، webpack ليست السبب

لعمل نسخة مختلفة من تطيق ما، عليك تحميل التطبيق ثم استخدام مفاهيم و أدوات الهندسة العكسية لاسرتاج الشيفرة المصدرية الأصلية له، وهنا بعد عمل تلك الخطوة، سيصبح لديك نسخة المطور من المشروع، حيث يمكنك تعديل اسم الحزمة و عمل التغييرات التي تريدها، "لكن هذا أمر غير قانوني" هل تقصد تشغيل نسختين من التطبيق مثل dual messenger على نفس الجهاز.. هذا سببه عدم دعم التطبيق لهذا الأمر على عكس تطبيق facebook messenger وغيره، ربما تستطيع توضيح هذه الجزئية من فضلك؟

يبدو أن هنالك شيئ عالق، حاول تغيير branch واحفظ التغييرات ثم أعد تحميل الصفحة، ثم أعد branch نفسه.. لأنه ليس لديك docs أصلا في المستودع،

موجود في المقالات امثلة مع شروحاتها،

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

تاكد من اختيار branch وتصفح المستودع وتأكد من وجود الملفات والمجلدات فيه، ثم عد إلى لوحة التحكم وتاكد من اختيار المجلد الذي يحوي المشروع، وفيه صفحة واحدة باسم index.html في حال وجود مشكلة ارجو مشاركة رابط اىمستودع و رابط صفحة غيت هاب

تحديد الملف الجذر في المستودع، يجب أن يكون هو الملف الذي فيه صفحة البداية (الصفحات الساكنة)، والتي يجب أن يكون الاسم index.html المهم index ليتم فتحها بشكل افتراضي بعد طلب رابط github pages. لتحديد مجلد ما كالمجلد الجذر يجب على المجلد أن يحوي ناتج معالجة webpack في حال استخدامها مثلا يكون اسم المجلد dist أو build أو app اوالمجلد الناتج، موجود في إعدادات ويباك. بعد النقر على root سيتم عرض المجلدات الموجودة مباشرة في المستودع، اختر المجلد الصحيح حسب الشرحثم اضغط save تأكد من اسم branch الذي دفعت عليه التحدثات

لتحقيق ذلك بدون استخدام flexDirection عليك جعل الحاويات تقبل التموضع بجانب بعضها من خلال الخاصية display نختار display: inline-block لمنع وضع فاصل بين العناصر أو كل عنصر بسطر منفصل، طبقه على العناصر نفسها <View style={{ display: inline-block, // هذه hight: 50, width:20, backgroundColor:"red" }} />

يمكن استخدام spread operator (...) بالطريقة التالية return { paths: [...blogPosts, ...authorPaths], ... };