مقدمة الكورس:
إذا كنت تريد إتقان تصميم وتنسيق صفحات الويب بشكل احترافي، فإن هذا الكورس هو خيارك الأمثل.
كورس CSS3 باللغة العربية يعلمك كيفية التعامل مع الألوان، النصوص، الحركات، التنسيقات، الأنيميشن، الـ 3D، والتحكم في استجابة المواقع لجميع الأجهزة.
ماذا ستتعلم في الكورس؟
الوحدة الأولى: مقدمة وأساسيات CSS3
- مقدمة عن CSS3 وما الجديد.
- شرح Vendor Prefixes.
- التعرف على خصائص مثل Border Radius و Box Shadow.
- التعامل مع Box Sizing.
- أمثلة عملية: Box Shadow, Border Radius.
الوحدة الثانية: التحكم في النصوص Text & Overflow
- تأثيرات النصوص Text Shadows.
- التعامل مع Overflow.
- خصائص Word Wrap, White Space.
الوحدة الثالثة: التحولات الثنائية والثلاثية (2D & 3D Transforms)
- دروس شاملة في 2D Transform: Rotate, Scale, Translate, Skew, Matrix.
- دروس 3D Transform: Rotate X, Y, Z، Translate 3D، Scale 3D، Perspective.
- تطبيقات عملية على 3D مثل Flip Card.
الوحدة الرابعة: الخلفيات والتأثيرات المتقدمة (Backgrounds & Opacity)
- خصائص Background الجديدة.
- خصائص Overflow الجديدة.
- الشفافية Opacity.
- خاصية Resize.
الوحدة الخامسة: Flexbox - نظام ترتيب الصفحات
- Flex Direction, Flex Wrap.
- Flex Flow, Justify Content.
- Align Items, Align Content.
- Order, Flex Grow, Flex Shrink.
- Flex Basis, Shorthand.
الوحدة السادسة: الانتقالات (Transitions)
- مقدمة في الانتقالات Transition.
- Property, Duration, Timing Function, Delay.
- أمثلة عملية على الانتقالات.
الوحدة السابعة: الأعمدة المتعددة (Multi Columns)
- Column Count, Column Gap, Column Rule.
- Column Width, Column Span, Shorthand.
الوحدة الثامنة: الحركات (Animations)
- مقدمة وأساسيات Animation.
- Keyframes, Duration, Delay, Iteration, Fill Mode, Direction, Play State.
- أمثلة عملية: Swing Dropdown, Wave Audio Loading, Snake Loading.
الوحدة التاسعة: Selectors - الاختيارات المتقدمة
- Selectors: Next, Start With, End With, Contains.
- Checked, Enabled, Disabled, Empty.
- Not, Last-Child, First-Of-Type.
- Only-Child, Selection.
- Nth-Child, Nth-Of-Type.
الوحدة العاشرة: أدوات تصميم متقدمة
- @Font-Face لاستخدام خطوط مخصصة.
- Media Queries لتصميم مواقع Responsive.
مميزات الكورس:
- شروحات باللغة العربية بأسلوب بسيط.
- تمارين عملية على كل درس.
- أكثر من 50 درس فيديو شامل.
- تغطية متكاملة لكل خصائص CSS3 الحديثة.
- التمهيد للدخول في JavaScript و CSS Animations.
الفئة المستهدفة:
- المبتدئين الراغبين في تعلم تصميم المواقع.
- المبرمجين الذين يريدون إتقان CSS3.
- مصممي الواجهات (UI/UX Designers).
- الطلاب والباحثين عن احتراف مجال Front-End.
متطلبات سابقة:
- معرفة بسيطة بـ HTML (أو متابعة كورس HTML الذي نقدمه).
- جهاز كمبيوتر وبرامج كتابة الأكواد (مثل VS Code).
مدة الكورس:
- 56 درس فيديو.
- أكثر من 10 ساعات تدريبية.
نظام التدريب:
- شروحات فيديو واضحة.
- ملفات الأكواد قابلة للتحميل.
- تمارين عملية.
- مشاريع تطبيقية في نهاية الكورس.
تاريخ التحديثمنذ 5 دقائق
اللغةالعربية
عدد الدروس56 درس
إجمالي الوقت10:17:46 ساعة
المستوىمبتدئ
محتوى الكورس
جميع الدروس
محتوى الكورس
جميع الدروس
