برمجة المواقع | سلسلة دروس لغة css

دورة تعليمية

برمجة المواقع | سلسلة دروس لغة css

برمجة المواقع | تعلّم CSS من الصفر تعلّم كيف تحوّل صفحات HTML البسيطة إلى مواقع جميلة، مرتبة، ومتجاوبة باستخدام CSS. هذه الدورة مناسبة للمبتدئين، وتشرح أساسيات تنسيق صفحات الويب…

مجانية

المدرّس: د. عبقور أونلاين

✦

عن الدورة

ماذا ستتعلّم؟

برمجة المواقع | تعلّم CSS من الصفر تعلّم كيف تحوّل صفحات HTML البسيطة إلى مواقع جميلة، مرتبة، ومتجاوبة باستخدام CSS. هذه الدورة مناسبة للمبتدئين، وتشرح أساسيات تنسيق صفحات الويب خطوة بخطوة مع تطبيقات عملية تساعدك على فهم طريقة التحكم في شكل الموقع وتصميمه. خلال الدورة ستتعلّم كيفية تغيير الألوان والخطوط والخلفيات، التحكم في المسافات والأحجام، تنسيق العناصر، إنشاء التخطيطات باستخدام Flexbox وGrid، وتصميم صفحات تتكيف مع شاشات الهواتف والأجهزة المختلفة. بعد إتمام الدورة ستكون قادرًا على: فهم أساسيات CSS وطريقة ربطها بصفحات HTML. تنسيق النصوص والألوان والخلفيات. التحكم في الهوامش والمسافات والأحجام. استخدام الحدود والتأثيرات المختلفة. إنشاء تخطيطات باستخدام Flexbox وCSS Grid. تصميم صفحات متجاوبة مع الهاتف والكمبيوتر. بناء واجهات ويب أكثر احترافية وجاذبية. الاستعداد للانتقال إلى JavaScript وتطوير مواقع تفاعلية.

✓

محتوى تعليمي

دروس الدورة

1#١ - سلسلة دروس لغة CSS | مقدمة، ما هي لغة ال css و ما فائدتهاتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 2#٢ - سلسلة دروس لغة CSS | البدء في استخدام ال cssتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 3#٣ - سلسلة دروس لغة CSS | ال id و ال classesتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 4#٤ - سلسلة دروس لغة CSS | خاصية اللون | color propertyتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 5#٥ - سلسلة دروس لغة CSS | خاصية الإطار | border propertyتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 6#٦ - سلسلة دروس لغة CSS | خصائص الطول و العرض | height & width propertiesتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 7#٧ - سلسلة دروس لغة CSS | أداة ال browser code inspectorتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 8#٨ - سلسلة دروس لغة CSS | ال Box Model & Margin & Paddingتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 9#٩ - سلسلة دروس لغة CSS | خصائص النص | text propertiesتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 10#١٠ - سلسلة دروس لغة CSS | خصائص الجداول | table propertiesتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 11#١١ - سلسلة دروس لغة CSS | خاصية ال displayتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 12#١٢ - سلسلة دروس لغة CSS | خاصية الموضع | position property(static vs absolute vs relative vs fixed)تفاصيل الدرس — المشاهدة داخل تطبيق نوابع 13#١٣ - سلسلة دروس لغة CSS | خاصية z-index propertyتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 14#١٤ - سلسلة دروس لغة CSS | خاصية ال margin و توسيط العناصر | Margin Prop & Centering Elementsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 15#١٥ - سلسلة دروس لغة CSS | ال Flexboxتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 16#١٦ - سلسلة دروس لغة CSS | اختبار المراجعة في ال css positioningتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 17#١٧ - سلسلة دروس لغة CSS | حل اختبار المراجعة في ال css positioningتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 18#١٨ - سلسلة دروس لغة CSS |ال CSS Combinatorsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 19#١٩ - سلسلة دروس لغة CSS | ال Pseudo Classesتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 20#٢٠ - سلسلة دروس لغة CSS | ال Pseudo Elementsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 21#٢١ - سلسلة دروس لغة CSS | ملف css خارجي | external css fileتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 22#٢٢ - سلسلة دروس لغة الCSS | استخدام !importantتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 23#٢٣ - سلسلة دروس لغة CSS | خاصية ال overflowتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 24#٢٤ - سلسلة دروس لغة CSS | خاصية الظل | Shadow Propertyتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 25#٢٥ - سلسلة دروس لغة CSS | خاصية ال transition و بناء ال animation في ال cssتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 26#٢٦ - سلسلة دروس لغة CSS | وحدات الأحجام و القياسات | CSS Unitsتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 27#٢٧ - سلسلة دروس لغة CSS | متغيرات ال CSS | CSS Variablesتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 28#٢٨ - سلسلة دروس لغة CSS | اختبار المراجعة النهائيتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 29#٢٩ - سلسلة دروس لغة CSS | حل الاختبار النهائيتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 30#٣٠ - سلسلة دروس لغة CSS | ال Bootstrap و أطر العمل التصميميةتفاصيل الدرس — المشاهدة داخل تطبيق نوابع 31سلسلة دروس لغة CSS | خاتمةتفاصيل الدرس — المشاهدة داخل تطبيق نوابع

الدروس محمية داخل التطبيق

حمّل نوابع وابدأ التعلّم

للوصول إلى الدروس والملفات والاختبارات، استخدم تطبيق نوابع.

حمّل التطبيق منGoogle Play حمّل التطبيق منApp Store