🎨 تصميم المواقع – لغاته الأساسية
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

أول خطوة في بناء أي موقع هي تصميم الواجهة، واللي نستخدم لها 3 لغات أساسية:

HTML – CSS – JavaScript

عشان نفهمهم ببساطة، تخيل إنك تبني واجهة تطبيق أو موقع لمطعم إلكتروني 🍽️
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

🔹 1. HTML – لغة الهيكل والمحتوى

هي اللي نستخدمها لكتابة العناوين، وصف المنتجات، صور الأطباق، أزرار "اطلب الآن"، روابط "اتصل بنا"...

💡 مثل:

اسم المطعم والعناوين الرئيسية

قائمة الطعام (أطباق – أسعار – صور)

روابط التواصل (واتساب – موقع – إنستقرام)

تخيلها كأنك جهّزت كل الأشياء في المكان، لكن ما نسّقتها.
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

🔹 2. CSS – لغة التنسيق والشكل

هي اللي نستخدمها عشان ننسّق شكل الأشياء اللي كتبناها بـ HTML، من ناحية:

مثلاً:

الألوان (خلفية بيضاء، أزرار خضراء...)

الخطوط (عناوين بخط غامق – قائمة الطعام بخط ناعم)

المساحات والترتيب (الأقسام مفصولة، الصور بحجم مرتب)

💡 تخيّل إنك رتّبت الطاولات، علّقت الديكور، ونسّقت قائمة الطعام بشكل أنيق.
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

🔹 3. JavaScript – لغة الحركة والتفاعل

ما تُستخدم في الشكل، بل عشان تخلي الموقع "يتفاعل" مع الزائر.

مثلاً:

لما يضغط الزبون زر "اطلب"، تطلع له رسالة تأكيد

لما يختار طبق، ينضاف تلقائيًا للسلة

لما يحرّك الصفحة، يطلع زر "الرجوع للأعلى"

💡 كأنك ضفت موظف ذكي يتعامل مع كل حركة للزبون داخل المطعم!

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
#فيون #برمجة_المواقع

👀 ليش مافي تفاعل ما فهمتوه؟!

اذا عندكم اي استفسار او نقطة ما فهمتوها.. تواصلوا معي مباشرة عبر البوت.. @helloVeon_bot

💙 شكرًا من القلب لكل التعليقات الحلوة اللي وصلتني،
أسعدتوني جدًا بكلماتكم ✨

مستمرة معاكم بإذن الله، وبنكمّل مشوار البرمجة خطوة بخطوة!

#فيون | #تعلم_البرمجة

💡 البداية الحقيقية – تعلم HTML خطوة بخطوة
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

📣 بعد ما تكلمنا في المنشورات السابقة عن:

• إيش يعني "برمجة"؟
• ليش نبدأ بتصميم المواقع؟
• وإيش الفرق بين التصميم والتطوير...

الآن جاء وقت الخطوة الأولى العملية في عالم برمجة المواقع 💻
وبنبدأ مع HTML، لغة بناء الصفحات من الأساس.

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

🔹 كيف بتكون خطتنا في فيـون؟

📆 كل أسبوع:

✅ نحدد مجموعة دروس من دورة "الزيرو"
✅ ننزل تكاليف وتطبيقات بسيطة
✅ ونمشي سوا خطوة بخطوة. 💙

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

🎯 ليش HTML أولًا؟

لأنها حجر الأساس لكل موقع:

هيكل الصفحة – العناوين – الصور – القوائم – الروابط...
وما في موقع يشتغل بدونها.

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

📌 لكن قبل ما نبدأ، نحب نسمع منكم:

📣 هل أنتم مستعدّين تطبقوا معنا خطوة بخطوة؟
هل فعلاً في ناس ناوية تبدأ وتلتزم؟

📝 إذا شوفنا حماس وتفاعل منكم،اكثـر من 50 متفاعل وبيطبق فعلاً
ننزل أول خطة بداية الأسبوع القادم، ونتابعكم ونعلّق على تطبيقاتكم!

📉 وإذا ما في التزام، بننزل خطة تعلم HTML كاملة دفعة وحدة، واللي حاب يطبقها بنفسه.

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

🗣️ اكتبوا لنا في البـوت:
اذا جاهزين! @helloVeon_bot

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

#فيون #تعلم_HTML #برمجة_المواقع #دورة_الزيرو

العـرض متـاح لنهـاية الأسبـوع فقـط. @helloVeon_bot

الڪل يـࢪاڪ بعيـטּ طبعـة فـ الطيـب.. يـراڪ طيبـًا، والخبيـث يـࢪاڪ خبيـثًـا، والحـاقـد يـࢪاڪ عدواً،.. والمحـب يـࢪاڪ ملاڪًا.. فلا تتعـب نفسـڪ فـي إرضـاء أحـد.. فمـا أنـت لهـم إلا انعكـاس أخلاقهـم.