الفئات: التكنولوجيا والتطوير
تثبيت واستخدام VScode وLive Server لمعاينة التعديلات أثناء العمل.
ربط HTML بـ CSS لتطبيق التنسيقات الأساسية مثل الألوان والخلفيات والهوامش.
استخدام المتغيرات والتدرجات اللونية لجعل التصميمات أكثر جاذبية وتنظيماً.
تطبيق تقنيات نقل المحتوى وفهم الوضعيات المختلفة مثل Fixed وSticky.
تنفيذ تحديات عملية لتحسين مهارات التنسيق بأسلوب تطبيقي واضح.
تصميم عربة تسوق كجزء من مشروع عملي يدمج جميع المفاهيم المكتسبة.
دروس مجانية
تحميل VScode
افتح المشروع برمز Vs
تحميل Live Server
CSS Core
1. تعلم VScode Editor وCSS
تحميل VScode
افتح المشروع برمز Vs
تحميل Live Server
نمط Attr
قم بتوصيل HTML بـ CSS
الترميز
فصل
CSS Core
تحدي
حل التحدي
الألوان
where & is
المتغير
تدرج الألوان
الخلفية
الهامش الداخلي
الهامش الخارجي
الحدود
عملية نقل المحتوى - Fixed
عملية نقل المحتوى - Sticky
الوضعية النسبية والمطلقة
تحدي
تصميم العربة 1
تصميم العربة 2
في هذه الدورة المخصصة لتعلم VScode Editor وCSS، ستبدأ رحلتك لتطوير مهاراتك في تصميم وتطوير مواقع ويب متجاوبة واحترافية باستخدام الأدوات الأكثر فاعلية في المجال. تبدأ الدورة بخطوات سهلة لتحميل محرر الأكواد VScode وتثبيت Live Server، وذلك يساعدك على عرض التعديلات التي تقوم بها في الوقت الحقيقي أثناء العمل على مشاريعك. ستتعرف على كيفية توصيل HTML بـ CSS، وهي خطوة أساسية في تطوير أي موقع ويب، ثم تنطلق في فهم أساسيات CSS من خلال دروس تطبيقية تغطي مختلف الجوانب المهمة، مثل الألوان، الهامش الداخلي والخارجي، الخلفية، والحدود. صُمّمت الدورة بشكل عملي يشمل تحديات حقيقية تساعدك على استيعاب المفاهيم بشكل أعمق، على سبيل المثال، ستتمرن على تحديات تتعلق بإنشاء تصميمات وتحسين التنسيقات، وسيتم شرح الحلول خطوة بخطوة لضمان الاستيعاب بشكل كامل. بالإضافة إلى ذلك، ستتعلم كيفية استخدام المتغيرات في CSS لتحسين كفاءة التنسيق، وتتعرف على التدرجات اللونية وإضافة لمسات جمالية إلى تصميماتك. ستتطرق الدورة أيضًا إلى تقنيات نقل المحتوى باستخدام الوضعيات المختلفة مثل Fixed وSticky، إلى جانب فهم الوضعيات النسبية والمطلقة وكيفية استخدامها لإنشاء تصميمات مرنة. وللعمل على مشروع عملي حقيقي، ستتعلم كيفية تصميم عربة تسوق بشكل متكامل، مما يمنحك خبرة عملية تطبق خلالها جميع المفاهيم التي تعلمتها خلال الدورة. بنهاية هذه الدورة، ستكون لديك القدرة على استخدام VScode Editor بكفاءة وتصميم مواقع ويب جذابة باستخدام CSS. هذه الدورة تضعك على المسار الصحيح لتصبح مصمم ويب محترف. انضم الآن وابدأ ببناء تصاميم احترافية ومشاريع عملية مبتكرة!
تتطلب هذه الدورة التدريبية وجود شبكة إنترنت جيدة ولابتوب. وإذا كنت ترغب في الحصول على معلومات أكثر، يمكنك الرجوع إلى الجزء الأول والثاني الخاص بمحتوى هذه الدورة التدريبية.
مهندس برمجيات
1,849 متعلمين
11 دورات