Belkacem Rezzouk

السلام عليكم

هناك تطبيق سابق اعمل عليه انا حاليا، عند القيام ب npm install ثم npx react-native run-android اتلقى هذا الخطأ

1/ node_modules\react-native\react.gradle' as it does not exist

2/ A problem occurred configuring project ':app'. > compileSdkVersion is not specified. Please add it to 
build.gradle

لم اجد الحل الانسب في النت على الرغم من قيامي بكل شيء.

هل احدكم صادف هذا الخطأ او احدكم يمكنه المساعدة.

شكرا.

بتاريخ 4 ساعة قال Hossam Mohamed15:

هنا يجب ان تكمل ال configuration الخاصة بالتطبيق 

بالنسبة لخطأ Application error ، فهذا بسبب ان heroku بحاجة إلى ملف procfile وبداخله اكتب web: node ./app.js .. لان هيروكو لا يعلم كيف يبدأ التطبيق، بعدها قم بعمل push على GitHub بالتعديل وتأكد انك مفعل Automatic deploy حتى يستطيع قراءة التعديلات على الrepo اول بأول. 

بالنسبة للخطأ الثاني invalid host header

قم بانشاء ملف env.development. 

واكتب فيه HOST=name.herokuapp.com 

مع تغيير name باسم التطبيق 

 

السلام عليكم،

للأسف لم يعمل معي.

بتاريخ 1 ساعة قال Hossam Mohamed15:

اجل سيصبح لكل واحد دومين منفصل .. يمكنك ان تبحث أيضاً عن ال sub domains وكيفية تطبيقها

تمنياتي بالتوفيق 

السلام عليكم،

لقد فعلت ما نصحتني به، ولكن لم يعمل معي.

بتاريخ 2 دقائق مضت قال Hossam Mohamed15:

حسناً كما أخبرتك سابقاً، يجب رفع ال client مستقلاً عن ال server.. لانهما حسبما أرى تطبيقين منفصلين بالنسبة لهيروكو، فهو بحاجة لعمل build لكل منهما على حدة. 

حسننا ولكن هل ارفعهم باسمين منفصلين ؟ هكذا كل واحد لديه domain مختلف.

ماهي الطريقة الصحيحة؟

شكرا مسبقا.

بتاريخ 20 دقائق مضت قال Hossam Mohamed15:

الخطأ هنا أنه بحاجة إلى ملف package.json في ملف الرووت، جرب رفع ال frontend في مشروع منفصل وكذلك ال backend، وتأكد من البناء الصحيح للملفات،  وأظن ان هذا ما يجب اتباعه لأنه (إن لم اكن مخطئ)  كل مشروع له ملف ال package.json الخاص به، وليس ملف واحد للfrontend وال backend. 

علق بسكرين شوت توضح تنظيم وبناء ملفات المشروع في ال root directory حتى نتمكن من مساعدتك.

نعم تفضل:

package.json باللون الاحمر انا اضفته في ملف الرووت املا ان يحل المشكل.

السلام عليكم،

لدي مشكلة في رفع عملي (تطبيق) على منصة Heroku بكلا الطريقتين سواء ب Github مباشرة او ب Heroku cli،  حيث انه يقول لي انه لم يتمكن من التعرف على اللغه المستعملة في الكود. 

علما ان التطبيق هو عبارة عن Fullstuck حيث انه يتكون من ملفين ملف الواجهه الامامية والملف الواجهه الخلفية.

حاولت اضافة package.json الى الملف الذي يحتوي على الملفين ملف الواجهه الامامية والملف الواجهه الخلفية؛ واضافة Procfile الى كلا الملفين.

هل من مساعدة؟

شكرا مسبقا.

بتاريخ 6 ساعة قال علي محسن:

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

الحمد لله، لقد تمكنت من إيجاد كل الحلول.

للإفادة :

أول مشكل يتعلق ب time zone value, حله هو إضافة في الرابط jdbcUrl ما يلي :

"jdbc:mysql://localhost:3306/demo?useUnicode=true&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=UTC"

هو في الصورة الاولى.

ثاني مشكل هو : إضافة بعض الملفات إلى lib : الصورة الثانية

للأمانة، الكود الأولي الأصلي هو لشخص من اليوتيوب : java guides

بتاريخ 3 ساعة قال علي محسن:

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

حين أقوم run لا يظهر أي مشكل في netbeans 

ولكن حين أقوم debugging  تظهر أخطاء عديدة متعلقة ب tomcat 

قمت بترتيبهم كما في الصور.

إن أردت أن أقوم لك فيديو لا يتعدى 20 ثانية أريك كل مافي الصور بسرعة.

بتاريخ 25 دقائق مضت قال علي محسن:

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

كما قلت سابقا، لم تعد تظهر لي أخطاء tomcat

الخطأ الوحيد هو: عندما اتصفح في console أجد هناك خطأ 500

post http://localhost:...../login 

بتاريخ 33 دقائق مضت قال علي محسن:

يمكنك ارفاق الملف هنا. 

نعم حسننا.

Database : demo

tables : users, todos

CREATE TABLE `users` ( `id` int(3) NOT NULL AUTO_INCREMENT, `first_name` varchar(20) DEFAULT NULL, `last_name` varchar(20) DEFAULT NULL, `username` varchar(250) DEFAULT NULL, `password` varchar(20) DEFAULT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;

CREATE TABLE `todos` ( `id` bigint(20) NOT NULL AUTO_INCREMENT, `description` varchar(255) DEFAULT NULL, `is_done` bit(1) NOT NULL, `target_date` datetime(6) DEFAULT NULL, `username` varchar(255) DEFAULT NULL, `title` varchar(255) DEFAULT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB AUTO_INCREMENT=8 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;

todo-application-jsp-servlet-jdbc-mysql-master.zip

بتاريخ 15 ساعة قال علي محسن:

نعم لديك خطأ ما في مسار login, ماذا يظهر لك في exception؟

لازلت لم أجد الحل أخي.

بتاريخ 21 دقائق مضت قال علي محسن:

نعم لديك خطأ ما في مسار login, ماذا يظهر لك في exception؟

المشكلة أنه أحيانا هناك exceptions و أحيانا لا

الآن لم أجد أي خطأ هنا كما هو موضح في الصورة

وأحيانا هناك أخطاء متعلقة ب tomcat

هل أرسل لك بصيغة rar التطبيق في الخاص ؟

بتاريخ منذ ساعة مضت قال علي محسن:

حتى تتمكن من تشخيص الخلل تحتاج تعرف كيف يستجيب البرنامج عندما تتفاعل معه، وهنا في حالتك عندما تضغط على submit ماذا يحصل؟ هل هناك أية رسائل خطأ بالأحمر أو غير ذلك يظهر في console ؟

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

شكرا لك، نعم أخي الكريم عملت debbuging و تابعت من خلال console مايحدث:

عند النقر على submit , تظهر لي الرسالة التي شخصتها في catch exception, أما في console ف يظهر لي خطأ وحيد وهو post : error 500

وأكيد أنا أوافق لايجاد الحلول.

السلام عليكم

من فضلكم لدي مشكل

أنا أستعمل java servlet و jsp و mysql workbench

وضعت حقول لادخال البيانات ، ثم أستعيدها من قاعدة البيانات.

لكن المشكل يكمن أن البيانات لا تحفظ في القاعدة ولا أستطيع جلبها أيضا.

مع العلم أن mysql و tomcat يعملان وأن الطريق path مكتوب بشكل صحيح.

ملاحظة : البيانات المدخلة في الصور هي مدخلة يدويا وليس من الحقول.

شكرا.

React عبارة عن مكتبة , لماذا الكثير من المبرمجين يقولون عنها اطار عمل ؟
وهل ذلك بسبب خلطهم مع اطار العمل React Native ؟
وماهو الفرق بين مكتبة و اطار عمل ؟

السلام عليكم
سؤالي سهل وبديهي على الارجح ولكنني لا اعرف اجابته
اعلم ما هو css
 سؤالي هو : ما الفرق بين app.css و index.css 

السلام عليكم
لم افهم جيدا عمل useEffect و فيما يستخدم؟
شكرا مسبقا.

بتاريخ منذ ساعة مضت قال أسامة زيادة:

وعليكم السلام 

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

نعم اخي انا اوافقك, لاني أصلا لا ارغب في اجتياز الامتحان الان, بل عند الانتهاء من الدورة باكملها.
فقط سألت لانني لم افهم معنى جملة : انهاء اربع مسارات.
شكرا.

السلام عليكم
خلال دورة تطوير التطبيقات باستخدام JavaScript
عند اتمام كل من 
JavaScript
React JS
Node JS
React Native
هل يمكن اجتياز الامتحان النهائي ام يجب اتمام باقي الدروس ك Electron.JS و Ionic...؟
مع العلم أني عازم على اتمام الدورة بأكملها للأستفادة الشاملة من كل الدروس و المزايا المقدمة.
شكرا.

arrow function  في العادة نستعمل

const nameOfFunction = (parameters) => {....} 

ولكن لاحظت وجود () مكان {}

مثال :

 const nameOfFunction = (parameters) => (....) 

ماهو الفرق بينهما ؟
شكرا مسبقا.
 

بتاريخ 22 دقائق مضت قال Hassan Hedr:

شكرًا لك على إرفاق الشيفرة، ما هو شكل البيانات الذي يأتي من المسار employees في التابع التالي:

const getEmployees = () => {
  Axios.get("http://localhost:3001/employees").then((response) => {
    setEmployeeList(response.data); // data شكل البيانات 
  });
};

هل يمكنك إرفاق مثال عنها كما ذكرت لك شكل تلك البيانات مهم لحل المشكلة هل تحوي فقط على name و age، من غير الواضح في شيفرة الخادم ما هو شكل تلك البيانات

حسنا اخي تفضل مثال 
client.js و server.js : 


client.js
 

import "./App.css";

import { useState } from "react";

import Axios from "axios";

function App() {

const [name, setName] = useState("");

const [age, setAge] = useState(0);

const [country, setCountry] = useState("");

const [position, setPosition] = useState("");

const [wage, setWage] = useState(0);

const [newWage, setNewWage] = useState(0);

const [employeeList, setEmployeeList] = useState([]);

const addEmployee = () => {

Axios.post("http://localhost:3001/create", {

name: name,

age: age,

country: country,

position: position,

wage: wage,

}).then(() => {

setEmployeeList([

...employeeList,

{

name: name,

age: age,

country: country,

position: position,

wage: wage,

},

]);

});

};

const getEmployees = () => {

Axios.get("http://localhost:3001/employees").then((response) => {

setEmployeeList(response.data);

});

};

const updateEmployeeWage = (id) => {

Axios.put("http://localhost:3001/update", { wage: newWage, id: id }).then(

(response) => {

setEmployeeList(

employeeList.map((val) => {

return val.id == id

? {

id: val.id,

name: val.name,

country: val.country,

age: val.age,

position: val.position,

wage: newWage,

}

: val;

})

);

}

);

};

const deleteEmployee = (id) => {

Axios.delete(`http://localhost:3001/delete/${id}`).then((response) => {

setEmployeeList(

employeeList.filter((val) => {

return val.id != id;

})

);

});

};

return (

<div className="App">

<div className="information">

<label>Name:</label>

<input

type="text"

onChange={(event) => {

setName(event.target.value);

}}

/>

<label>Age:</label>

<input

type="number"

onChange={(event) => {

setAge(event.target.value);

}}

/>

<label>Country:</label>

<input

type="text"

onChange={(event) => {

setCountry(event.target.value);

}}

/>

<label>Position:</label>

<input

type="text"

onChange={(event) => {

setPosition(event.target.value);

}}

/>

<label>Wage (year):</label>

<input

type="number"

onChange={(event) => {

setWage(event.target.value);

}}

/>

<button onClick={addEmployee}>Add Employee</button>

</div>

<div className="employees">

<button onClick={getEmployees}>Show Employees</button>

{employeeList.map((val, key) => {

return (

<div className="employee">

<div>

<h3>Name: {val.name}</h3>

<h3>Age: {val.age}</h3>

<h3>Country: {val.country}</h3>

<h3>Position: {val.position}</h3>

<h3>Wage: {val.wage}</h3>

</div>

<div>

<input

type="text"

placeholder="2000..."

onChange={(event) => {

setNewWage(event.target.value);

}}

/>

<button

onClick={() => {

updateEmployeeWage(val.id);

}}

>

{" "}

Update

</button>

<button

onClick={() => {

deleteEmployee(val.id);

}}

>

Delete

</button>

</div>

</div>

);

})}

</div>

</div>

);

}

export default App;

..............................................................................................................................................................
server.js 
 

const express = require("express");

const app = express();

const mysql = require("mysql");

const cors = require("cors");

app.use(cors());

app.use(express.json());

const db = mysql.createConnection({

user: "root",

host: "localhost",

password: "password",

database: "employeeSystem",

});

app.post("/create", (req, res) => {

const name = req.body.name;

const age = req.body.age;

const country = req.body.country;

const position = req.body.position;

const wage = req.body.wage;

db.query(

"INSERT INTO employees (name, age, country, position, wage) VALUES (?,?,?,?,?)",

[name, age, country, position, wage],

(err, result) => {

if (err) {

console.log(err);

} else {

res.send("Values Inserted");

}

}

);

});

app.get("/employees", (req, res) => {

db.query("SELECT * FROM employees", (err, result) => {

if (err) {

console.log(err);

} else {

res.send(result);

}

});

});

app.put("/update", (req, res) => {

const id = req.body.id;

const wage = req.body.wage;

db.query(

"UPDATE employees SET wage = ? WHERE id = ?",

[wage, id],

(err, result) => {

if (err) {

console.log(err);

} else {

res.send(result);

}

}

);

});

app.delete("/delete/:id", (req, res) => {

const id = req.params.id;

db.query("DELETE FROM employees WHERE id = ?", id, (err, result) => {

if (err) {

console.log(err);

} else {

res.send(result);

}

});

});

app.listen(3001, () => {

console.log("Yey, your server is running on port 3001");

});

بتاريخ 41 دقائق مضت قال Hassan Hedr:

نعم عند طرح سؤالك ضمن قسم الأسئلة العامة في الأكاديمية يفضل دومًا إرفاق الشيفرة بشكل نصي بدلًا من الصور أو إرفاق الملفات، وذلك حتى تحصل على إجابة مناسبة

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

اولا home.jsx التي فيها الرسم chart

 

import Chart from "../../components/chart/Chart";

import FeaturedInfo from "../../components/featuredInfo/FeaturedInfo";

import "./home.css";

import { userData } from "../../dummyData";

import WidgetSm from "../../components/widgetSm/WidgetSm";

import WidgetLg from "../../components/widgetLg/WidgetLg";




export default function Home() {



  return (

    <div className="home">

         

      <FeaturedInfo />

      <Chart data={ userData } title="User Analytics" grid dataKey="Active User"/>



      <div className="homeWidgets">

        <WidgetSm/>

        <WidgetLg/>

      </div>

    </div>

  );

}

ثانيا dummydata.js التي تحتوي على البيانات الخاصة ب الرسم chart

 

export const userData = [


 {

      name: "Feb",

      "Active User": 3000,

    },

    {

      name: "Mar",

      "Active User": 5000,

    },

    {

      name: "Apr",

      "Active User": 4000,

    },

    {

      name: "May",

      "Active User": 3000,

    },

    {

      name: "Jun",

      "Active User": 2000,

    },

    {

      name: "Jul",

      "Active User": 4000,

    },

    {

      name: "Agu",

      "Active User": 3000,

    },

    {

      name: "Sep",

      "Active User": 4000,

    },

    {

      name: "Oct",

      "Active User": 1000,

    },

    {

      name: "Nov",

      "Active User": 4000,

    },

    {

      name: "Dec",

      "Active User": 3000,

    },

  ];



  export const productData = [

    {

      name: "Jan",

      "Sales": 4000,

    },

    {

      name: "Feb",

      "Sales": 3000,

    },

    {

      name: "Mar",

      "Sales": 5000,

    },

  ];

ثالثا index.js فيها كود السارفر 

 

const express = require("express");

const app = express();

const mysql = require("mysql");

const cors = require("cors");




app.use(cors());

app.use(express.json());



const db = mysql.createConnection({

  user: "root",

  host: "localhost",

  password: "password",

  database: "tp",

});



app.post("/create", (req, res) => {

  const Username = req.body.username;

  const Fullname = req.body.fullname;

  const Date = req.body.date;

  const Email = req.body.email;

  //const Password = req.body.Password;

  const Phone = req.body.phone;

  const Address = req.body.address;






  db.query(

    "INSERT INTO tp.users (Username , Fullname, Date, Email, Phone, Address) VALUES (?,?,?,?,?,?)",

    [Username, Fullname, Date, Email,  Phone, Address],

    (err, result) => {

      if (err) {

        console.log(err);

      } else {

        res.send("Values Inserted");

      }

    }

  );

});




app.post("/newuser", (req, res) => {

  const Username = req.body.username;

  const Fullname = req.body.fullname;

   const Date = req.body.date;

   const Email = req.body.email;

   const Password = req.body.password;

   const Phone = req.body.phone;

   const Address = req.body.address;



   db.query(

    "INSERT INTO tp.newu (Username , Fullname, Date, Email, Password, Phone, Address) VALUES (?,?,?,?,?,?,?)",

    [Username, Fullname, Date, Email, Password, Phone, Address],

    (err, result) => {

      if (err) {

        console.log(err);

      } else {

        res.send("Values Inserted");

      }

    }

  );

});  



app.get("/users", (req, res) => {

  db.query("SELECT * FROM tp.users", (err, result) => {

    if (err) {

      console.log(err);

    } else {

      res.send(result);

    }

  });

});



app.listen(3001, () => {

  console.log("yoo");

});

الان المطلوب هو مكان userdata المتواجدة في home.jsx تحديدا في  <Chart data={ userData } title="User Analytics" grid dataKey="Active User"/>
استبدلها ب 
ملاحظة : فيما يلي الطريقة وليس كود الخاص بي يعني اعرف تغير المتغيرات بالتي تخصني فقط اود الطريقة 
 

const [employeeList, setEmployeeList] = useState([]);


const getEmployees = () => {

Axios.get("http://localhost:3001/employees").then((response) => {

setEmployeeList(response.data);

});

};

{employeeList.map((val, key) => {

return (

<div className="employee">

<div>

<h3>Name: {val.name}</h3>

<h3>Age: {val.age}</h3>


</div>

);

})}

مع استعمال button طبعا

 

امل انك فهمتني اخي 
نا اود ان البيانات userdata اتي بها من قاعدة البيانات وليس من dummydata.js
لدا استعملت map() 
لكن لم تعمل معي كوني لم اعرف 

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

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

اخي تريد مني ان اكتب لك الكود الخاص بسؤالي بدلا من ملف js ؟
اما البيانات فانى اتي بها بشكل سليم 
لم اعرف استعمالها في المنحنى chart فقط

بتاريخ 1 ساعة قال Hassan Hedr:

يرجى استبدال الصور بالشيفرة بشكل نصي ضمن نص السؤال وتنسيقها بتنسيق Code لتحصل على الإجابة ونتمكن من المساعدة

حسنا تفضل
الرسم البياني chart متواجد في home.jsx
بياناته userdata متواجدة في dummydata.js

انا اود ان البيانات userdata اتي بها من قاعدة البيانات وليس من dummydata.js
لدا استعملت map() 
لكن لم تعمل معي كوني لم اعرف 
 

    <Chart data={ {employeeList.map((val, key) => { }/>

Home.jsx

dummyData.js

index.js

السلام عليكم
مشكلتي تكمن في عدم قدرتي على استعمال البيانات المجلوبة من قاعدة البيانات في منحنى chart js
استطيع جلبها و اضهارها في الواجهة ولكن لم استطع في chart js 
1.png و 2.png و 3.png يعملون بدون مشكل ولكن بدون قاعدة بيانات
4.png الطريقة التي اود استعمالها مع العلم انني اعرف كيف استعمل Axios.get 
الخلاصة : كيف امزج بين 
employeeList.map((val, key) => {...     
  و
 <Chart data={ userData }
حيث 

const userData = [ {  name: "Feb",    "Active User": 3000, },

شكرا مسبقا