مدرب
تقدم هذه الدورة شرحًا عربيًا منظمًا لـ HTML يبدأ بالمفاهيم الأساسية وينتقل تدريجيًا إلى الاستخدام العملي. لا يكتفي المسار بالتعريفات؛ بل يربط كل محور بممارسة واختبار وفهم الأخطاء المتوقعة.
ابدأ بالوحدات حسب ترتيبها، ونفّذ الأمثلة على بيئة اختبار، ثم حل التمارين دون نسخ الحل مباشرة. احتفظ بملاحظاتك حول الأخطاء، وأنهِ الوحدات بالمشروع العملي عندما يتوفر.
دورة HTML من الصفر إلى الاحتراف عملية بالكامل: لا شروحات معزولة بلا هدف، بل مسار واحد متصل يقودك من أول وسم حتى إطلاق موقع محفظة أعمال شخصية جاهز للنشر.
ماذا ستتعلم؟ المحتوى مقسّم على 7 وحدات متدرجة من الأساسيات حتى الإتقان:
تفاصيل الدورة: 7 وحدات و35 درسًا ومدة دراسية تقديرية نحو 5 ساعات و 31 دقيقة. كل درس يشرح المصطلح بوضوح (تعريفه، متى يُستخدم، أين يطبَّق) ثم يعطي مثالًا عمليًا ويختتم بتمرين تطبيقي وأسئلة مراجعة.
لمن هذه الدورة؟ للمبتدئين تمامًا الذين يريدون أساس HTML متينًا، وللمبرمجين الراغبين بتعميق فهم الدلالات والأداء والأمان. المتطلب الوحيد: متصفح حديث ومحرر نصوص مجاني مثل VS Code وفضول للتجربة.
تتضمن هذه الدورة 7 وحدات، 42 دروس، و 7:14 ساعات من المواد.
[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هو HTML وكيف يعمل الويب؟» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بيئة العمل وإنشاء أول صفحة HTML» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بنية مستند HTML: doctype وhead وbody» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «الوسوم والعناصر والخصائص» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «النصوص والعناوين والتنسيقات والتعليقات» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
اختبار وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML.
[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هو HTML وكيف يعمل الويب؟» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بيئة العمل وإنشاء أول صفحة HTML» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بنية مستند HTML: doctype وhead وbody» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «الوسوم والعناصر والخصائص» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «النصوص والعناوين والتنسيقات والتعليقات» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
اختبار وحدة «المحتوى والوسائط» في دورة HTML.
[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هو HTML وكيف يعمل الويب؟» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بيئة العمل وإنشاء أول صفحة HTML» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بنية مستند HTML: doctype وhead وbody» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «الوسوم والعناصر والخصائص» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «النصوص والعناوين والتنسيقات والتعليقات» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
اختبار وحدة «النماذج» في دورة HTML.
[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هو HTML وكيف يعمل الويب؟» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بيئة العمل وإنشاء أول صفحة HTML» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بنية مستند HTML: doctype وhead وbody» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «الوسوم والعناصر والخصائص» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «النصوص والعناوين والتنسيقات والتعليقات» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
اختبار وحدة «الدلاليات وSEO» في دورة HTML.
[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هو HTML وكيف يعمل الويب؟» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بيئة العمل وإنشاء أول صفحة HTML» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بنية مستند HTML: doctype وhead وbody» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «الوسوم والعناصر والخصائص» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «النصوص والعناوين والتنسيقات والتعليقات» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
اختبار وحدة «تقنيات متقدمة: الوسائط وواجهات المتصفح» في دورة HTML.
[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هو HTML وكيف يعمل الويب؟» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بيئة العمل وإنشاء أول صفحة HTML» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بنية مستند HTML: doctype وhead وbody» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «الوسوم والعناصر والخصائص» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «النصوص والعناوين والتنسيقات والتعليقات» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
اختبار وحدة «هندسة HTML: الأداء والأمان والتنظيم» في دورة HTML.
[المستوى التأسيسي (Beginner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «ما هو HTML وكيف يعمل الويب؟» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى التطبيقي (Practitioner)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بيئة العمل وإنشاء أول صفحة HTML» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المتقدم (Advanced)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «بنية مستند HTML: doctype وhead وbody» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[المستوى المعماري (Architecture & Security)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «الوسوم والعناصر والخصائص» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
[مستوى الإنتاج (Production & Testing)] شرح تفصيلي من الصفر إلى الاحتراف لدرس «النصوص والعناوين والتنسيقات والتعليقات» ضمن وحدة «أساسيات HTML وأدوات المطوّر» في دورة HTML بالعربية: من الأساسيات إلى التطبيق العملي، مصمم بأسلوب Google Notebook مع ملخص صوتي حواري، وخريطة ذهنية بصرية، وشيفرة برمجية مشروحة، وبطاقات استذكار تفاعلية.
اختبار وحدة «المشروع العملي: موقع محفظة أعمال متكامل» في دورة HTML.
الرد على التعليق