---

 

HTML5 هو احدث اصدار من لغة برمجة وعمل مواقع الانترنت وهي اختصار ل (HyperText Markup Language). وهي اللغة الوحيده التي يفهمها متصفح الانرتنت وجميع لغات البرمجة التي تتعامل مع متصفحات الانترنت Internet browsers يجب ان تترجم مخرجاتها الى هذه اللغة . لذلك يعتبر اتقان ومعرفة هذه اللغة هي حجر الاساس ونقطة البداية الاساسية لاي شخص يرغب في الابحار في برمجة وتصميم مواقع الانترنت .

في عالم برمجة الانترنت هنالك نوعين من انواع البرمجة Front End programming وهي تتمثل بكل ما يتم اظهاره لمستخدم الانترنت عند طلب صفحة الموقع ( الشكل الخاص بالموقع وطريقة عرض المعلومات فيه ) .

Back End Programming وهي تمثل ما يحدث خلف صفحة الانترنت التي يتم عرضها للمستخدم من عملية ربط بين الموقع والسيرفير (الخادم)الخاص بالموقع . على سبيل المثال عمليات التحقق من اسم المستخدم وكلمة السر مثال عن لغات البرمجة المستخدمة في هذا الجزء (PHP – JAVA- .NET – Python)

في هذا المقرر سوف نتعرف بالتفصيل عن برمجة Front End الخاصة بمواقع الانترنت والتي تتمثل بشكل اساسي التعرف على
– HTML5
– Css3
وسوف نتعرف على Java Script

 

Html5:-

• مقدمة عن عالم مواقع الانرتنت ولماذا html5
• مكونات صفحة الانترنت وماهي عناصر html5 الجديده
• كيفية دعم عناصر ال Html5 في متصفحات الانترنت
• ما هو المقصود ب semantic web page

HTML5 web forms:-

• ما هي Html5 web forms
• التحقق والغاء التحقق من مدخلات المستخدمين
• ما هي العناصر الجديده في html5 web forms
• العناصر الاقل اهمية في العناصر الجديده في html5 web forms
• اضافة وظائف اضافية الى web forms باستخدام ال javascript
• كيفية التأكد من دعم متصفح الانترنت ل html5 web forms

الصوت والفيديو

• الصوت والفيديو في المتصفحات الحديثة
• الصوت وقضايا الملكية الفكرية
• كيفية برمجة و التعامل مع الاصوات في مواقع الانترنت
• الفيديو وقضايا الملكية الفكرية
• كيفية برمجة والتعامل مع الفيديوهات في صفحات الانترنت
• هل جميع المتصفحات تدعم الصوت والفيديو ؟

CSS3 ) Cascading Style Sheets):-

• ما هي ال Css3 وما دورها في صفحة الانترنت
• كيفية اختيار العناصر في صفحة الانرتنت بناء على علاقتها ببعضها البعض
• كيفية اختييار العناصر بناء على خصائصها
• كيفية اختيار العناصر بناء على ما يسبقها من محددات pseudo Classes
• كيفية اختيار العناصر بناء على تفاعل المستخدم مع الموقع
• كيفية تقسيم الصفحة وعمل بنيتها باستخدام ال Css3
• كيفية جعل الموقع مناسب وصديق لمتصفحات الجوال والاجهزة الذكية
• هل جميع المتصفحات تدعم خصائص ال Css3 الجديده
• الالوان والشفافية في صفحة الانترنت
• عمل التاثيرات والحركة في الموقع باستخدام Css Transforms
• عمل الظل في صفحات الموقع
• خصائص الخلفية في المواقع وكيفية التعامل معها
• عمل تدرجات الالوان
• التعامل مع الخطوط في صفحات الانترنت
• هل جميع المتصفحات تدعم الخطوط نفسها

الموقع الجغرافي Geolocation API:-

• كيف تجعل موقع الانترنت يحدد موقع الشخص الذي يتصفحه
• كيف تحدث موقع متصفح الموقع بشكل مستمر

• مخرجات الماده

  • سوف تكون قادر على البدء ببرمجة وتصميم مواقع الانترنت Static webSite
  • سوف تستطيع تحويل مواقع الانترنت الى مواقع صديقة لمتصفحات الجوالات والاجهزة الذكية

  الحصول على الكورس