في هذا المقال سنكمل تطوير تطبيق الويب (CRUD Web App) المرتبط بـ Google Sheets باستخدام Google Apps Script.
هذا المقال هو الجزء الثاني من السلسلة وفيه سنضيف مميزات متقدمة ونطوّر واجهة المستخدم (UI) للتطبيق.
نبذة سريعة عن المشروع#
الجزء الثاني من تطبيق الويب Bookmark web app سنقوم فيه بتطوير الاسكربت الخاص بالمشروع على مستوى الفورنت إند والباك إند الذي سنستخدم فيه جوجل شيت بدلاً من قواعد بيانات معروفة مثل MySQL او MongoDB.
الفيديو يشرح كيفية استخدام Google Sheets API مع Apps script لبناء تطبيق ويب لحفظ وتعديل وحذف البيانات داخل جوجل شيت.
مع إضافة مميزات متقدمة مثل البحث والحذف المتعدد.
هذا المحتوى مناسب للمطورين المهتمين بإستخدام Google Sheets كقاعدة بيانات مجانية وأيضاً إحتراف لغات مثل : HTML / CSS / Javascript.
التقنيات المستخدمة#
- HTML - CSS - JS.
- Google Sheets API.
- Apps Script.
- إستخدام API.
ماذا ستتعلم من هذا المشروع#
- إضافة Bulk Delete لحذف أكثر من صف مرة واحدة
- إضافة Bulk Pin لتثبيت عدة صفوف داخل الجدول
- عمل Sorting للبيانات داخل الجدول
- تطبيق Filter by Date لعرض البيانات حسب التاريخ
- تطوير الفورم بإضافة حقل النوع (Type)
- عرض Badges ديناميكية داخل الجدول حسب النوع
- تحسين UI الخاص بالجدول ليصبح احترافيًا
فكرة المشروع باختصار#
هذا المشروع عبارة عن تطوير لنظام حفظ الروابط التى تقوم بزياراتها Bookmark.
يمكن استخدامه في حفظ المواقع الإلكترونية الذي تقوم بزياراتها وأيضاً قنوات اليوتيوب التي تقوم بمتابعنها ويمكنك أيضاً حفظ روابط الكورسات والمقالات المفيدة لك.
الفيديو مناسب لـ:#
- من شاهد الجزء الأول ويريد إكمال المشروع
- مطوري الويب باستخدام Google Apps Script
- من يريد بناء تطبيق ويب احترافي مرتبط بجوجل شيت
- من يبحث عن تطوير مشروع CRUD حقيقي
روابط مهمة#
أسئلة سريعة (FAQ)#
نعم, يكفي فقط أن يكون لديك أساسيات الـ HTML, CSS, Javascript.
نعم، على الـ Github.
أن يكون لديك حساب على جوجل شيت وأساسيات الـ HTML, CSS, JS. وأيضاً محرر أكواد للبدأ في المشروع.
