الدورة الاحترافية في HTML: من الصفر إلى مطور ويب
الدورة الاحترافية في HTML: من الصفر إلى مطور ويب
مرحباً بك في الدورة الشاملة لـ HTML! صُمم هذا البرنامج الشامل خصيصاً للمبتدئين تماماً، وسينقلك من فهم المفاهيم الأساسية للويب إلى بناء هياكل HTML معقدة وصحيحة دلالياً (semantically correct) بثقة. سنتعمق في كل شيء بدءاً من الوسوم الأساسية (essential tags) وهيكل المستند، وصولاً إلى ميزات HTML5 المتقدمة، ودمج الوسائط المتعددة، والنماذج (forms)، ومعايير الوصول الأساسية (accessibility standards). بنهاية هذه الرحلة، لن تكتب فقط كود HTML نظيفاً وحديثاً، بل ستمتلك أيضاً المعرفة الأساسية اللازمة للانتقال بسلاسة إلى تطوير CSS و JavaScript. استعد لبدء مسيرتك المهنية في تطوير الويب!
الدروس
- الدرس الأول: ما هي HTML وكيف تعمل؟
- الدرس الثاني: إعداد بيئة التطوير الخاصة بك
- الدرس 3: الهيكل الأساسي لمستند HTML
- الدرس 4: شرح العناصر والوسوم والخصائص (Attributes)
- الدرس 5: البيانات الوصفية الأساسية وتعليقات HTML
- الدرس 6: هيكلة النص باستخدام العناوين (h1 إلى h6)
- الدرس 7: الفقرات وفواصل الأسطر والخطوط الأفقية
- الدرس 8: تنسيق النص الأساسي: الغامق والمائل والمسطر
- الدرس 9: العناصر على مستوى الكتلة (Block-Level) مقابل العناصر المضمنة (Inline)
- الدرس 10: الاقتباسات ومقتطفات الكود
- الدرس 11: إنشاء الروابط التشعبية (وسم المرساة `<a>`)
- الدرس 12: المسارات المطلقة مقابل المسارات النسبية
- الدرس 13: تضمين الصور (`<img>`)
- الدرس 14: الربط بأقسام الصفحة الداخلية (المرتكزات/Anchors)
- الدرس 15: تضمين الصوت والفيديو
- الدرس 16: القوائم غير المرتبة (`<ul>`)
- الدرس 17: القوائم المرتبة (`<ol>`)
- الدرس 18: القوائم المتداخلة وقوائم التعريف
- الدرس 19: إنشاء جداول البيانات الأساسية (`<table>`)
- الدرس 20: الجداول المتقدمة: Colspan، Rowspan، والهيكل
- الدرس 21: تقديم النماذج ووسم `<form>`
- الدرس 22: عنصر `<input>` والأنواع الأساسية (Text، Password، Email)
- الدرس 23: التسميات (Labels) والنصوص البديلة (Placeholders) لتوجيه المستخدم
- الدرس 24: مدخلات الاختيار: مربعات الاختيار (Checkboxes) وأزرار الراديو (Radio Buttons)
- الدرس 25: القوائم المنسدلة ومناطق النص وأزرار الإرسال
- الدرس 26: التخطيط الدلالي لـ HTML5: 'لماذا؟'
- الدرس 27: تعريف المناطق الهيكلية (`<header>`, `<main>`, `<footer>`)
- الدرس 28: تقطيع المحتوى (`<section>`, `<article>`, `<aside>`)
- الدرس 29: التنقل (`<nav>`) والحاويات العامة (`<div>`, `<span>`)
- الدرس 30: الوقت والأشكال والتسميات التوضيحية (`<time>`, `<figure>`, `<figcaption>`)
- الدرس 31: ربط CSS و JavaScript (الموارد الخارجية)
- الدرس 32: مدخلات النموذج المتقدمة (التاريخ، النطاق، اللون)
- الدرس 33: خصائص التحقق من صحة النموذج (Required, Pattern)
- الدرس 34: الصور المتجاوبة (`srcset` و `<picture>`)
- الدرس 35: خصائص البيانات والعناصر المخصصة
- الدرس 36: وسوم Meta الأساسية لتحسين محركات البحث ووسائل التواصل الاجتماعي
- الدرس 37: أساسيات إمكانية الوصول (ARIA والوسوم الدلالية)
- الدرس 38: مقدمة عن Iframes وتضمين المحتوى الخارجي
- الدرس 39: التحقق من الصحة، التصحيح، وأفضل الممارسات
- الدرس 40: خاتمة الدورة والخطوات التالية (من HTML إلى تطوير الويب)