انشر موقعك على الإنترنت · البرمجة مع مارتن

الختام الكبير: موقعك يحصل على عنوان حقيقي يمكنك إرساله لأي شخص في العالم.

ما سيحدث

حتى الآن، موقعك يعيش على جهازك فقط. الآن سنرفعه إلى خادم – جهاز متصل بالإنترنت دائماً – وسيحصل على عنوان يمكن لأي شخص فتحه. سنستخدم GitHub Pages: مجاني، وملايين المبرمجين يستخدمونه.

⚠️

افعل هذه الخطوة مع أحد الوالدين. إنشاء حساب GitHub يحتاج بريداً إلكترونياً، وبقواعد GitHub، حساب طفل دون 13 يجب أن ينشئه ويديره أحد الوالدين. بالإضافة، لحظة جميلة للمشاركة – دعهم يرون ما بنيت!

خطوة بخطوة

أنشئ حساب GitHub. اذهب إلى github.com واضغط Sign up. املأ بريداً (لأحد الوالدين)، كلمة مرور، واسم مستخدم. انتبه لاسم المستخدم – سيصبح جزءاً من عنوان موقعك! شيء مثل jake-builds أفضل من xxjake123xx.
أنشئ repository جديد. Repository درج لمشروع واحد. اضغط الزر الأخضر New (أو علامة زائد أعلى اليمين → New repository). اكتب my-website في Repository name، اترك Public مفعّلاً، واضغط Create repository.
ارفع ملفات موقعك. في صفحة repository، اضغط رابط uploading an existing file. اسحب كل شيء من مجلد my-website: index.html، ملفات .html الأخرى، style.css، ومجلد images كله. اضغط الزر الأخضر Commit changes في الأسفل.
فعّل GitHub Pages. اضغط تبويب Settings في الأعلى، ثم Pages في القائمة اليسرى. تحت Branch، اختر main، اترك / (root)، واضغط Save.
انتظر دقيقة، ثم افتح عنوانك. موقعك يعيش الآن على:
```
https://your-username.github.io/my-website/
```
(استبدل your-username باسم مستخدم GitHub). إذا لم يعمل فوراً، انتظر دقيقتين وحدّث الصفحة.

🎉 تهانينا، أيها الباني!

لديك موقع على الإنترنت. حقيقي، بعنوان حقيقي. أرسله لجدتك، أصدقائك، معلمك. وتذكّر لحظة من أين بدأت: ملف فارغ و<h1>It works!</h1>.

ما تعلّمته في هذه الدروس الـ 12:

كيف يعمل الإنترنت والمتصفحات والخوادم،
HTML: هيكل الصفحة، عناوين، فقرات، قوائم، صور، روابط، بنية،
CSS: ألوان، خطوط، فئات، نموذج الصندوق، flexbox، بطاقات، حركات،
وأخيراً، وضع موقع على الإنترنت – ما يسميه المحترفون deployment.

كيف تستمر في تغيير موقعك

الموقع لا ينتهي أبداً حقاً! كلما غيّرت شيئاً في ملفاتك على جهازك:

افتح repository على GitHub،
اضغط Add file → Upload files،
اسحب الملفات المتغيّرة واضغط Commit changes.

خلال دقيقة، التغيير حي. (في المستوى 3، ستتعلّم فعل هذا بأناقة – بأوامر من Terminal، كمحترف حقيقي.)

💡

ما التالي؟ موقعك مبني، لكنه لا يستطيع التفاعل بعد. في المستوى 2 – الساحر ستعلّمه تعاويذ: الوضع الداكن، معرض صور قابل للتصفح، واختبار للزوار. نبنيه الآن – وموقعك سيكون جاهزاً تماماً.

ما ستخرج به من هذا الدرس

GitHub Pages ينشر موقعاً مجاناً: repository → رفع ملفات → Settings → Pages.
عنوانك: https://your-username.github.io/my-website/.
تغيير موقعك = رفع الملفات المتغيّرة مرة أخرى. يعيش وينمو معك.