كورس تصميم مواقع الويب الاحترافي | Web Design Tutorials من Elzero Web School

عدد الدروس : 55 عدد ساعات الدورة : 12:59:42 شهادة معتمدة : نعم التسجيل في الدورة للحصول على شهادة

للحصول على شهادة

  • 1- التسجيل
  • 2- مشاهدة الكورس كاملا
  • 3- متابعة نسبة اكتمال الكورس تدريجيا
  • 4- بعد الانتهاء تظهر الشهادة في الملف الشخصي الخاص بك
كورس شامل لتعلم تصميم وتطوير واجهات المواقع (Front-End) مع Elzero Web School. ستتعلم خلاله كل ما يخص HTML, CSS, jQuery, و Plugins من الصفر حتى إنشاء مواقع تفاعلية وعصرية. يشمل الكورس مشاريع عملية، تأثيرات، تصميمات جاهزة، وأفكار لتطوير مهاراتك في التصميم.

قائمة الدروس

عن الدورة

مقدمة الكورس:

إذا كنت تبحث عن كورس احترافي لتعلم تصميم مواقع الويب بأبسط الطرق، فهذا الكورس هو الخيار الأمثل لك.
من خلال أكثر من 50 فيديو تطبيقي، ستتعلم كيف تصمم موقع احترافي يتناسب مع جميع الأجهزة (Responsive)، مع الكثير من الأفكار المبتكرة والحيل الاحترافية.
كورس مقدم من Elzero Web School، أحد أشهر المتخصصين في تعليم التصميم والتطوير باللغة العربية.


ماذا ستتعلم في الكورس؟

الوحدة الأولى: أساسيات تصميم الويب (HTML & CSS)

  1. كتابة كود HTML و CSS بشكل نظيف ومرتب.
  2. التعامل مع Font Awesome و Google Fonts.
  3. إنشاء قوائم Dropdown.
  4. التعامل مع CodePen.io لتجربة الأكواد.
  5. Normalize vs Reset CSS.

الوحدة الثانية: تأثيرات احترافية (Animations & Effects)

  1. تصميم Custom Radio & Checkbox مع Animation.
  2. تأثيرات Hover مختلفة (نصوص، صور، أيقونات).
  3. تصميم Spinner Loading بعدة أشكال.
  4. تحريك النصوص والمؤثرات البصرية.
  5. تصميم تأثير Heartbeat للأيقونات.

الوحدة الثالثة: التعامل مع الأشكال والتنسيق (UI/UX Design)

  1. تصميم Timeline للمحتوى.
  2. تصميم Input Forms بستايلات احترافية.
  3. إخفاء/إظهار Placeholder عند الكتابة.
  4. تصميم أزرار بأشكال متقدمة (Border Effects).
  5. إنشاء تأثيرات Text Fill مع Hover.

الوحدة الرابعة: الإضافات (Plugins & jQuery)

  1. استخدام FitText و FitVids لجعل النصوص والفيديوهات Responsive.
  2. Typed.js لإنشاء نصوص متغيرة تلقائيًا.
  3. CountTo لإنشاء عدادات متحركة.
  4. Smooth Scroll Plugin لتنعيم حركة التصفح.
  5. Skitter Slider لإنشاء Slideshows.

الوحدة الخامسة: أدوات متقدمة (Advanced Tools)

  1. كتابة CSS Framework خاص بك.
  2. تعلم التعامل مع FTP ورفع المواقع.
  3. تعلم استخدام Nice Scroll لتخصيص أشرطة التمرير.
  4. تصميم Favicon وإضافته للموقع.
  5. إنشاء جداول Div Tables بمرونة.

الوحدة السادسة: مفاهيم وأساسيات إضافية (Concepts & Fixes)

  1. الفرق بين px, em, rem, % وأفضل استخدام.
  2. التعامل مع Display: Inline, Block, Inline-Block.
  3. كيفية التعامل مع Margins و Auto Center.
  4. كيفية كتابة أكواد HTML و CSS بطريقة قياسية (Best Practice).
  5. تصميم Speech Bubble بأكواد CSS فقط.

مميزات الكورس:

  • مشاريع تطبيقية وحقيقية.
  • تصميمات عصرية تناسب أحدث اتجاهات التصميم.
  • تعلم خطوة بخطوة بدون خبرة مسبقة.
  • مناسب لمستوى المبتدئين والمتوسطين.
  • شروحات باللغة العربية بشكل مبسط.
  • أفكار قابلة للتنفيذ مباشرة في مشاريعك الخاصة.

الفئة المستهدفة:

  • المبتدئون في مجال تصميم الويب.
  • مطورو الويب الراغبين في تحسين مهارات الواجهة الأمامية (Front-End).
  • مصممو الجرافيك الذين يريدون دخول مجال Web Design.
  • أصحاب المشاريع الصغيرة الذين يريدون تصميم مواقعهم.

متطلبات سابقة:

  • لا تحتاج خبرة سابقة.
  • جهاز كمبيوتر مثبت عليه محرر أكواد (VS Code أو Sublime).

مدة الكورس:

  • 55 درس فيديو.
  • أكثر من 15 ساعة تدريبية عملية.

نظام التدريب:

  • فيديو لكل فكرة أو مشروع.
  • ملفات وأكواد للتنزيل.
  • مشاريع عملية يمكنك تعديلها وإعادة استخدامها.