Roger Iraq

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

احتاج مثال تفصيلي لخزن معلومات موظفين في كوكل شيت بحيث يصبح كقاعدة بيانات

ثم اعمل واجهة ادخال بيانات فورم لكل موظف بحيث يضيف الى معلوماته في الكوكل شيت الخاص بجميع الموظفين

وكذلك واجهة خاصة لمدير النظام بحيث يسيطر على كل المعلومات مع امكانية بحث داخل واجهة مدير النظام للبحث عن الموظفين وعند البحث يستطيع مدير النظام الوصول الى الموظف الذي يبحث عنه ثم عند الضغط على الموظف تظهر شاشة تتضمن جميع معلومات الموظف

ثم كل ذلك ينشر داخل surge.sh

وشكرا اتمنى الحصول على تفاصيل كاملة من الالف للياء

بتاريخ On 5‏/11‏/2023 at 22:40 قال Mustafa Suleiman:

ما هي اللغة التي تنوي استخدامها؟

أتوقع أنها جافاسكريبت، أولاً عليك إنشاء ملف google sheet جديد، انتقل إلى موقع Google Drive واضغط على الزر "إنشاء". ثم، حدد "جدول بيانات".

بعد إنشاء الملف، قم بمنح الإذن للتطبيق بالوصول إليه، من خلال:

• افتح الملف.
• انقر على "مشاركة".
• أضف عنوان URL للتطبيق في مربع "الأشخاص الذين يمكنهم الوصول إلى هذا الملف".
• حدد "المحررين".
• انقر على "حفظ".

الخطوة التالية هي استخدم نموذج HTML لجمع بيانات الموظفين، مثل الاسم، والعنوان، ورقم الهاتف، والبريد الإلكتروني، وما إلى ذلك، كالتالي:

<form action="" method="post">
  <input type="text" name="name" placeholder="الاسم">
  <input type="text" name="address" placeholder="العنوان">
  <input type="text" name="phone" placeholder="رقم الهاتف">
  <input type="email" name="email" placeholder="البريد الإلكتروني">
  <input type="submit" value="حفظ">
</form>

بعد ذلك، عليك استخدم التعليمات البرمجية في JavaScript لربط النموذج بملف google sheet، من خلال مكتبة للتعامل مع الـ API الخاص بـ google sheet مثل مكتبة google-spreadsheet.

وستجد شرح للمكتبة من خلال المستند الرسمي هنا:

• https://theoephraim.github.io/node-google-spreadsheet/#/

نعم صح لغة جافا سكربت لكن احتاج تفاصيل اكثر من حيث وجود form  لاضافة موظفين و form اخر يقوم باجراء عملية بحث داخل البيانات واظهارها و كذلك form يمكن كل موظف الدخول الى حسابه ورؤية معلوماته

شكرا على ردك

اذا امكن كيفية عمل تطبيق HR للموظفين يخزن بياناته في goggle sheet وشكرا

السلام عليكم اخوتي شكرا لردودكم

حقيقة انا اعرف ان مكتبة React موجودة ضمن دورة اخرى وللاشتراك بها يجب تحمل اعباء مالية اضافية فإذا امكن تتكرمون علينا ووضعها في نهاية دورة تطوير واجهات المستخدم ضمن اي تحديث قادم للدورة كونها مرتبطة بالـ(Front End) كما تم سابقا في تحديث الدورة حيث اضيفت مواضيع جديدة مثل (fetch API) وغيرها

شكرا مرة اخرى واذا لا يمكن إضافة منهاج مكتبة React  ضمن تحديثكم للدورة تطوير واجهة المستخدم ساحاول مضطرا الاشتراك في دورة تطوير التطبيقات باستخدام جافا سكربت عند تمكني ماليا من ذلك

انا مشترك بدورة دورة تطوير واجهة المستخدم والغريب عدم شموله Reactjs  على الرغم انه يعمل بجزء Front-End حقيقة هذه المكتبة مهمة لعمل واجهات المستخدم ارجو نقلها في هذه الدورة للاستفادة منها وضبط جزء الـ Front-End بالكامل وشكرا

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

انا حاليا ومن مدة ليست بالقصيرة منظم الى كورس تطوير واجهات المستخدم ولكن للاسف لم اجد الطريقة المثلى للدراسة في هذا الكورس 

يرجى منكم توجيهي بالطريقة المثلى لدراسة الكورس لغرض اكماله كوني لدي الرغبة لاكماله والاشتراك في كورسات اخرى تكميلية لاصبح full stack developer

مع الشكر والتقدير