مهارات و أساسيات CSS : المستوى المتقدم | التعلم الحر - EDLibre

مهارات و أساسيات CSS : المستوى المتقدم

أساسيات CSS هي دورة على الإنترنيت مقدمة من طرف Microsoft تهدف إلى تعليم المتدربين كيفية تصميم و تطوير صفحات الويب. و لمن لا يعلم ما هي CSS فهي تقنية شبيهة ب HTML تتحكم بشكل الموقع و كيفية ظهوره لدى المستخدم. و هي تقنية بسيطة و هامة للغاية و لديها الكثير من المميزات التي ستتعرف عليها في هذه الدورة.

مهارات و أساسيات CSS : المستوى المتقدم

هدف هذه الدورة هو منح المتدربين فرصة لاكتساب أساس متين في تطوير واختبار مواقع متوافقة مع الأجهزة باستخدام قوة CSS.
هذه الدورة التدريبية مقدمة من مايكروسوفت و هي جزء من برنامج Microsoft Professional في تطوير الواجهة الأمامية.
و ستتعلم أثناء فصول هذه الدورة كيفية تصميم و تطوير و اختبار مواقع متوافقة مع الأجهزة باستخدام CSS، إحدى التقنيات الأساسية المستخدمة لإنشاء صفحات الويب. ستتعرّف أيضًا على كيفية استخدام Flexbox، و صور SVG، و غيرها من أدوات تطوير الويب لتحسين صفحاتك على الويب.

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

• أي شخص يرغب في تعلم أساسيات CSS المستوى المتقدم.
• أي مطور في المستوى المبتدئ، الطلاب، و أي شخص لديه معرفة بلغة HTML أو CSS و JavaScript.
• لكل شخص يرغب في كسب العيش (أو دخل إضافي) من تصميم و تطوير صفحة الويب.

الأهداف و المكتسبات:

• تعلم تحليل الأساليب لبناء قاعدة بيانات CSS.
• تعلم إنشاء أساس HTML و CSS الدلالي.
• معرفة كيفية استخدام استعلامات الوسائط (media queries) لإنشاء نظام شبكة استجابة.
• التمكن من بناء وحدة زر قاعدية و توسيعه إلى زر أساسي.
• التمكن من إنشاء قسم عنوان للهاتف mobile header يتضمن شعارا و متصفحا.
• معرفة كيفية إنشاء قسم mobile hero و تعيين صورة كخلفية.
• تعلم كيفية إنشاء كائن وسائط media object و إنشاء رمز.
• التعرف على كيفية نقل و تحويل SCSS إلى CSS و إعداد بنية ملف.
• تعلم إنشاء قسم header على سطح المكتب يحتوي على متغيرات و غيره.
• تعلم إنشاء وحدة إطار الصورة و وحدة الألوان.
• استخدام أدوات تطوير الويب للتمكن من العثور على المشاكل وحلها.
• استخدام Flexbox في الرأس و الشعار و التنقل.
• توسيع الشبكة الخاصة بك باستخدام Flexbox.
• استخدام صور SVG و كيفية إضافتها إلى صفحة الويب باستخدام العلامة الجديدة.

المتطلبات:

• فهم لأساسيات HTML.
• فهم لأساسيات برمجة JavaScript.
• معرفة عملية و تطبيقية ل CSS.

رابط الدورة

بالتوفيق للجميع، نحن رهن الإشارة إن احتجتم مساعدة ما. يكفي مراسلتنا عبر الصفحة الرسمية للموقع على الفيسبوك Education Libre أو ترك تعليقات. ويمكنكم متابعتنا عبر تطبيق Telegram لتتوصلوا بمستجدات موقع التعلم الحر باستمرار.

You may also like...

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *