Atoms
مرحبًا والمفاهيم

المصطلحات الأساسية والمسرد

أتقن لغة Vibe Coding مع هذا الدليل المرجعي السريع.

يشرح هذا الدليل المصطلحات الشائعة التي ستصادفها عند العمل مع الكود وأدوات الذكاء الاصطناعي. لقد أبقينا التعريفات بسيطة حتى تتمكن من الإلمام بها بسرعة.

مصطلحات خاصة بـ Atoms

  • وضع الفريق: يفعّل فريقًا من وكلاء الذكاء الاصطناعي للتعامل مع المتطلبات المعقدة نيابةً عنك، بما في ذلك مدير المنتج، والمهندس، وعالم البيانات، والباحث المتعمق، والمعماري.

  • وضع المهندس: يعيّن وكيل Engineer فقط، Alex، للعمل على مشروعك.

  • وضع السباق: يتيح لك تشغيل الـ Prompt نفسه عبر عدة نماذج في الوقت نفسه لمقارنة مخرجاتها.

  • بحث متعمق: ميزة من أجل إجراء بحث متعمق بهدف إنشاء تقارير احترافية، بما في ذلك الأوراق الأكاديمية، وتحليلات الأعمال، وتقارير السوق.

  • عارض التطبيقات: يتيح لك معاينة النتائج وتعديل أي عنصر مرئي مباشرةً على الصفحة.

  • ريمكس: يتيح لك نسخ أي مشروع إلى دردشتك الخاصة لمواصلة البناء أو التعديل من هناك.

  • النشر: ينشئ رابطًا ثابتًا لتطبيقك الحالي لتسهيل مشاركته.

  • عالم التطبيقات: منصة Atoms للإبداع، حيث يمكنك عرض أعمالك وإبراز مهاراتك على الصفحة الرئيسية.

نماذج LLM و Vibe Coding

  • Vibe Coding: ممارسة كتابة البرمجيات من خلال إخبار الذكاء الاصطناعي بما تريده بلغة إنجليزية بسيطة (أي "الطابع" أو النية)، وتركه ينشئ الكود الفعلي. تركّز أنت على ما إذا كان التطبيق يبدو مناسبًا ويعمل بشكل صحيح، بدلًا من القلق بشأن الفواصل المنقوطة أو المنطق المحدد.

  • الذكاء الاصطناعي (AI): مصطلح واسع لأنظمة الحاسوب التي يمكنها تنفيذ مهام تتطلب عادةً ذكاءً بشريًا، مثل التعرف على الكلام، واتخاذ القرارات، أو ترجمة اللغات.

  • LLM (النموذج اللغوي الكبير): نوع من الذكاء الاصطناعي مُدرَّب على كميات هائلة من النصوص. وهي التقنية التي تقف وراء أدوات مثل ChatGPT و Claude. وهو بارع للغاية في التنبؤ بالكلمة التالية في الجملة، مما يتيح له كتابة المقالات، والإجابة عن الأسئلة، وكتابة الكود.

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

  • Prompt: النص الذي تكتبه للذكاء الاصطناعي للحصول على إجابة. و"Prompt Engineering" ليست سوى طريقة تبدو فاخرة لقول "تعلم كيفية طرح الأسئلة الصحيحة للحصول على أفضل النتائج."

  • Token: الطريقة التي يعدّ بها الذكاء الاصطناعي. فالذكاء الاصطناعي لا يرى "كلمات" بل يرى "Tokens". والـ Token يساوي تقريبًا أربعة أحرف من النص. على سبيل المثال، كلمة "apple" هي Token واحد، لكن الكلمة الطويلة والمعقدة قد تكون ثلاثة Tokens. وعادةً ما تُقاس تكاليف الذكاء الاصطناعي وحدوده باستخدام Tokens.

  • التدخل البشري: هذا أنت. على الرغم من أن الذكاء الاصطناعي هو من يكتب الكود، فإنك أنت "المدير" ضمن الحلقة. تراجع العمل، وتجري فحوصات سريعة، وتوجّه الذكاء الاصطناعي إذا انحرف عن المسار. أنت تتوقف عن كونك الكاتب وتصبح المراجع.

  • التكرار التحسيني: عملية تحسين الكود من خلال المحادثة. في Vibe Coding، نادرًا ما تحصل على نتيجة مثالية من المحاولة الأولى. أنت "تكرّر" بقول أشياء مثل: "اجعل ذلك الزر أكبر"، أو "أصلح الخطأ في السطر 10"، أو "لا، استخدم لونًا مختلفًا."

أساسيات البرمجة

  • API (واجهة برمجة التطبيقات): جسر يتيح لبرنامجين مختلفين التحدث مع بعضهما. تخيّله كنادل في مطعم: أنت (المستخدم) تعطي الطلب للنادل (API)، وهو يحضر لك الطعام من المطبخ (النظام) من دون أن تحتاج إلى معرفة كيفية طهيه.

  • Bug: خطأ أو خلل في الكود يؤدي إلى تعطل البرنامج أو تصرفه بشكل غريب.

  • التحكم في الإصدارات (Git): "آلة زمن" للكود. يتتبع كل تغيير يجريه أي شخص، لذا إذا تعطل شيء ما، يمكنك بسهولة العودة إلى إصدار كان يعمل.

  • الواجهة الأمامية (Frontend): هذا هو كل ما يمكنك رؤيته ولمسه على شاشتك. إنها الأزرار، والنصوص، والصور، والرسوم المتحركة. إذا كنت تتصفح موقعًا إلكترونيًا، فإن "الواجهة الأمامية" هي ما يعمل داخل المتصفح لديك.

  • الواجهة الخلفية (Backend): هذا هو "عقل" التطبيق الذي يوجد على جهاز كمبيوتر بعيد (خادم). يعالج البيانات، ويحفظ ملفاتك، ويدير المنطق الذي لا يراه المستخدم مطلقًا.

  • واجهة المستخدم (UI): التصميم والتخطيط المحددان للتطبيق. وهو يشير إلى "الشكل والإحساس"، مثل أنظمة الألوان، وشكل الأزرار، ومدى قابلية النص للقراءة.

  • التطوير المتكامل: مطور (أو أداة) يمكنه التعامل مع كلٍّ من الواجهة الأمامية والواجهة الخلفية.

مفاهيم تطوير البرمجيات

  • مدير المنتج: الشخص الذي يقرر ماذا يجب بناؤه و_لماذا_. يتصرف مثل "المدير التنفيذي" لميزة محددة، موازنًا بين ما يريده المستخدمون وما تحتاجه الشركة. يكتب الخطط (PRD) لكنه عادةً لا يكتب الكود.

  • المهندس: البنّاء. يأخذ الخطط من مدير المنتج ويكتب الكود الفعلي لجعلها تعمل. ويحدد كيف يمكن بناؤها بكفاءة وأمان.

  • المعماري: "مخطط المدن" للبرمجيات. لا يكتب عادةً كل سطر من الكود؛ بل يتخذ القرارات عالية المستوى بشأن التقنيات التي يجب استخدامها وكيف يجب أن ترتبط الأجزاء المختلفة من النظام ببعضها حتى لا ينهار كله مع نموه.

  • عالم البيانات: المحقق. ينظر إلى الكميات الهائلة من البيانات التي ينشئها التطبيق (مثل نقرات المستخدمين أو أرقام المبيعات) ويستخدم الرياضيات والكود لاكتشاف الأنماط، مما يساعد الشركة على اتخاذ قرارات أكثر ذكاءً.

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

الاستراتيجية والنمو

  • SEO (تحسين محركات البحث): فن تعديل موقعك الإلكتروني بحيث يظهر في أعلى نتائج Google. ويتضمن ذلك استخدام الكلمات المفتاحية الصحيحة، وجعل الموقع سريعًا، والتأكد من أن المواقع الأخرى تضع روابط تؤدي إليك.

  • النمو: مزيج من التسويق والهندسة يركّز بالكامل على جذب المزيد من المستخدمين. قد يقوم "مهندس نمو" ببناء ميزات خصيصًا لتشجيع الأشخاص على دعوة أصدقائهم أو التسجيل بسرعة أكبر.

  • PRD (مستند متطلبات المنتج): "المخطط" الخاص بميزة ما. يكتبه مدير المنتج، ويشرح هذا المستند بدقة ما الذي ينبغي أن تفعله الميزة الجديدة، وكيف يجب أن تبدو، وكيف سيتم قياس النجاح. ويستخدمه المهندسون كدليل تعليمات لهم.

بنية الصفحة والتنقل

  • العناوين (Titles): المخطط العام لمحتوى صفحتك. في الكود، تُعلَّم هذه العناصر على أنها H1 و H2 و H3 وما إلى ذلك. وH1 هو العنوان الرئيسي (مثل عنوان الكتاب)، بينما H2 هي عناوين الفصول. وهي تساعد كلًّا من المستخدمين و Google على فهم موضوع صفحتك.

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

  • أيقونة الموقع: الأيقونة الصغيرة التي تظهر على علامة تبويب المتصفح لديك (بجوار عنوان الصفحة). وهي تساعد المستخدمين على التعرّف على موقعك بسرعة عندما يكون لديهم عشرون علامة تبويب مفتوحة في الوقت نفسه.

هل كانت هذه الصفحة مفيدة؟

مقالات ذات صلة