Mustafa Mahmoud7
-
المساهمات
813 -
تاريخ الانضمام
-
تاريخ آخر زيارة
-
عدد الأيام التي تصدر بها
1
7 متابعين
آخر الزوار
1356 زيارة للملف الشخصي
إنجازات Mustafa Mahmoud7
-
ستجد أسفل فيديو الدرس في نهاية الصفحة صندوق تعليقات كما هنا، أرجو طرح الأسئلة أسفل الدرس وليس هنا في قسم أسئلة البرمجة حيث نطرح الأسئلة العامة الغير متعلقة بمحتوى الدورة أو الدرس، وذلك لمساعدتك بشكل أفضل.- 1 جواب
-
- 1
-
-
لا يمكن تعديل ملف JSON مباشرة من خلال المتصفح لأن JavaScript في المتصفح لا يمتلك صلاحيات الكتابة على الملفات لأسباب أمنية. يمكنك حفظ المعلومات في الذاكرة المحلية localStorage بحيث يتم تخزين البيانات في المتصفح واسترجاعها عند إعادة تحميل الصفحة. نقوم بإنشاء ملف index.html وإنشاء الـ form كالتالي <!DOCTYPE html> <html lang="ar"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>إدارة المستخدمين</title> </head> <body> <h2>إدخال معلومات المستخدم</h2> <form id="userForm"> <input type="text" id="name" placeholder="الاسم" required> <input type="email" id="email" placeholder="البريد الإلكتروني" required> <button type="submit">إضافة مستخدم</button> </form> <h2>قائمة المستخدمين</h2> <div id="userList"></div> <script src="./script.js"> </script> </body> </html> بعد ذلك نقوم بعمل ملف script.js ونضع به هذه الأكواد وستكون هي المسؤوالة عن الإضافة إلي localStorage وستكون الأكواد كالتالي // استرجاع المستخدمين المخزنين مسبقًا let users = JSON.parse(localStorage.getItem("users")) || []; // عرض المستخدمين عند تحميل الصفحة function displayUsers() { const userList = document.getElementById("userList"); userList.innerHTML = ""; users.forEach((user, index) => { const userDiv = document.createElement("div"); userDiv.classList.add("user-item"); userDiv.innerHTML = ` <span>${user.name} - ${user.email}</span> <button onclick="deleteUser(${index})">حذف</button> `; userList.appendChild(userDiv); }); } // إضافة مستخدم جديد document.getElementById("userForm").addEventListener("submit", function (event) { event.preventDefault(); const name = document.getElementById("name").value; const email = document.getElementById("email").value; const user = { name, email }; users.push(user); // إضافة المستخدم إلى القائمة localStorage.setItem("users", JSON.stringify(users)); // تخزين في localStorage displayUsers(); // تحديث العرض this.reset(); // إعادة تعيين النموذج }); displayUsers(); قمنا بعمل الدالة الأولى ()displayUsers وهي تقوم بعرض المستخدمين عند تحميل الصفحة أو إضافة أي مستخدم جديد ثم بعد هذه الدالة قمنا بالوصول إلى الـ form وفي كل مرة نقوم بتقديم النموذج نقوم بإضافة البيانات إلى localStorage واستدعاء الدالة ()displayUsers مرة أخرى لتحديث القائمة بالمستخدم الجديد. أو يمكنك عمل خادم بواسطة Nodejs وتتعامل مع ملفات JSON والتعديل عليها كما ذكر لك الأستاذ محمد ويمكنك بعد ذلك إرسال واستقبال البيانات إلى الخادم والتعديل في ملف JSON أو القراءة منه. بعد إنشاءك للخادم تستطيع إرسال واستقبال البيانات من الخادم كالتالي على const API_URL = "http://localhost:3000/user"; // عنوان API // جلب المستخدمين من الخادم async function fetchUsers() { try { const response = await fetch(API_URL); const users = await response.json();//تحويل البيانات من جسون إلى كائن جافاسكربت displayUsers(users); } catch (error) { console.error("خطأ في جلب المستخدمين:", error); } } // عرض المستخدمين في الصفحة function displayUsers(users) { const userList = document.getElementById("userList"); userList.innerHTML = ""; users.forEach((user, index) => { const userDiv = document.createElement("div"); userDiv.classList.add("user-item"); userDiv.innerHTML = ` <span>${user.name} - ${user.email}</span> <button onclick="deleteUser(${index})">حذف</button> `; userList.appendChild(userDiv); }); } // إضافة مستخدم جديد document.getElementById("userForm").addEventListener("submit", async function(event) { event.preventDefault(); const name = document.getElementById("name").value; const email = document.getElementById("email").value; const user = { name, email }; try { await fetch(API_URL, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(user)// تحويل البيانات من كائن جافاسكربت إلى جيسون }); fetchUsers(); // تحديث القائمة بعد الإضافة this.reset(); // إعادة تعيين النموذج } catch (error) { console.error("خطأ في إضافة المستخدم:", error); } } // تحميل المستخدمين عند فتح الصفحة fetchUsers(); بهذه الطريقة قمنا بإرسال واستقبال الطلبات والتواصل مع الخادم والحفظ في ملف JSON بدلا من localstorage في بداية تحميل الصفحة سيتم إرسال طلب للخادم لجلب كل المستخدمين ثم بعد ذلك عند تقديم النموذج سيتم إرسال المستخدم للخادم وتخزينه في الملف يتم إعادة جلب المستخدمين مرة أخرى لعرضهم بالبيانات الجدية في ملف JSON
-
ليس من الضروري إنهاء كافة المسارات في الدورة للدخول للإختبار تستطيع استثناء بعضها ولكن الأفضل إنهاءها جميع لكي تستفيد بكامل محتوى الدورة من معلومات ومهارات. ولكن إذا أردت الدخول للإختبار بدون إنهائك لمسارات تحليل البيانات والذكاء الاصطناعي تستطيع ذلك لا مشكلة حيث يمكنك الدخول للإختبار بعد إنهائك لأربع مسارات تعليمية من الدورة. يمكنك التقدم إلى امتحان الدورة، من خلال التواصل مع مركز مساعدة أكاديمية حسوب، مع مراعاة الشروط التالية: إتمام أربعة مسارات تعليمية على الأقل. التطبيق العملي مع المدرب، والاحتفاظ بالمشاريع العملية الناتجة لإرسالها للمراجعة. رفع المشاريع على حسابك على GitHub أولًا بأول لمشاركتها معنا. وفي الإختبار سيتم اختبارك فقط في المسارات التي قمت بدراستها ويوجد تفاصيل أكثر حول الإختبار من صفحة الامتحان والحصول على الشهادة
-
بالنسبة لأي سؤال متعلق بالأمور المالية يرجى التوجه إلى مركز المساعدة والتحدث معهم من هنا. تستطيع سؤالهم عن أي شئ خاص بالدفع أو قيمة الدورة بالعملات المختلفة أو أي سؤال أخر خاص بالأمور المالية.
-
تحدث Hydration errors عندما لا يتطابق الـ HTML الذي يتم توليده على السيرفر مع الـ HTML الذي يتم عرضه على جانب العميل مما يؤدي إلى أن React يقوم بإعادة تهيئة الـ DOM على جانب العميل غير متطابق مع جانب السيرفر وهذا الخطأ يمكن أن يكون ناتجًا عن عدة أسباب استخدام <div> داخل <p>: حيث أن الـ <p> هو عنصر مخصص للنصوص والفقرات ولا ينبغي أن يحتوي على عناصر أخرى مثل <div>, مما قد يؤدي إلى حدوث خلل في التوافق بين الـ HTML الذي تم توليده على السيرفر والـ HTML الذي يتم عرضه على العميل. تغيرات في البيانات بين السيرفر والعميل (مثل استخدام Date.now() أو Math.random()) التي تعطي نتائج مختلفة في كل مرة، مما يسبب اختلافات بين الـ HTML الذي يولده السيرفر والـ HTML الذي يعرضه العميل. وجود إضافات للمتصفح تؤثر على الـ HTML قبل تحميل React مثل إضافات Grammarly لذلك يرجى تعطيل الإضافات والتجربة.
-
ستجد أسفل فيديو الدرس في نهاية الصفحة صندوق تعليقات كما هنا، أرجو طرح الأسئلة أسفل الدرس وليس هنا في قسم أسئلة البرمجة حيث نطرح الأسئلة العامة الغير متعلقة بمحتوى الدورة أو الدرس، وذلك لمساعدتك بشكل أفضل. إذا كان هذا السؤال غير متعلق بمحتوى أحد الدورات يرجى ذكر لك.
-
ستجد أسفل فيديو الدرس في نهاية الصفحة صندوق تعليقات كما هنا، أرجو طرح الأسئلة أسفل الدرس وليس هنا في قسم أسئلة البرمجة حيث نطرح الأسئلة العامة الغير متعلقة بمحتوى الدورة أو الدرس، وذلك لمساعدتك بشكل أفضل.
-
نعم يمكنك التقدم إلى الامتحان الآن طالما أنهيت اربع مسارات من الدورة يمكنك التواصل مع مركز المساعدة من هنا وتوضيح رغبتك بإجراء الامتحان. مع مراعاة هذه الشروط إتمام أربعة مسارات تعليمية على الأقل. التطبيق العملي مع المدرب، والاحتفاظ بالمشاريع العملية الناتجة لإرسالها للمراجعة. رفع المشاريع على حسابك على GitHub أولًا لمشاركتها مع مركز المساعدة. بعد تحقيق الخطوة السابق سيتم الآتي محادثة صوتية: سنحدد لك موعد لاجراء محادثة صوتية لمدة 30 دقيقة يطرح المدرب فيها أسئلة متعلقة بالدورة ويناقش معك ما نفذته خلالها بالطبع سيتم سؤالك في الأربع مسارات التي أنهيتها فقط. مشروع التخرج: سيحدد لك المدرب مشروعًا مرتبطًا بما تعلمته أثناء الدورة لتنفيذه خلال فترة محددة تتراوح بين أسبوع الى أسبوعين. مراجعة المشروع والتخرج: سيراجع المدرب المشروع الذي أنجزته، وإن سارت جميع الخطوات السابقة بشكل صحيح، ستتخرج وتحصل على الشهادة أو يرشدك المدرّب لأماكن القصور ويطلب منك تداركها ثم التواصل معنا من جديد. من الأفضل عدم الإكتفاء بالأربع مسارات فقط وإكمال مسارات الدورة لإكتساب العديد من المهارات الأخري.
- 1 جواب
-
- 1
-
-
لا مشكلة في ذلك يمكنك إكمال المسار الناقص لك والتطبيق مع المدرب للمشاريع التي في هذا المسار الذي تريد دراسته ثم التواصل مع مركز المساعدة وتقديم لهم المشاريع التي قمت بتطبيقها بالكامل أثناء الدورة. وهذه هي شروط التقدم للإمتحان إتمام أربعة مسارات تعليمية على الأقل التطبيق العملي مع المدرب، والاحتفاظ بالمشاريع العملية الناتجة لإرسالها للمراجعة رفع المشاريع على حسابك على GitHub أولًا بأول لمشاركتها معنا رفع المشاريع على GitHub ثم مشاركتها ستطلب منك عند طلبك الدخول للإمتحان. وهذه هي الخطوات للتقدم للإمتحان تواصل معنا أخبرنا برغبتك باجراء الامتحان عن طريق التواصل مع مركز المساعدة مع تزويدنا بروابط مشاريعك التي طبقتها أثناء الدورة. يجب أن تكون قد طبقت المشاريع مع المدرب أثناء الدورة، ولا يمكن اجراء امتحان بمشاهدة المحتوى فقط. محادثة صوتية سنحدد لك موعد لاجراء محادثة صوتية لمدة 30 دقيقة يطرح المدرب فيها أسئلة متعلقة بالدورة ويناقش معك ما نفذته خلالها. مشروع التخرج سيحدد لك المدرب مشروعًا مرتبطًا بما تعلمته أثناء الدورة لتنفيذه خلال فترة محددة تتراوح بين أسبوع الى أسبوعين. مراجعة المشروع والتخرج سيراجع المدرب المشروع الذي أنجزته، وإن سارت جميع الخطوات السابقة بشكل صحيح، ستتخرج وتحصل على الشهادة أو يرشدك المدرّب لأماكن القصور ويطلب منك تداركها ثم التواصل معنا من جديد.
-
هنيئا لك للحصول على الشهادة واجتياز الامتحان بنجاح. سيتم توجهيك بعد الدورة والحصول على الشهادة لتحسين مهاراتك بما يتناسب مع سوق العمل، لتحسين سيرتك الذاتية وملفاتك الشخصية على مواقع العمل الحر من قبل فريق العمل تستطيع التواصل معهم من خلال مركز المساعدة. ستقوم بعمل حساب في موقع مستقل وخمسات ومواقع العمل الحر الأخرى ومواقع التوظيف مثل linkedIn والبحث في هذه المواقع عن وظائف ومشاريع تناسب مهاراتك ومماثلة للمواقع التي قمت بالعمل عليها أثناء الدورة. ستجد تفصيل في ردود سابقة على هذا السؤال من قبل
- 2 اجابة
-
- 1
-
-
رغم أن الفيديو الترويجي قد يكون قديمًا قليلًا إلا أن الأكاديمية تحرص على تحديث الدورة بشكل دوري لتواكب أحدث التقنيات. لغات الترميز مثل HTML ولغة CSS تعد من الأساسيات التي مر عليها وقت طويل ولكن هي حجر الأساس للعمل كمطور واجهات مستخدم، ومع ذلك يتم إضافة خصائص جديدة إليها بين الحين والآخر. كذلك، لغات البرمجة مثل javascript تظل أساسية لكن يتم تحديثها وإضافة ميزات جديدة باستمرار. أكاديمية حسوب تتابع هذه التحديثات وتدمجها في الدورة بشكل مستمر لضمان توافقها مع التقنيات الحديثة ومتطلبات سوق العمل والدورة متاحة لك مدى الحياة تستطيع متابعة التحديثات لها حتى بعد إنتهائك منها والحصول على الشهادة. بنهاية الدورة ستكون قد حصلت على المهارات اللازمة للعمل كمطور واجهات مستخدم.
-
بعد اجتيازك لأربع مسارات من الدورة والتطبيق مع المدرب وتقديم المشاريع التي قمت بتطبيقها مع المدرب تستطيع التقدم للإمتحان والحصول على الشهادة ولكن الأفضل دراسة الدورة بالكامل لإكتساب العديد من المهارات وزيادة فرصك للحصول على عمل بشكل سريع. بعد الحصول على الشهادة من الأكاديمية سيتم منحك باقة كتابة السيرة الذاتية في موقع بعيد بقيمة 99$ مجانًا وسيجري لك فريق أخصائيي التوظيف مقابلة صوتية يتعرف فيها على مهاراتك، ويكتب لك أفضل سيرة ذاتية مخصصة لك؛ ثم سيتابع معك لضبط حسابك على مستقل وبعيد ويقدم لك نصائح مخصصة للحصول على عملك الأول. فأكاديمية حسوب لا تقدم لك عمل أو وظيفة ولكن تقدم لك الدورة وبها كافة المهارات التي تساعدك على العمل وأيضا منحة موقع بعيد لكتابة السيرة الذاتية وتهيئة حسابك بشكل جيد على موقع مستقل ونصائح لك للوصول إلى العميل الأول لك وكيفية أختيار العميل والعمل المناسب.
- 3 اجابة
-
- 1
-
-
الكود الذي أرفقته صحيح وطريقة كتابته ليس بها مشكلة يُستعمَل العنصر <audio> لتضمين المحتوى الصوتي في المستندات، وقد يحتوي على ملف مصدري واحد أو أكثر التي تُمثَّل باستخدام الخاصية src أو عبر العنصر <source>، وسيختار المتصفح أنسب الملفات الصوتية لتشغيلها. يرجى إرفاق المشكلة أو الإستفسار الذي تريده ليتم توضيحه لك. وإذا كان السؤال متعلق بإحدى دروس الدورات فستجد أسفل فيديو الدرس صندوق للتعليقات كما هنا يرجى طرح سؤالك أسفل الدرس وليس هنا حيث هنا قسم الأسئلة العامة ولا نقوم بإجابة الأسئلة الخاصة بمحتوى الدورة أو الدرس، وذلك لمعرفة الدرس الذي توجد به مشكلتك و لمساعدتك بشكل أفضل.
-
إذا لم تقم بتثبيت Git من قبل عليك بتنزيله وتثبيته مثل أي برنامج من هذا الرابط https://git-scm.com/download/win أو اختيار النظام الخاص بك مثل linux أو macos سأكمل الشرح بافتراض استخدامك لويندوز، اختر الإعدادات الافتراضية أثناء التثبيت وتأكد من تفعيل خيار Git Bash (للحصول على واجهة أوامر). بعد التثبيت تحقق من نجاح العملية عن طريق فتح سطر الأوامر CMD ثم وضع الأمر git --version إذا كان Git مثبتًا بنجاح سيظهر إصدار Git مثل: git version 2.x.x قم بتعريف اسم المستخدم والبريد الإلكتروني الخاص بك لكي يعرف من الذي يقوم بإضافة التعديلات للمستودع نقوم بإضافتهم من خلال سطر الأومر كالأتي git config --global user.name "Your Name" git config --global user.email "your.email@example.com" بعد ذلك علينا بتهيئة مستودع محلي للمشروع الخاص بك قم بنسخ المشروع المضغوط إلى جهازك ثم فك الضغط عنه والدخول للمجلد الرئيسي ثم فتح سطر الأومر بداخل هذا المجلد الرئيسي للمشروع واستخدم الأمر التالي لتهيئة مستودع Git جديد داخل المشروع git init git init: يقوم بإنشاء مجلد .git داخل المشروع. هذا المجلد يحتوي على بيانات التتبع للمستودع. أضف جميع الملفات في المشروع إلى التتبع باستخدام: git add . . git add : يضيف جميع الملفات والمجلدات داخل المشروع إلى منطقة التهيئة (staging area). بعد إضافة الملفات قم بإنشاء أول رسالة (commit): git commit -m "Initial commit" git commit: يحفظ تغييرات الملفات في المستودع. m- : لتحديد رسالة. "Initial commit": الرسالة التي تعبر عن أن هذه هي الرسالة الأولى أو التغيير الأول يمكنك اختيار أي رسالة تعبر عن التغييرات بعد ذلك. بهذه الطريقة تمت عملية انشاء مستودع محلي وتستطيع إضافة التغييرات بعد ذلك عن طريق هذه الأوامر بالترتيب للمستودع المحلي git add . ثم إضافة الرسالة git commit -m "رسالة تعبر عن التغيير" انظر أيضا لهذه المقالات والإجابات بها شرح جيد لـ git وكيفية التعامل معه
-
في بعض الأوقات يوجد ضغط كبير من الرسائل على مركز المساعدة لذلك يتأخرون بالرد بعض الشئ ولكن بالتأكيد سيتم الرد في أقرب وقت.