المدونة
برمجةمهتمين بالفري لانستعليمي

من الصفر لبناء موقعك الشخصي في يوم واحد: دليلك العملي لطلاب نظام البكالوريا الجديد

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

٢٢ سبتمبر ٢٠٢٦6 دقيقة قراءة👁 53 مشاهدة
مساحة عمل طالب ثانوي يبرمج موقعه الشخصي الأول
مساحة عمل طالب ثانوي يبرمج موقعه الشخصي الأول

من الصفر لبناء موقعك الشخصي في يوم واحد — خطوات عملية مع أدوات مجانية

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

ليه تستنى لما تخلص جامعة عشان يكون عندك "Portfolio"؟ في Coding With Ghonaim، بنؤمن إن البرمجة مش مجرد مادة دراسية هتمتحن فيها، دي أداة بتفتح لك أبواب الشغل الحر (Freelancing) وأنت لسه في المدرسة. النهاردة هنتعلم إزاي تبني موقعك الشخصي اللي بيعرض مهاراتك في يوم واحد بس.

طالب مصري يجلس أمام لابتوب يبرمج موقعا شخصيا بواجهة عصرية
طالب مصري يجلس أمام لابتوب يبرمج موقعا شخصيا بواجهة عصرية

ليه الموقع الشخصي مهم ليك دلوقتي؟

سواء كنت بتخطط تدخل مسار الهندسة في تانية ثانوي أو حتى مسار الأعمال، الموقع الشخصي هو "السي في" الجديد.

  • التوثيق: بتسجل فيه كل مشروع بتعمله في مادة البرمجة.
  • التميز: بتثبت إنك فاهم عملي مش مجرد حافظ نظري.
  • الفرص: تقدر تبدأ تاخد شغل بسيط كـ Freelancer وتساعد أصحاب الشركات الصغيرة في بناء تواجدهم الرقمي.

الخطوة 1: التخطيط وتجهيز المحتوى (ساعتين)

قبل ما تلمس الكود، لازم تعرف موقعك هيقول إيه. هات ورقة وقلم واكتب:

  1. من أنا؟ (تعريف بسيط بك كطالب مهتم بالتكنولوجيا).
  2. مهاراتي: (HTML, CSS, أساسيات Python اللي بتدرسها).
  3. مشاريعي: (أي حاجة عملتها حتى لو بسيطة).
  4. وسائل التواصل: (إيميلك، لينكدان، أو قناة التليجرام بتاعتك).

الخطوة 2: بناء الهيكل باستخدام HTML و CSS (6 ساعات)

في نظام البكالوريا الجديد، مادة البرمجة والذكاء الاصطناعي في تانية ثانوي (مسار الهندسة) بتركز على الأساسيات. إحنا هنستخدم HTML عشان نبني العضم بتاع الموقع، و CSS عشان نخليه شيك.

"الكود مش طلاسم، الكود هو لغة بتوصف بيها خيالك للكمبيوتر. ابدأ بسيط، والمهم إن الكود يشتغل."

رسم توضيحي لهيكل كود بسيط بلغة HTML و CSS
رسم توضيحي لهيكل كود بسيط بلغة HTML و CSS

الخطوة 3: استخدام أدوات مجانية للاستضافة (4 ساعات)

مش محتاج تدفع دولار واحد. فيه منصات زي GitHub Pages أو Netlify بتسمح لك ترفع موقعك مجاناً للعالم كله.

  1. اعمل حساب على GitHub.
  2. ارفع ملفاتك (index.html و style.css).
  3. فعل خاصية Pages.
  4. مبروك! بقيت صاحب موقع رسمي بلينك شغال.

الخطوة 4: التميز بالذكاء الاصطناعي

بما إن منهج 2 ثانوي فيه جزء عن الذكاء الاصطناعي، تقدر تستخدم ChatGPT أو Claude عشان يساعدك في تحسين النصوص أو حل المشاكل اللي بتقابلك في الكود (Debugging). دي مهارة "Prompt Engineering" اللي هتخليك سابق سنك بسنين.

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

الخلاصة: ابدأ النهاردة

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

لو محتاج مساعدة في تطبيق الخطوات دي، تقدر تدخل على Lab المهندس غنيم وتشوف التطبيقات العملية اللي بنعملها سوا.

"مستقبلك مش مستني التنسيق، مستقبلك بيبدأ من الكيبورد بتاعتك."

ابدأ التطبيق العملي في اللاب ←
شارك المقال: