00:00:00معظم المطورين يبالغون في هندسة الأدوات الداخلية، ولنكن صادقين، جميعنا نعرف ذلك.
00:00:04تقوم بتشغيل React، وربط واجهات البرمجيات، وبناء المصادقة، وإدارة الحالة فقط لإطلاق لوحة تحكم هي في الأساس
00:00:10نماذج وجداول. هذا هو AppSmith، أداة مفتوحة المصدر مع أكثر من 39,000 نجمة يمكنها
00:00:16استبدال معظم ذلك في دقائق معدودة. فكر فيه كبديل مفتوح المصدر لـ Bubble،
00:00:21وسأوضح لك كيف يعمل في غضون دقائق قليلة.
00:00:29الآن، AppSmith ليس جديداً تماماً، لكنه لا يزال لا يحظى بالحديث عنه بالقدر الذي يستحقه.
00:00:34إنه ليس مبنياً لصفحات الهبوط أو تطبيقات العملاء، بل للأدوات الداخلية فقط. نحصل على واجهة مستخدم يمكنك سحبها
00:00:41وإفلاتها، ولكن مع JavaScript كاملة حتى لا تتعطل أبداً. تقوم بتوصيل قواعد البيانات، وواجهات البرمجيات، وأدوات SaaS،
00:00:47ولا تزال تستخدم Git مثل أي مطور عادي. الآن، لا يوجد تقييد هنا ويمكننا استضافته ذاتياً بالكامل
00:00:54مجاناً، بالإضافة إلى الحصول على مستخدمين غير محدودين. لذا السؤال الحقيقي هو، هل يوفر هذا الوقت حقاً؟
00:01:00دعني أريك. إذا كنت تستمتع بالأدوات مفتوحة المصدر ونصائح البرمجة كهذه،
00:01:04تأكد من الاشتراك. لدينا فيديوهات تصدر طوال الوقت. الآن، بمجرد تشغيل AppSmith،
00:01:10ستنشئ حساباً سريعاً، الأمر بسيط للغاية. ثم في لوحة التحكم، يمكنك بدء تطبيق جديد
00:01:15بلوحة فارغة. وبما أن هذا ليس درساً تعليمياً كاملاً، فسأختار قاعدة بيانات Postgres
00:01:21المعدة مسبقاً، ولكن يمكنك أن ترى هنا كل الخيارات التي لدينا حقاً والتي يمكننا بناؤها في هذا،
00:01:26وهو أمر رائع حقاً. بمجرد أن يكون لدي قاعدة بيانات وفي حالتي تم ربط Postgres، نكون قد انتهينا.
00:01:32في قاعدة البيانات، هناك مجموعة من الجداول التي يمكنك اللعب بها، لكني سأختار
00:01:36جدول الموظفين لأن به بعض المستخدمين الوهميين. الآن، سأقوم بإسقاط جدول،
00:01:42وأختار الاتصال بجدول قاعدة البيانات الصحيح. يقوم بملء الجدول فوراً، ثم يمكنني
00:01:47إضافة نموذج إدخال وزر إرسال. يمكنك أن ترى كيف أن كل هذا يعتمد على السحب والتشغيل،
00:01:52ثم في الشريطي الجانبي، يمكنني حتى ربط الاستعلامات وحتى JavaScript فيه.
00:01:55لقد قمت بالفعل بربط البيانات بالجدول، ولكن هنا يمكنني عمل استعلام مع حقل الإدخال للبحث
00:02:01عن مستخدم في قاعدة بياناتنا. هكذا ببساطة، تم الأمر. أضف محفزاً لزرنا للتحديث، ربما
00:02:07تنبيه "toast"، اضغط على نشر، وهذا تطبيق CRUD يعمل. أعني، حسناً، إنه أساسي جداً لأنني
00:02:12أتناول كل هذا في دقيقتين فقط، لكني أعلم أنه يمكنك رؤية التعددية الحقيقية خلف
00:02:17كل هذا ومدى سرعة ذلك في سير العمل أيضاً. لا إعداد لـ React، لا طبقة واجهة برمجة، لا توصيل مصادقة.
00:02:23استغرق هذا ربما دقيقة، ربما دقيقتين، حسناً؟ ولا يزال لديك تحكم كامل باستخدام JavaScript،
00:02:28والسمات، وGit. لذا نعم، إنه مجاني، وسريع، فلا داعي للدفع لـ Bubble أو لغيره.
00:02:34هذه أداة رائعة للتشغيل السريع. AppSmith هو أساساً واجهة مستخدم من جهة، وبيانات من جهة أخرى،
00:02:40وJavaScript لربط كل شيء. الأدوات المصغرة تعالج واجهتك، ومصادر البيانات تتصل بقواعد البيانات،
00:02:46وواجهات البرمجيات، وحتى نماذج اللغة الكبيرة والاستعلامات هي مجرد SQL أو REST أو JavaScript. والفكرة الأساسية هي أن JavaScript
00:02:54موجودة في كل مكان. الآن، معظم أدوات البرمجة البسيطة تخفي المنطق عنك، وهذه تظهره. لهذا السبب
00:03:00ينتقل المطورون إليها. يعمل Git بالطريقة التي تتوقعها، التفرع، والدمج، وCI/CD، لا يوجد شيء غريب،
00:03:06ويمكنك استضافته ذاتياً باستخدام Docker أو Kubernetes. لذا أنت تتحكم في بياناتك وتكاليفك. يمكنك
00:03:12بناء مكونات مخصصة باستخدام React أو JavaScript العادية، وهي جاهزة للإنتاج مع
00:03:18نظام التحكم في الوصول، وسجلات التدقيق، وتسجيل الدخول الموحد مدمجة بالفعل. الآن، مع كل ما قيل، هناك بالطبع ذكاء اصطناعي،
00:03:23لكن الجزء المهم هو أنه يولد كوداً يمكنك تعديله فعلياً. لذا يبدو الأمر مثالياً، ربما،
00:03:30لكنه ليس كذلك، حسناً؟ بينما هذا جيد في توفير الوقت حيث يمكننا الإطلاق بشكل أسرع، وبصراحة،
00:03:36بعد استخدامه، يبدو ذلك دقيقاً جداً. إنه بالفعل مفتوح المصدر، لذا لست مقيداً
00:03:42بنموذج تسعير. لا نتعطل لأننا نستطيع دائماً وضع JavaScript فيه،
00:03:47وإذا قمت بالاستضافة الذاتية، فهو مجاني مع مستخدمين غير محدودين. ولكن من الناحية الأخرى، مع الوقت أو التوسع،
00:03:52يمكن لهذا أن يتعطل ولا يزال يفعل ذلك. الآن، إذا حاولت معالجة مجموعات بيانات ضخمة على العميل،
00:03:58يمكن أن يتباطأ، لذا ستحتاج إلى تقسيم الصفحات من جهة الخادم. تنسيقات الهاتف المحمول ليست تلقائية.
00:04:04ستحتاج لتعديلها يدوياً. وإذا كنت قادماً من إدارة حالة بدون كود،
00:04:08فقد يبدو هذا محيراً حقاً في البداية. وواجهة المستخدم متأخرة قليلاً عن أدوات مثل Retool إذا كنت تريد
00:04:14لوحات تحكم فاخرة. لا شيء من هذا يهم كثيراً، لكنها تهم بناءً على حالة استخدامك.
00:04:20إذاً أين يقع موقعه فعلياً؟ المقارنة الحقيقية هي Retool مقابل AppSmith. إن Retool
00:04:26أكثر صقلاً ويحتوي على ميزات أقوى، ولكنه مكلف ومغلق المصدر. AppSmith
00:04:32أقل صقلاً. إنه مفتوح المصدر، صحيح؟ لكنك تملك كل شيء. والتكلفة صفر إذا قمت بالاستضافة الذاتية.
00:04:39Bubble و Webflow ليسا قابلين للمقارنة حقاً بما أنهما أكثر لتطبيقات مواجهة العملاء،
00:04:44لكنهما يقومان بالكثير من الأشياء الرائعة المشابهة. Tooljet أقرب، لكن AppSmith
00:04:49لا يزال يبرز بتكامل أقوى مع Git. لذا إذا كان هدفك هو إطلاق أدوات داخلية بسرعة،
00:04:55فإن AppSmith عادة ما يكون مقايضة أفضل. إذا كنت تستمتع بالأدوات مفتوحة المصدر ونصائح البرمجة كهذه،
00:05:00تأكد من الاشتراك في قناة BetterStack. سنراكم في فيديو آخر.