📌 الهيكل الأساسي لملف HTML مع Bootstrap لما تبدأ أي مشروع بـ Bootstrap لازم يكون عندك ملف HTML منظم فيه: وسم التعريف (DOCTYPE). اللغة والـ Meta tags الخاصة بالتوافق مع المتصفحات. ربط ملفات…
المستوى الأول: الأساسيات 📌 مقدمة عن Bootstrap 1️⃣ ما هو Bootstrap؟ Bootstrap هو إطار عمل (Framework) للـ Front-End تم تطويره في الأصل بواسطة مطوري تويتر.هو عبارة عن مكتبة جاهزة تحتوي على: CSS جاهز…
2️⃣ الأساسيات (Basics) 📌 تركيب الكود في PHP (Syntax) 1- بداية ونهاية كود PHP أي كود PHP لازم يكون داخل الوسوم الخاصة بها: ممكن دمج PHP مع HTML في نفس الملف: 🔎 النتيجة:…
مقدمة في PHP 📌 ما هي لغة PHP ولماذا نستخدمها؟ PHP اختصار لـ: Hypertext Preprocessor. هي لغة برمجة تعمل على الخادم (Server-side language). تُستخدم بشكل أساسي لتطوير المواقع الديناميكية (Dynamic Websites). الفرق بينها…
✨ كتابة أول كود بـ 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 بيلعب دور أساسي في ده لأنه هو البنية…