✨ كتابة أول كود بـ console.log() 🔹 ما هو console.log() ؟ هي دالة مدمجة في JavaScript. وظيفتها: طباعة أو عرض أي رسالة أو قيمة داخل وحدة التحكم (Console) الخاصة بالمتصفح. تستخدم عادةً في:…
🟢 المستوى الأول: أساسيات JavaScript 1. مقدمة عن JavaScript 🔹 ما هي JavaScript؟ JavaScript هي لغة برمجة مخصصة في الأساس للعمل على المتصفحات لبرمجة المواقع، وهي المسؤولة عن جعل صفحات الويب ديناميكية وتفاعلية….
🟦 المستوى الأول: أساسيات CSS 3. تركيب الكود (CSS Syntax) أي كود في CSS له بنية (Structure) محددة: شرح الأجزاء: Selector (المحدد) → هو اللي بيحدد العنصر في صفحة HTML اللي عايز تطبق…
🟦 المستوى الأول: أساسيات CSS 1. مقدمة عن CSS ما هي CSS؟ CSS اختصار لـ Cascading Style Sheets، وهي لغة مسؤولة عن تصميم شكل صفحات الويب.لو اعتبرنا أن HTML هو “العظم والهيكل” لأي…
أفضل الممارسات (Best Practices) في HTML اتباع “أفضل الممارسات” بيخلي الكود: نظيف وسهل القراءة. متوافق مع معظم المتصفحات والأجهزة. صديق لمحركات البحث (SEO). قابل للتطوير والصيانة مستقبلًا. خلينا نفصلها: 🔹 1. كتابة كود…
أساسيات الـ SEO في HTML الـ SEO (Search Engine Optimization) = تحسين صفحات الويب عشان تظهر بشكل أفضل في نتائج محركات البحث زي Google.و HTML بيلعب دور أساسي في ده لأنه هو البنية…
ربط HTML مع CSS (لتنسيق الصفحات) ما هي CSS؟ CSS = Cascading Style Sheetsهي اللغة المسؤولة عن تنسيق وتجميل HTML: تغيير الألوان، الخطوط، المسافات. التحكم في أحجام العناصر. إنشاء تصاميم متجاوبة مع الشاشات….
📌 14. العمل مع مشاريع حقيقية (Real Projects) 🎯 1. إنشاء صفحة شخصية (Portfolio) الـ Portfolio هو موقع صغير تعرف فيه بنفسك، مهاراتك، وأعمالك.أي مبرمج أو مصمم لازم يكون عنده. مكونات الصفحة: Header…
تنظيم الكود بشكل احترافي (Code Organization) تنظيم الكود مش بس بيخلي شكله حلو، لكن كمان بيخلي: الكود سهل القراءة لك ولأي مطور بعدك. قابل للصيانة والتطوير. يقلل الأخطاء البرمجية. 🔹 1. تنسيقات الكود…
إمكانية الوصول (Accessibility) إمكانية الوصول (Accessibility – a11y) معناها إن موقعك يكون سهل الاستخدام لكل الناس، بما فيهم ذوي الاحتياجات الخاصة (ضعاف البصر، المكفوفين، مستخدمي قارئات الشاشة، صعوبات الحركة…).HTML بيوفر أدوات وعناصر تساعد…
English
Call now
Contact WhatsApp
