كورس تصميم وبرمجة مواقع الويب(Front End) المستوى الاول:

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

سبب اختيار الطلاب لهذا الكورس:

1- طلب متزايد في سوق العمل: تصميم وبرمجة مواقع الويب هما مهارات مطلوبة بشدة في سوق العمل الحالي. الشركات والمؤسسات تحتاج إلى مواقع ويب مبتكرة وقوية للتواجد على الإنترنت، مما يخلق فرصًا كبيرة للمحترفين الذين يجيدون تلك المهارات.
2- توسيع فرص العمل الحر: بفضل تعلم تصميم وبرمجة مواقع الويب، يمكن للطلاب أن يعملوا كمستقلين ويب لبناء مواقع للعملاء، مما يمنحهم حرية العمل بمرونة وتحقيق دخل إضافي.
3- إبداع وتنفيذ الأفكار: هذا الكورس يمنح الطلاب الفرصة لتحويل أفكارهم وإبداعاتهم إلى واقع على شبكة الإنترنت. يمكنهم إنشاء مواقع تسهم في تحقيق تأثير إيجابي.
 4- تجربة مستخدم مميزة: تصميم وبرمجة موقع ويب يتطلب مراعاة تجربة المستخدم. هذا الكورس يعلم الطلاب كيفية إنشاء واجهات مستخدم جاذبة وسهلة الاستخدام لتحقيق تجربة مميزة للزوار.
5- تطوير مهارات التفكير النقدي: عملية تصميم وبرمجة مواقع الويب تتطلب التفكير الإبداعي وحل المشكلات. يساهم هذا الكورس في تطوير قدرات الطلاب على التفكير النقدي والإبداعي.
6- تعلم مهارات متعددة: الكورس يجمع بين مهارات التصميم الجرافيكي وبرمجة الويب، مما يمكن الطلاب من تطوير مهارات متعددة ومتكاملة.
 7- باختصار، كورس تصميم وبرمجة مواقع الويب يمثل فرصة للطلاب لاكتساب مهارات حيوية ومطلوبة في عالم اليوم، سواء لتحقيق نجاح مهني أو تنفيذ مشاريعهم الشخصية.

سبب اختيار الطلاب لهذا الكورس:

  • محاور لغة HTML
    • مقدمة للغة HTML وأساسياتها
    • العناوين و النصوص
    • الروابط والصور
    • القوائم
    • النماذج وحقول الادخال
    • الجداول
    • التنسيق والأنماط الأساسية
    • النماذج وحقول الادخال
    • الصوت والفيديو
    • الجداول المتقدمة والنماذج
    • الوسوم الشائعة الأخرى والأدوات المساعدة
    • الخرائط
    • تجاوب المواقع وتصميم الواجهات البسيطة
    • الأمان وأفضل الممارسات
  • محاور لغة CSS3
    • مقدمة – introduction
    • طرق كتابة اللغة – syntax
    • التعليقات – comments
    • الألوان – colors 
    • الحدود – borders
    • الهوامش – margin and padding
    • الأبعاد – width – height
    • الخطوط – fonts
    • الايقونات – icons
    • الروابط – links
    • الجداول – tables
    • طرق عرض العناصر – display
    • مواقع العناصر على الشاشة – positions
    • ترتيب العناصر – z-index
    • المحاذاة – alignment
    • العناصر الوهمية – Pseudo Elements
    • الشفافية – Opacity
    • الصور – photos
    • المحددات – Selectors
    • وحدات الحجم – Units
    • النصوص – Text
    • الخلفيات – Background
    • القوائم – Lists
    • flexbox 
    • grid layout
  • محاور مكتبة Bootstrap

    مكونات Bootstrap:

    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

    فئات تنسيق Bootstrap:

    1. bg-* (تنسيق خلفية)
    2. text-* (تنسيق النص)
    3. btn-* (تنسيق الأزرار)
    4. badge (شارات)
    5. table (جداول)
    6. img-fluid (صور متجاوبة)
    7. form-* (تنسيق النماذج)
    8. list-group (قوائم مجمعة)
    9. card (بطاقات)
    10. jumbotron (جامبوترون)
    11. bg-primary, bg-secondary, … (تنسيق خلفية بألوان محددة)
    12. text-primary, text-secondary, … (تنسيق نص بألوان محددة)
    13. rounded (تقريب الحواف)
    14. shadow (ظلال)
    15. float-* (تنسيق تطويع العناصر)
  • شرح مكتبة Tailwind Css
  • شرح لغة Sass
  • مخرجات الكورس
    • موقع شخصي كامل من الصفر
    • موقع متجر الكتروني كامل من الصفر 
    • بناء صفحة هبوط كاملة من الصفر 
    • بناء موقع لشركة بالكامل
    • بناء موقع كتقليد لموقع اليوتيوب لزيادة مهاراتنا بالعمل
    • مشروع كامل باستخدام مكتبة Tailwind Css
    • مشروع كامل باستخدام لغة Sass
    • عدة تطبيقات على أقسام مستقلة كل قسم على حدة

تابعنا على السوشيال ميديا:

أرقام التواصل:

05519665883