مسار تطوير الواجهة الأمامية

تعلم أساسيات CSS

مراجعات

+500 طالب

17 اختبار

مبتديء

هل تتطلع إلى أن تصبح خبيرا في تصميم الويب؟ 

في دورة أساسيات CSS – سواء كنت جديدا في تطوير الويب أو تتطلع إلى البناء على مهاراتك الحالية – ستساعدك هذه الدورة على إنشاء مواقع ويب مذهلة وسريعة الاستجابة تميزك عن أقرانك.  

هل سئمت من الشعور بأن قدراتك في تصميم الويب محدودة؟

في هذه الدورة ستتعلم كيفية استخدام CSS لتصميم كل عنصر من عناصر موقع الويب الخاص بك، والتي تشمل النصوص والروابط مرورا بالصور والمزيد.  

لست متأكدا من أين تبدأ؟

 تبدأ دورتنا بمقدمة تعلمك أساسيات CSS المضمنة “Inline” والداخلية “Internal” والخارجية” External”، وكيفية استخدامها لجعل موقعك يبدو في أبهى حالاته.  لكننا لن نتوقف عند هذا الحد! تغطي دورتنا كل شيء بدءا من تصميم النص والجمع بين المحددات “selectors” إلى العمل مع الألوان وحل التعارض بين المحددات. ومع التغطية المتعمقة لنموذج صندوق CSS، ستتعلم كيفية إضافة الأبعاد، والهوامش “margins”، والحشوات “paddings”، وكيفية استخدام تحديد الموضع المطلق “absolute positioning” لإنشاء تصميمات لافتة للنظر.

في نهاية الدورة، ستتمكن من إنشاء مواقع ويب ذات مظهر احترافي بسهولة باستخدام أحدث التقنيات وأفضل الممارسات لنقل صفحات الويب الخاصة بك إلى ما هو أبعد من مجرد النص الأسود على خلفية بيضاء!

فماذا تنتظر؟ اشترك الآن وابدأ التعلم واتخذ خطوتك الأولى كي تصبح محترفًا في CSS!

محتوى دورة

م. محمد أبو سريع

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

التقييمات والمراجعات

4.9
متوسط التقييمات
80 عدد التقييمات
5
76
4
3
3
1
2
0
1
0
كيف كانت تجربتك؟ نود أن نعرف!
Mahmoud Ahmed Ali
تم النشر منذ 5 أيام
الدراسة شيقه جدا

درست html ,css مع المهندس محمد ابوسريع كانت طريقة الشرح شيقة والتطبيق وسع نظرتي لصفحات الويب الزاي بتشتغل وخلاني متشوق لمعرفة المزيد ودرست اساسياتpython مع المهندس احمد فتحي وكان الشرح جميل وعرفت حاجه كنت اول مره اعرفها زي العمليات الحسابيه مين يتم قبل مين فيها جزاكم الله خير علي العمل ده وتيسيره بلغتنا العربيه الحبيبه 🌷🌷🌷🌷🌷

×
Preview Image
Abd Al-Rahman Mohammed Zaki
تم النشر منذ شهرين
بداية تعلم النقاشة

هنا بقى هتبدأ تخش في الصنعة علشان تبقى نقاش محترف وتلون وتزخرف الأمور براحتك، دورة قيّمة ومعلوماتها جميلة، بارك الله فيكم (:

×
Preview Image
محمد ابوعيسى
تم النشر منذ شهرين
CSS ديكور الموقع

جزاك الله خيرا يا بشمهندس محمد على الشرح السلس

×
Preview Image
Mohamad_Noor Ali
تم النشر منذ 3 أشهر
شكرا لكم على هذا المحتوى

السلاسه في الشرح مع عدم التعمق في المواضيع. وترك المجال للدارسين في البحث عن المعلومات يجعل التعلم فعال وهذا مايسمى التعلم النشط حيث يشارك المتعلم في إيجاد المعلومات فلا يبقي المتعلم في دور المتلقي فقط بل يبحث عن المعلومات ومن الماكد ان ما يبحث من معلومات تدوم أكثر وتثبت المعلومات أكثر.

×
Preview Image
Omar Gomaa
تم النشر منذ 5 أشهر
دورة ممتازه

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

×
Preview Image
Elsayed Bondok
تم النشر منذ 6 أشهر
الصعود يحتاج مثابرة واستمرار

الدورة واضحة الهدف وتسلسلها سلس ومنطقي - مجهود كبير واضح لكي تخرج بهذا الشكل - لكن أبو سريع المتميز سريع شوية - "لا أحب تقليل سرعة الفيديو - لا يبدو طبيعي"

×
Preview Image
Mohamed Nasser Abdalla
تم النشر منذ 7 أشهر
🌟 دورة CSS: أساس قوي لكل مطوّر واجهات

دورة أساسيات CSS كانت منظمة ومليئة بالمفاهيم العملية التي تعزز فهم تصميم الواجهات. أنصح بها لكل من يريد بناء أساس قوي في تنسيق صفحات الويب.

×
Preview Image
El-Baraa
تم النشر منذ 7 أشهر
دورة رائعة

ما شاء الله الدورة سلسة وسهلة الفهم والشرح مبسط ورائع

×
Preview Image
Yasser Hamdy
تم النشر منذ 7 أشهر
اللهم علمنا ما ينفعنا وانفعنا بما علمتنا انك انت العليم الحكيم

شرح سلس وجميل css سهله ما شاء الله علشان الشرح كان بسيط ربنا يبارك فيكم جميعا

×
Preview Image
Basel Elsrogy
تم النشر منذ 7 أشهر
ممتاز جدا

الحمدلله بعد ما خلصت اساسيات HTML, CSS مع مهندس محمد أبوسريع قدرت اعمل أول مشروع لوحدي تقدر تشوفه من هنا https://github.com/baselelsrogy/simple-omelette-recipe-page و حقيقي مبسوط اني جزء من هذه المنصه و لسه مكمل. شكرا لجميع القائمين علي هذه المنصه بارك الله فيكم.

×
Preview Image
عرض المزيد من التقييمات
كيف كانت تجربتك؟ نود أن نعرف!

39 درس

5 أقسام

25 مختصر كتابي

شهادة موثقة

قياس مستوى التقدم والانجاز عبر الدورة

إجابة من مشرفي الطلاب على كل الأسئلة

فاعليات حصرية

شارات تميز للطلبة المتقدمين

اشعارات تذكير وتحفيز لإنهاء الدورة

اشتراك مدى الحياة​

الأسئلة الشائعة

Cascading Style Sheets (CSS) هي المكملة للصورة الجمالية لصفحة الويب عن طريق تنسيق الخطوط، وإضافة الألوان، والمؤثرات الخاصة، وغيرها من الميزات التي تجعل شكل الصفحة أكثر جمالًا؛ لذلك يمكنك القول إن CSS هي المسؤولة عن تنسيق شكل صفحات الويب والمواقع.

يتم استخدام HTML لتصميم هيكل الصفحة، كالصفحة التي أنت فيها الآن. وHTML هي مزيج من نص تشعبي (Hypertext) ولغة ترميز (Markup language). النص التشعبي يحدد الرابط بين صفحات الويب، ولغة الترميز تُستخدم لتعريف وثائق النص (text documentation).

تهدف CSS إلى جعل صفحات الويب قابلة للعرض (presentable)؛ حيث تسمح لك CSS بتطبيق الأنماط (styles) على صفحات الويب، وذلك بشكل مستقل عن HTML التي تشكل كل صفحة ويب.

لذا فإن تعلم كلتا اللغتين HTML و CSS يعتبر من الأشياء الأساسية لكل مطوري صفحات الويب Web developers.

يُمكنك تعلم CSS باتباع الخطوات التالية:

1- فهم أساسيات HTML: قبل تعلم CSS، يجب أن يكون لديك فهم جيد لأساسيات HTML، حيث يتم استخدام CSS لتنسيق عناصر HTML وتنسيقها.

2- ممارسة كتابة كود CSS: أفضل طريقة لتعلم CSS هي من خلال التدرب على كتابة الكود والبرمجة. يمكنك البدء بإنشاء صفحات ويب بسيطة والانتقال تدريجيًا إلى مشاريع أكثر تعقيدًا.

3- تعلم أطر عمل CSS: توفر أطر CSS مثل Bootstrap وFoundation و tailwind css كود CSS مكتوب مسبقًا يمكنك استخدامه لتصميم صفحات الويب الخاصة بك بسرعة وسهولة. يمكن أن يوفر لك تعلم هذه الأطر الوقت والجهد في عملية التصميم.

وستجد هذا وأكثر من خلال هذه الدورة “CSS fundamentals”، والدورة القادمة “CCS layout”.

تُستخدم CSS متى أردت تطبيق التصميم والتنسيق على عناصر HTML في صفحة الويب. وفيما يلي بعض الحالات التي يجب فيها استخدام CSS:

1- لتصميم عناصر HTML: يتم استخدام CSS لإضافة أنماط مثل الخطوط والألوان وصور الخلفية والتخطيط إلى عناصر HTML.

2- لإنشاء تصميمات سريعة الاستجابة: يمكن استخدام CSS لإنشاء تصميمات سريعة الاستجابة تتكيف مع أحجام الشاشات والأجهزة المختلفة.

3- لإنشاء الرسوم المتحركة والانتقالات (Animations & Transitions): يمكن استخدام CSS لإنشاء الرسوم المتحركة والانتقالات التي تضيف التفاعل المرئي إلى صفحة الويب.

4- للحفاظ على التناسق (consistency): يمكن استخدام CSS لإنشاء تصميم متسق عبر صفحات أو أقسام متعددة من موقع الويب.

5- لتحسين أداء موقع الويب: يمكن استخدام CSS لتحسين أداء موقع الويب وسرعته في تحميل الصفحات.

يختلف وقت تعلم أساسيات CSS من شخص لآخر نتيجةً لاختلاف الظروف والوقت المتاح لكل شخص، ولكن في المتوسط، فإن دورة أساسيات CSS هذه يُتوقع الانتهاء منها في خلال أسبوعين تقريبًا.