كيف نقوم باستخدام الذكاء الاصطناعي في البرمجة (قمت بتصوير عملية بناء برنامج كامل عن طريق الذكاء الاصطناعي)

من يومين قررت أخود تحدي مسلي ومتعب في نفس الوقت: أصور نفسي وأنا بني تطبيق دردشة مكتمل في 4.5 ساعة بمساعدة أدوات الذكاء الاصطناعي!

التطبيق هيتم استخدامه مع موقع أرابيك تك. يعني هنقوم باضافة خاصية المحادثات هنا.

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

الهدف من التجربة هو اظهار كيف بيتم استخدام أدوات الذكاء الاصطناعي في البرمجة حاليا. و ده يكون فرصة كويسة ليك انك تاخود فكرة أفضل عن الموضوع.

1. المرحلة الأولى: تصميم نظام تطبيق الدردشة

بدأت المشوار برسم مخطط النظام في draw.io لتوضيح كيف هيكون التواصل بين مكونات التطبيق (فرونت إند - بيك إند - ويب سوكيتس). كان الهدف إني أكون موضح كل الأجزاء من البداية عشان ماكونش متردد وأنا بكتب الكود.

2. المرحلة الثانية: تصميم واجهة التطبيق

بعدين رحت لـ bolt.new واللي كان مفيد جدا في تصميم واجهة مريحة للمستخدم ومتوافقة مع الموضوع و مع ثيم أرابيك تك.

3. المرحلة الثالثة: بناء السيرفر والتواصل بالويب سوكيت

هنا بدأت أستخدم cursor لمساعدتي في كتابة كود خادم الدردشة والتوصيل مع WebSockets لتسمح بتحديث فوري للرسائل بين المستخدمين.

مزايا استخدام Cursor:

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

التجربة كاملة موثقة هنا:
https://www.youtube.com/watch?v=HHzIo8IYPiU

الريبو كامل على جيتهاب:
https://github.com/Kings-Of-The-Web/chat.arabic.tech

*اللي عنده أي سؤال يسأله هنا, و هجاوبه عليه.
و اللي عاوز يعمل اضافات على الريبو, ممكن يفتح PR و يعرفني هنا.

المجتمع الأكبر للعرب في مجال التك

13 ردود