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

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

• محاور لغة 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
  • عدة تطبيقات على أقسام مستقلة كل قسم على حدة