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