Véon | فيون
751 subscribers
161 photos
18 videos
1.02K files
89 links
فيون | تصميم وبرمجة

قناة ملهمة للمصممين والمبرمجين، تجمع كل ما يحتاجه المبدع في مكان واحد.

📌 الأسلوب: بساطة، فخامة، إبداع
📁 فهرس التصميم: https://t.me/veonStore/758
📁 فهرس البرمجة: https://t.me/veonStore/1706
Download Telegram
نبـذة عـن بــــرمجـــة المواقـــــع.. 👇
👍2👌1🏆1🍓1
🌐 ليش بدأنا ببرمجة المواقع؟
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

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


📱 كلنا نزور مواقع يوميًا:
متاجر، مدونات، منصات تعليم، أدوات أونلاين…


فتعلّمك لهذا المجال يخلّيك قادر تبني أشياء تشوف أثرها على طول!
مثـل:

• موقع شخصي

• متجر إلكتروني

• صفحة تعريفية

• نظام تسجيل دخول

• مدونة أو معرض أعمال


🔹 وبكل بساطة:
برمجة المواقع هي بوابتك للدخول إلى عالم التقنية والإبداع
👍2💯1🏆1🍓1
🔧 ايش الفرق بين التصميم والتطوير؟
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

خلينا نوضّحها بمثال بسيط:

🍽️ تخيل إنك تبني مطعم...

التصميم = هو شكل المطعم الظاهر، وترتيب الطاولات، وألوان الجدران، وقائمة الطعام.

التطوير = هو اللي يخلي الطلب يوصل للمطبخ، وينسحب المبلغ، وينطبع الفاتورة.


💡 نفس الشي في المواقع:

🔹 تصميم المواقع (Front-end):
اللي يشوفه المستخدم – شكل الصفحة، الألوان، الأزرار، الخطوط، الترتيب.


🔸 تطوير المواقع (Back-end):
اللي يصير خلف الكواليس – قواعد البيانات، تسجيل الدخول، إرسال الطلبات، الحماية، وغيرها.


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

في البداية بنبدأ مع التصميم، لأنه المدخل الأسهل والأوضح للمبتدئين، 💙

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
#فيون #برمجة_المواقع #تصميم_المواقع #تعلم_البرمجة
🏆4🍓2💯1
Channel photo updated
Véon | فيون pinned «🎟️ الرد على الأسئلة المتكررة حول اشتراك كانفا ـــــــــــــــــــــــــــــــــــــــــــــــــــــــ 1- هل أحتاج أجدد الاشتراك كل شهر؟ لا، الاشتراك لمدة 3 سنوات كاملة بدون أي تجديد شهري. 2- هل أقدر أشترك بنفس الإيميل إذا كان عندي اشتراك قديم؟ نعم، تقدر…»
Véon | فيون
🔧 ايش الفرق بين التصميم والتطوير؟ ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ خلينا نوضّحها بمثال بسيط: 🍽️ تخيل إنك تبني مطعم... التصميم = هو شكل المطعم الظاهر، وترتيب الطاولات، وألوان الجدران، وقائمة الطعام. التطوير = هو اللي يخلي الطلب…
ايش رأيكم في الأسلوب اللي بنشرح فيه البرمجة؟

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

أحسها طريقة توصل المعلومة بشكل أسهل وما تنسى بسرعة!
وانتو؟ تحبون هالنوع من الشرح؟ ولا تفضلون يكون مباشر بدون أمثلة؟

خلونا نشوف رأيكم عشان نكمل بالطريقة اللي تعجبكم 💬 @helloVeon_bot
👍5💯3🏆2🔥11
في كل صمت أب، حكاية حُبّ لا تُقال ..🩶


#اليوم_العالمي_للأب
🔥3🍓1
🤍 ولمن غابوا عن العيون، وبقوا في القلوب:

اللهم ارحم موتانا وموتى المسلمين، واجعل لهم في قبورهم نورًا، وفي الجنة مستقرًا.. 🤲
🔥3🍓1
الأبٌ لا يُعـــــوَّض.


#اليوم_العالمي_للأب
🔥1🍓1
This media is not supported in your browser
VIEW IN TELEGRAM
👍1
🎨 تصميم المواقع – لغاته الأساسية
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

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

HTML – CSS – JavaScript



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

🔹 1. HTML – لغة الهيكل والمحتوى
هي اللي نستخدمها لكتابة العناوين، وصف المنتجات، صور الأطباق، أزرار "اطلب الآن"، روابط "اتصل بنا"...


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

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

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


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

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

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


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

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

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


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

🔹 3. JavaScript – لغة الحركة والتفاعل
ما تُستخدم في الشكل، بل عشان تخلي الموقع "يتفاعل" مع الزائر.


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

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

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


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


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
#فيون #برمجة_المواقع
👍3🔥1🍓111
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
💙 شكرًا من القلب لكل التعليقات الحلوة اللي وصلتني،
أسعدتوني جدًا بكلماتكم

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

#فيون | #تعلم_البرمجة
👍2🍓2🔥1🏆11
This media is not supported in your browser
VIEW IN TELEGRAM
👍2
💡 البداية الحقيقية – تعلم HTML خطوة بخطوة
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

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

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


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


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

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


📆 كل أسبوع:

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


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

🎯 ليش HTML أولًا؟

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

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


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

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

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

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

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

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

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

#فيون #تعلم_HTML #برمجة_المواقع #دورة_الزيرو
👍51
This media is not supported in your browser
VIEW IN TELEGRAM
Véon | فيون pinned «💡 البداية الحقيقية – تعلم HTML خطوة بخطوة ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ 📣 بعد ما تكلمنا في المنشورات السابقة عن: • إيش يعني "برمجة"؟ • ليش نبدأ بتصميم المواقع؟ • وإيش الفرق بين التصميم والتطوير... الآن جاء وقت الخطوة الأولى…»