دبلوم تصميم مواقع الويب

تلعب المواقع الويب دورًا مهمًا في تقديم المعلومات، وتسهيل التفاعل، وبناء الهوية الرقمية للأفراد والشركات. تجمع هذه الدورة بين مهارات تصميم الواجهات الجذابة والبرمجة الفعّالة لخلق تجربة مستخدم مميزة على الإنترنت.

1- طلب متزايد في سوق العمل: تصميم وبرمجة مواقع الويب هما مهارات مطلوبة بشدة في سوق العمل الحالي. الشركات والمؤسسات تحتاج إلى مواقع ويب مبتكرة وقوية للتواجد على الإنترنت، مما يخلق فرصًا كبيرة للمحترفين الذين يجيدون تلك المهارات.

2- توسيع فرص العمل الحر: بفضل تعلم تصميم وبرمجة مواقع الويب، يمكن للطلاب أن يعملوا كمستقلين ويب لبناء مواقع للعملاء، مما يمنحهم حرية العمل بمرونة وتحقيق دخل إضافي.

3- إبداع وتنفيذ الأفكار: هذا الكورس يمنح الطلاب الفرصة لتحويل أفكارهم وإبداعاتهم إلى واقع على شبكة الإنترنت. يمكنهم إنشاء مواقع تسهم في تحقيق تأثير إيجابي.
 4- تجربة مستخدم مميزة: تصميم وبرمجة موقع ويب يتطلب مراعاة تجربة المستخدم. هذا الكورس يعلم الطلاب كيفية إنشاء واجهات مستخدم جاذبة وسهلة الاستخدام لتحقيق تجربة مميزة للزوار.

5- تطوير مهارات التفكير النقدي: عملية تصميم وبرمجة مواقع الويب تتطلب التفكير الإبداعي وحل المشكلات. يساهم هذا الكورس في تطوير قدرات الطلاب على التفكير النقدي والإبداعي.

6- تعلم مهارات متعددة: الكورس يجمع بين مهارات التصميم الجرافيكي وبرمجة الويب، مما يمكن الطلاب من تطوير مهارات متعددة ومتكاملة.
 7- باختصار، كورس تصميم وبرمجة مواقع الويب يمثل فرصة للطلاب لاكتساب مهارات حيوية ومطلوبة في عالم اليوم، سواء لتحقيق نجاح مهني أو تنفيذ مشاريعهم الشخصية.

محاور الدبلوم:

  1. مقدمة للغة HTML وأساسياتها
  2. العناوين و النصوص
  3. الروابط والصور
  4. القوائم
  5. النماذج وحقول الادخال
  6. الجداول
  7. التنسيق والأنماط الأساسية
  8. النماذج وحقول الادخال
  9. الصوت والفيديو
  10. الجداول المتقدمة والنماذج
  11. الوسوم الشائعة الأخرى والأدوات المساعدة
  12. الخرائط
  13. تجاوب المواقع وتصميم الواجهات البسيطة
  14. الأمان وأفضل الممارسات
  1. مقدمة – introduction
  2. طرق كتابة اللغة – syntax
  3. التعليقات – comments
  4. الألوان – colors 
  5. الحدود – borders
  6. الهوامش – margin and padding
  7. الأبعاد – width – height
  8. الخطوط – fonts
  9. الايقونات – icons
  10. الروابط – links
  11. الجداول – tables
  12. طرق عرض العناصر – display
  13. مواقع العناصر على الشاشة – positions
  14. ترتيب العناصر – z-index
  15. المحاذاة – alignment
  16. العناصر الوهمية – Pseudo Elements
  17. الشفافية – Opacity
  18. الصور – photos
  19. المحددات – Selectors
  20. وحدات الحجم – Units
  21. النصوص – Text
  22. الخلفيات – Background
  23. القوائم – Lists
  24. flexbox 
  25. grid layout
  1. Container
  2. Row
  3. Col
  4. Navbar
  5. Breadcrumb
  6. Carousel
  7. Modal
  8. Accordion
  9. Card
  10. Badge
  11. Button
  12. Form
  13. Input
  14. Checkbox
  15. Radio
  16. Dropdown
  17. Pagination
  18. Alert
  19. Progress
  20. Spinner
  21. bg-* (تنسيق خلفية)
  22. text-* (تنسيق النص)
  23. btn-* (تنسيق الأزرار)
  24. badge (شارات)
  25. table (جداول)
  26. img-fluid (صور متجاوبة)
  27. form-* (تنسيق النماذج)
  28. list-group (قوائم مجمعة)
  29. card (بطاقات)
  30. rounded (تقريب الحواف)
  31. shadow (ظلال)
  32. float-* (تنسيق تطويع العناصر)
  1. موقع شخصي كامل من الصفر
  2. موقع متجر الكتروني كامل من الصفر 
  3. بناء صفحة هبوط كاملة من الصفر 
  4. بناء موقع لشركة بالكامل
  5. بناء موقع كتقليد لموقع اليوتيوب لزيادة مهاراتنا بالعمل