06/06/2026
قبل قليل انطلقت مجموعة جديدة من دورة تطوير الويب في SevenLoops 🚀💻
وكانت البداية مع أول تجربة عملية للمتدربين الجدد في كتابة الأكواد بأنفسهم، حيث تعلموا كيفية إنشاء صفحة ويب بسيطة باستخدام HTML وCSS، ثم أضافوا تأثير Hover يجعل الألوان تتغير بمجرد مرور مؤشر الفأرة على النص.
رابط تفاعلى لتجربة الصفحة:
https://servers4all.com/seven7loops/web_course_lesson1.html
رابط تحميل محرر الأكواد Visual Studio Code:
https://code.visualstudio.com/download
قد يبدو الكود بسيطًا للبعض، لكنه بالنسبة للمتدربين يمثل أول خطوة حقيقية في عالم البرمجة وتطوير المواقع 🌟
اليوم تعلم الطلاب:
✅ إنشاء عناصر HTML الأساسية.
✅ تنسيق النصوص والألوان والخلفيات.
✅ إضافة الحدود والحواف الدائرية.
✅ محاذاة العناصر داخل الصفحة.
✅ إنشاء تأثيرات تفاعلية باستخدام CSS Hover.
أجمل ما في الأمر هو رؤية الفرحة على وجوه المتدربين عندما شاهدوا أول كود يكتبونه بأيديهم يتحول إلى صفحة حقيقية تتفاعل أمامهم مباشرة ❤️
كل مبرمج محترف بدأ يومًا من سطر كود بسيط...
واليوم بدأ هؤلاء المتدربون أول خطوة في رحلتهم نحو الاحتراف بإذن الله. 🚀
الكود:
h1 {
color: red;
font-size: 300px;
background-color:yellow;
text-align: center;
border: 20px solid blue;
border-radius: 150px;
}
h1:hover {
color: blue;
background-color: red;
border: 20px solid yellow;
}
Seven Loops
Seven Loops
Seven Loops
"من تغيير لون كلمة عند مرور الماوس... إلى بناء مواقع وتطبيقات كاملة... هكذا تبدأ الرحلة." ✨💻
