HTML

إذا كنت تبحث عن دورة لتعلّم HTML، سأقدم لك نظرة عامة موجزة عن كيفية البدء، مع خطوات أساسية وموارد موصى بها. إذا كنت تريد شيئًا محددًا (مثل دورة معينة، مستوى متقدم، أو موارد باللغة العربية)، أخبرني وسأوجهك بشكل أدق!

ما هي HTML؟

HTML (HyperText Markup Language) هي لغة البرمجة الأساسية لبناء صفحات الويب. تُستخدم لتنظيم المحتوى على الإنترنت، مثل النصوص، الصور، الروابط، والفيديوهات، من خلال “العلامات” (Tags).

ماذا ستتعلمفى هذه الدورة
1. فهم الأساسيات

• ما هي العلامات (Tags)؟ العناصر الأساسية في HTML، مثل <p> للفقرات، <h1> للعناوين، <img> للصور.
• الهيكلية الأساسية لصفحة HTML:
  • المفاهيم الأساسية:
    • العناصر (Elements): مثل <div>، <span>، <a> (للروابط).
    • السمات (Attributes): مثل id، class، href، src.
    • تنظيم المحتوى باستخدام العناصر الدلالية (Semantic HTML) مثل <header>، <footer>، <article>.

  2. تعلم المفاهيم الأساسية

  • النصوص والعناوين: استخدم <h1> إلى <h6> للعناوين، <p> للفقرات.
  • الروابط والصور:
    • رابط: <a href=”https://example.com”>اضغط هنا</a>
    • صورة: <img src=”image.jpg” alt=”وصف الصورة”>
  • القوائم:
    • قائمة غير مرتبة: <ul><li>عنصر</li></ul>
    • قائمة مرتبة: <ol><li>عنصر</li></ol>
  • الجداول: <table>، <tr> (صف)، <td> (خلية).
  • النماذج (Forms): لإنشاء نماذج تفاعلية مثل تسجيل الدخول:

    3. التقدم إلى مفاهيم أعمق

    • HTML5: يدعم ميزات حديثة مثل <video>، <audio>، <canvas> للرسومات.
    • السمات الدلالية (Semantic HTML): تحسين الوصولية (Accessibility) وSEO.
    • ربط CSS وJavaScript: لإضافة تنسيق وتفاعلية لصفحاتك.

    4. الممارسة العملية

    • قم بإنشاء صفحة ويب بسيطة تحتوي على عنوان، فقرة، صورة، وقائمة.
    • استخدم محرر نصوص مثل VS Code وحفظ الملف بصيغة .html، ثم افتحه في المتصفح.
    • جرب أدوات مثل CodePen أو JSFiddle لتجربة الأكواد مباشرة.

    ---

    موارد تعليمية موصى بها

    1. مواقع مجانية باللغة العربية:
       • منصة إدراك (Edrak): تقدم دورات مجانية بالعربية في تطوير الويب.
       • أكاديمية حسوب: دروس شاملة لتعليم HTML وCSS.
       • يوتيوب: قنوات مثل “Elzero Web School” تقدم دروسًا ممتازة بالعربية.
    2. مواقع عالمية:
       • W3Schools (www.w3schools.com): دروس تفاعلية وسهلة للمبتدئين.
       • freeCodeCamp (www.freecodecamp.org): دورات مجانية مع مشاريع عملية.
       • MDN Web Docs: مرجع شامل للمطورين.
    3. دورات مدفوعة (اختيارية):
       • Coursera أو Udemy: دورات شاملة مثل “Web Development Bootcamp” (تحقق من الخصومات).
       • Pluralsight: للمستويات المتوسطة إلى المتقدمة.