الوحدة الأولى: مقدمة وتهيئة الفهم

1. مقدمة عن HTML5 ولماذا نستخدمه.
2. التعرف على الوسوم القديمة التي تم إلغاؤها (Deprecated Tags).
3. ما هي الـ Semantics؟ ولماذا أصبحت مهمة في HTML5.
4. القواعد والأساسيات في كتابة كود HTML5.
5. كيفية الانتقال من HTML4 إلى HTML5 بسهولة.
6. دعم المتصفحات لـ HTML5.

الوحدة الثانية: الوسوم الجديدة في HTML5 (New Tags)

7. الوسوم الرئيسية: Header, Nav, Article, Section, Footer.
8. وسوم متقدمة: Main, Aside.
9. وسوم البيانات: Progress, Meter.
10. وسوم الكتابة: Details, Mark, Wbr, Figure, Figcaption.
11. وسوم الزمن والحوار: Time, Dialog, Bdi.

الوحدة الثالثة: تحسين النماذج (Forms)

12. عناصر النماذج الجديدة: Datalist, Output.
13. إدخال الوسائط المتعددة (Audio, Video).
14. أنواع الحقول الجديدة: Color, Range, Number, Email, Search, Url, Tel, Time, Date, Month, Week.
15. خصائص جديدة للنماذج: AutoComplete, AutoFocus, NoValidate, Action, Method, EncType.
16. خواص التحكم في الحقول: Multiple, Placeholder, Required, Min, Max, Step, Pattern, Readonly vs Disabled.

الوحدة الرابعة: الرسم والتصميم داخل HTML5

17. مقدمة في Canvas.
18. إنشاء أول Canvas.
19. رسم خط Line.
20. كتابة نصوص داخل Canvas.
21. استخدام JavaScript مع Canvas.

الوحدة الخامسة: الرسومات المتجهة SVG (Scalable Vector Graphics)

22. مقدمة في SVG.
23. رسم Rect, Circle.
24. تصميم وتنسيق SVG باستخدام CSS.
25. رسم Ellipse, Line.
26. مقارنة بين Canvas و SVG.

 مميزات الكورس:

• شرح مبسط وعربي 100%.
• أمثلة عملية مع كل درس.
• مناسب للمبتدئين وأيضًا لتقوية المحترفين.
• شامل لكل إضافات HTML5 الجديدة.
• يدعم تصميم واجهات المستخدم الحديثة.

 الفئة المستهدفة:

• المبتدئين في تصميم المواقع.
• مطوري الويب الراغبين في تحديث معلوماتهم بـ HTML5.
• طلاب الجامعات في تخصص علوم الحاسوب وهندسة البرمجيات.

 متطلبات سابقة:

• لا يتطلب أي معرفة سابقة.
• يكفي جهاز كمبيوتر ومحرر أكواد مثل VS Code.

 مدة الكورس:

• 36 فيديو تعليمي.
• أكثر من 6 ساعات تدريبية.