مقدمة مرحبًا بكم مجددًا! بعد أن تعرفتم على أساسيات HTML و CSS و JavaScript، حان الوقت لتطبيق ما تعلمتم من خلال مجموعة من التمارين العملية التفاعلية. هذه التمارين ستساعدكم على تثبيت معرفتكم وتطوير مهاراتكم كمطورين ويب. تذكروا دائمًا، جربوا حل التمارين بأنفسكم قبل رؤية الإجابات! تمرين 1: إنشاء قائمة مهام تفاعلية المطلوب الحل جرب حل …
أمثلة عملية
الدرس الخامس: إضافة التفاعلية باستخدام JavaScript
مقدمة مرحبًا بكم في الدرس الخامس والأخير من دورة تعلم HTML وCSS! في هذا الدرس، سنتعرف على كيفية إضافة التفاعلية إلى صفحات الويب باستخدام JavaScript. JavaScript هي لغة برمجة تُستخدم لإضفاء الحيوية على صفحات الويب وجعلها أكثر ديناميكية وتفاعلية. 1. ما هو JavaScript؟ JavaScript هي لغة برمجة تعمل على جانب العميل (client-side) وتُستخدم لإضفاء التفاعلية …
الدرس الرابع: تنسيق متقدم باستخدام CSS
مقدمة مرحبًا بكم في الدرس الرابع من دورة تعلم HTML و CSS! في هذا الدرس، سنتناول التقنيات المتقدمة في CSS التي تساعدك على إنشاء تخطيطات صفحات ويب احترافية وجذابة. سنغطي موضوعات مثل تخطيطات الشبكة (Grid Layout)، نموذج Flexbox، والاستجابة لتغيرات حجم الشاشة (Responsive Design). هذه التقنيات ستساعدك على تصميم صفحات ويب تتناسب مع مختلف الأجهزة …
الدرس الثالث: تنسيق صفحات الويب باستخدام CSS
مقدمة مرحبًا بكم في الدرس الثالث من دورة تعلم HTML! الآن بعد أن تعلمنا كيفية إنشاء صفحات ويب باستخدام HTML، سننتقل إلى تعلم كيفية تنسيق هذه الصفحات وجعلها أكثر جاذبية باستخدام CSS. CSS، أو Cascading Style Sheets، هي اللغة التي تُستخدم لتحديد كيف تبدو العناصر في صفحات الويب. 1. ما هو CSS؟ CSS هي لغة …
تمارين عملية لتثبيت ما تعلمته في HTML
مقدمة مرحبًا بكم مجددًا! بعد أن تعلمت أساسيات HTML وبعض الوسوم المتقدمة، حان الوقت لتطبيق ما تعلمته من خلال مجموعة من التمارين العملية. هذه التمارين صُممت لتكون صعبة قليلاً لتحدي مهاراتك وتعزيز فهمك للـ HTML. تذكر دائمًا، جرب حل التمارين بنفسك قبل رؤية الإجابات! تمرين 1: إنشاء صفحة تعريفية معقدة المطلوب الحل جرب حل التمرين …