عدد الكلمات: ~١٩٠٠ · مدة القراءة: ١٠ دقائق

الجيل الثالث للمواقع

حين يتوقف الخادم عن كونه مركزاً للسلطة — ويصبح المستخدم هو المالك

ملاحظة للقارئ: هذا المقال تأسيسي يُعرّفك بعالم ويب ٣ من منظور المصمم ومطوّر الويب. وإذا كنت تريد الجانب العملي والمالي: كيف تكسب من ويب ٣ كفريلانسر، وكيف تُنشئ محفظة، وما هي الـ DAOs، فلدينا سلسلتان متخصصتان نُشير إليهما في المقال.

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

الأجيال الثلاثة — قصة الإنترنت في فقرة

الجيل الأول (Web1) كان إنترنت القراءة فقط: صفحاتٌ ثابتةٌ تقرأها ولا تُشارك فيها. الجيل الثاني (Web2) هو إنترنت اليوم: فيسبوك وتويتر ويوتيوب، حيث تقرأ وتكتب وتُشارك، لكن شركاتٍ ضخمةٍ تملك كل ما تنتجه وتُقرّر من يراه ومتى. الجيل الثالث (Web3) هو الرهان على إنترنت تملك فيه بياناتك وإنتاجك فعلاً، لا بوعود خدمةٍ قابلة للتغيير.

الفكرة الجوهرية: بدلاً من تخزين البيانات على خادمٍ تملكه شركة، تُخزَّن على شبكةٍ موزّعةٍ من آلاف الأجهزة حول العالم، لا يسيطر عليها أحد منفرداً. هذا ما يُسمى البلوكشين، سجلٌ مشتركٌ لا يمكن تزويره لأن نسخاً منه موجودة في كل مكانٍ في آنٍ واحد.

ويب ٢ مقابل ويب ٣ — من منظور المصمم

الفرق ليس فلسفياً فقط — له أثر مباشر على كيفية بناء الواجهة وتجربة المستخدم:

العنصر	ويب ٢ (اليوم)	ويب ٣ (الجديد)
تسجيل الدخول	بريد + كلمة مرور	ربط محفظة رقمية
ملكية البيانات	الشركة المشغّلة	المستخدم نفسه
تخزين البيانات	خادم مركزي	شبكة موزّعة (بلوكشين / IPFS)
المدفوعات	بنك / بطاقة / PayPal	عملة رقمية مباشرة
القرارات	الشركة تُقرّر	مجتمع المستخدمين يُصوّت (DAO)

التطبيق اللامركزي (DApp) — الموقع بلا خادمٍ تقليدي

التطبيق اللامركزي (Decentralized Application) هو تطبيق ويبٍ واجهته الأمامية مألوفةٌ — HTML وCSS وجافا سكريبت كما تعلمنا — لكن “ظهره” ليس خادماً تقليدياً بل عقوداً ذكيةً (Smart Contracts) تعمل على البلوكشين.

العقد الذكي هو برنامجٌ مُخزَّنٌ على البلوكشين يُنفَّذ تلقائياً حين تتحقق شروطٌ محددةٌ، مثل موظف بنكٍ لا يأخذ إجازةً ولا يتلقى رشوةً ولا يتجاهل التعليمات. كتبته مرةً واحدةً وأودعته البلوكشين، ومن ذلك اليوم يعمل تلقائياً دون أن يستطيع أحد — حتى مطوّره — تغيير قواعده.

ربط المحفظة — “تسجيل الدخول” في عالم ويب ٣

في ويب ٢ تُسجّل دخولك ببريدك وكلمة مرورٍ تحفظها شركةٌ ما، أما في ويب ٣ هويتك الرقمية هي محفظتك الرقمية، عنوانٌ فريدٌ على البلوكشين تملك مفتاحه الخاص وحدك. حين تزور تطبيقاً لامركزياً تجد زراً يقول “Connect Wallet” بدلاً من “Sign Up”.

أشهر المحافظ اليوم هي ميتاماسك (MetaMask) كإضافة متصفح، وتطبيقات جوال مثل Trust Wallet. الواجهة الأمامية للـ DApp تتصل بها عبر مكتبة جافا سكريبت تُسمى ethers.js أو web3.js، وهما يتولّيان التواصل مع البلوكشين نيابةً عنك.

من منظور تجربة المستخدم، هذا تحدٍّ حقيقي: فكثيرٌ من الناس لا يملكون محفظةً ولا يعرفون كيف يُنشئونها. لهذا يُصمّم مطوّرو ويب ٣ تجارب “بوّابة” تُرشد المستخدم الجديد خطوةً بخطوةٍ قبل أن يصل للتطبيق الفعلي، وهذا ما يجعل تصميم واجهة الـ DApp أصعب وأكثر إبداعاً من الموقع التقليدي.

هوية تصميم ويب ٣ — الجمالية اللامركزية

لو تصفّحت تطبيقات ويب ٣ الكبرى ستلاحظ نمطاً بصرياً مشتركاً: خلفياتٌ داكنة، تدرّجاتٌ من الأزرق والبنفسجي والأخضر النيون، أيقوناتٌ هندسيةٌ انسيابية، وخطوطٌ تُوحي بالمستقبل. هذه ليست مصادفةً، إنما هي هويةٌ بصريةٌ تقول للمستخدم “أنت في مكانٍ مختلف”.

لكن أفضل تطبيقات ويب ٣ اليوم تتجاوز هذا الكليشيه نحو تجاربٍ أكثر نضجاً تُشبه تطبيقات ويب ٢ في وضوحها وسهولتها، مع الحفاظ على عناصرٍ تُعبّر عن اللامركزية. المعادلة: وضوح تجربة المستخدم + هويةٌ بصريةٌ تعكس القيم.

ثلاثة أشياءٍ تحتاجها لبناء واجهة DApp بسيطة

إذا أردت تجربة بناء واجهةٍ لامركزيةٍ أولى، هذا ما تحتاجه:

١ — الواجهة الأمامية المعتادة: HTML وCSS وجافا سكريبت، بالضبط ما تعلمناه في هذه السلسلة.. لا شيء جديد هنا.

٢ — مكتبة الاتصال بالبلوكشين: ethers.js هي الأبسط والأكثر انتشاراً. تُضيفها لمشروعك وتستخدمها للتحقق من هوية المستخدم وقراءة البيانات من العقد الذكي وإرسال المعاملات.

٣ — عقدٌ ذكيٌ مُنشر: مكتوبٌ بلغة Solidity (لغةٌ مخصصةٌ للعقود الذكية على شبكة إيثيريوم). كتابة العقود الذكية تخصصٌ قائمٌ بذاته، لكن كمصمم واجهة يمكنك العمل مع عقودٍ كتبها غيرك.

مصمم واجهة ويب ٣ لا يحتاج كتابة عقود ذكيةٍ، تماماً كما أن مصمم واجهة ويب ٢ لا يحتاج كتابة خوادم. التخصصات منفصلةٌ والتعاون هو المعيار.

هل ويب ٣ مستقبلٌ حتميٌ أم فقاعة؟

سؤالٌ لا يستحق الهروب منه. الواقع أكثر تعقيداً من كلا الجوابين: بعض تطبيقات ويب ٣ حلّت مشكلاتٍ حقيقيةٍ، خاصةً في الدفع عبر الحدود والملكية الرقمية والتمويل اللامركزي لمن لا يملك حساباً بنكياً. وبعضها مُجرّد مضاربةٍ مُغلَّفةٍ بخطابٍ ثوري.

ما يهمّك كمصممٍ أو صاحب موقع: هذه التقنية قائمة، وهنالك عملاءٌ يطلبون مواقعاً وواجهاتٍ لمشاريع ويب ٣، وسوق العمل فيها حقيقي. إذن، فهمها سيُوسّع خياراتك، لا يُلزمك الإيمان بها.

أين تقرأ أكثر عن هذا — ثلاث سلاسل متخصصة

هذا المقال مدخلٌ من منظور تصميم الويب. لكن ويب ٣ عالمٌ أعمق بكثير، ونغطّيه من زاويا مختلفة في المنصة:

الأولى – من زاوية الفريلانسر والمبدع الرقمي: سلسلة ويب٣ مفتوح تبدأ من أساسيات البلوكشين وتمر بـ NFTs والتمويل اللامركزي وألعاب الكسب وصولاً لخارطة الطريق العملية للدخول، مع مقالٍ مخصصٍ لمن يعيش في دولٍ ذات قيودٍ مالية: الويب٣ للعالم المقيَّد.

الثانية – من زاوية الفريلانسر المترجمين والعاملين بالتوطين: نبين فيها كيف تتعامل مع مصطلحات الميتافيرس والبلوكشين والوكلاء الذكيين بالعربية باتساقٍ ووضوح: سلسلة ورشة التوطين لتطبيقات الويب ٣.٠ والذكاء الاصطناعي

الثالثة – من زاويةٍ فلسفيةٍ وثقافيةٍ أعمق: سلسلة كهف السيليكون تتساءل عمّا إذا كان الميتافيرس هو كهف أفلاطون الجديد: من يبني الكهف؟ من يحكمه؟ وهل يمكننا مغادرته؟ قراءةٌ مختلفةٌ تماماً لنفس الفضاء.

خلاصة المقال والخطوة القادمة

تعلمنا سويةً أن ويب ٣ ليس مجرد ضجيجٍ، وليس ثورةً حتميةً أيضاً. هو نموذجٌ مختلفٌ لبناء التطبيقات يُعيد توزيع السلطة من الخوادم المركزية إلى شبكاتٍ موزّعة، وله واجهاتٍ تحتاج مصمّمين يفهمون خصوصيتها. والجميل أن ما تعلمناه طوال هذه السلسلة — HTML وCSS وجافا سكريبت — هو نفس أساس بناء واجهات ويب ٣، مع إضافة طبقة الاتصال بالبلوكشين.

الخطوة التالية الموصى بها:

وصلنا للمحطة الأخيرة في رحلتنا، وهي في الحقيقة نقطة انطلاقٍ جديدة: كيف يبدو مطوّر الويب في ٢٠٢٦ وقد أصبح الذكاء الاصطناعي شريكه اليومي؟ مطوّر الويب في ٢٠٢٦: كيف تبني وتُبرمج موقعك بالكامل بمساعدة الذكاء الاصطناعي.