الوحدة الأولى: مقدمة وتهيئة الفهم
- مقدمة عن HTML5 ولماذا نستخدمه.
- التعرف على الوسوم القديمة التي تم إلغاؤها (Deprecated Tags).
- ما هي الـ Semantics؟ ولماذا أصبحت مهمة في HTML5.
- القواعد والأساسيات في كتابة كود HTML5.
- كيفية الانتقال من HTML4 إلى HTML5 بسهولة.
- دعم المتصفحات لـ HTML5.
الوحدة الثانية: الوسوم الجديدة في HTML5 (New Tags)
- الوسوم الرئيسية: Header, Nav, Article, Section, Footer.
- وسوم متقدمة: Main, Aside.
- وسوم البيانات: Progress, Meter.
- وسوم الكتابة: Details, Mark, Wbr, Figure, Figcaption.
- وسوم الزمن والحوار: Time, Dialog, Bdi.
الوحدة الثالثة: تحسين النماذج (Forms)
- عناصر النماذج الجديدة: Datalist, Output.
- إدخال الوسائط المتعددة (Audio, Video).
- أنواع الحقول الجديدة: Color, Range, Number, Email, Search, Url, Tel, Time, Date, Month, Week.
- خصائص جديدة للنماذج: AutoComplete, AutoFocus, NoValidate, Action, Method, EncType.
- خواص التحكم في الحقول: Multiple, Placeholder, Required, Min, Max, Step
- , Pattern, Readonly vs Disabled.
الوحدة الرابعة: الرسم والتصميم داخل HTML5
- مقدمة في Canvas.
- إنشاء أول Canvas.
- رسم خط Line.
- كتابة نصوص داخل Canvas.
- استخدام JavaScript مع Canvas.
الوحدة الخامسة: الرسومات المتجهة SVG (Scalable Vector Graphics)
- مقدمة في SVG.
- رسم Rect, Circle.
- تصميم وتنسيق SVG باستخدام CSS.
- رسم Ellipse, Line.
- مقارنة بين Canvas و SVG.
مميزات الكورس:
- شرح مبسط وعربي 100%.
- أمثلة عملية مع كل درس.
- مناسب للمبتدئين وأيضًا لتقوية المحترفين.
- شامل لكل إضافات HTML5 الجديدة.
- يدعم تصميم واجهات المستخدم الحديثة.
الفئة المستهدفة:
- المبتدئين في تصميم المواقع.
- مطوري الويب الراغبين في تحديث معلوماتهم بـ HTML5.
- طلاب الجامعات في تخصص علوم الحاسوب وهندسة البرمجيات.
متطلبات سابقة:
- لا يتطلب أي معرفة سابقة.
- يكفي جهاز كمبيوتر ومحرر أكواد مثل VS Code.
مدة الكورس:
- 36 فيديو تعليمي.
- أكثر من 6 ساعات تدريبية.
تاريخ التحديثمنذ 7 ساعات
اللغةالعربية
عدد الدروس36 درس
إجمالي الوقت05:55:25 ساعة
المستوىمبتدئ
محتوى الكورس
جميع الدروس
محتوى الكورس
جميع الدروس
