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

تعلم CSS Layouts

مراجعات

+500 طالب

06 اختبارات

مبتديء

هل تتطلع إلى الارتقاء بمهاراتك في CSS إلى المستوى المتقدم؟

تم تصميم دورة تخطيطات CSS layouts لتعليمك كل ما تحتاجه حول إنشاء تخطيطات جميلة وعملية لمواقع الويب الخاص بك.

هل سئمت من المعاناة مع التخطيطات العائمة floating layouts التي لا تعمل بالطريقة المثلى؟

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

هل تريد أن تتعلم أحدث وأروع التقنيات لإنشاء تصميمات حديثة ومرنة؟

سنستفيض في شرح Flexbox ونوضح لك كيفية إنشاء تخطيطات مركبة بسهولة.

هل تريد نقل مهاراتك في تخطيط CSS إلى المستوى المتقدم؟

سنعلمك كيفية استخدام CSS Grid ، أحدث نظام تخطيط أحدث ثورة في عالم تطوير الويب. باستخدام CSS Grid ، ستتمكن من إنشاء تخطيطات مركبة وديناميكية تتكيف مع أي حجم شاشة.

لن تضطر بعد الآن لقبول تخطيطات تصميمية متواضعة المستوى!

قم بالتسجيل في دورة CSS Layouts اليوم وتعلم كيفية إنشاء تخطيطات جميلة وعملية تميز مواقع الويب الخاص بك.

محتوى المساق

عرض الكل

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

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

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

5.0
متوسط التقييمات
16 عدد التقييمات
5
16
4
0
3
0
2
0
1
0
كيف كانت تجربتك؟ نود أن نعرف!
Mahmoud Abd El-Razek
تم النشر منذ 5 أشهر
كورس دسم جدا

الكورس به معلومات كثيره جدا ومحتاج لمراجعة المعلومات به اكثر من مره لتثبت ، و البشمهندس ابدع في الشرح

×
Preview Image
Mohamed
تم النشر منذ 6 أشهر
واضح، بس الfloatصعب شوي

الكورس جدا منظم!

×
Preview Image
Yazan Al-Shoubaki
تم النشر منذ 7 أشهر
محتوى قوي و جميل

البشمهندس ابو سريع ابدع

×
Preview Image
ElHamza
تم النشر منذ 7 أشهر
اقوي محتوي عربي

اقوي محتوي عربي ويضاهي افضل الامحتويات الاجنبيه

×
Preview Image
Shady Sobhy
تم النشر منذ 7 أشهر
المحتوى الكتابي

المحتوى الكتابي ممتاااز جدا

×
Preview Image
Ibrahim Abdulaziz Sarhan
تم النشر منذ 7 أشهر
الدورة ممتازة جدا

الدورة ممتازة جدا , و أسلوب الشرح مبسط و جميل , و المختصرات الكتابية ممتازة جدا للمراجعة فيما بعد ❤

×
Preview Image
Ayman. M. Ali
تم النشر منذ 7 أشهر
التسلسل في طرح المواضيع

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

×
Preview Image
احمد الأسعدي
تم النشر منذ 9 أشهر
الحمد لله

انا سعيد جدا مما تعلمته من خصائص جديدة في هذا الدورة وسهولة ال grid لترتيب الصفحة بشكل جدا بسيط وممتع ونقدم شكرنا للقأمين على هذه المنصة ومن جهد يبذلونه لتقديم لنا كل ما ينفعنا ويطورنا جزاهم الله خير وكتب الله اجرهم

×
Preview Image
Ahmed
تم النشر منذ 10 أشهر
دورة ممتازة

دورة ممتازة

×
Preview Image
Yassine Boukhla
تم النشر منذ 11 شهر
Great course

I have been struggling with CSS a long time ago, the way it is explained in the course is wonderful, and the advice of practicing projects from Frontendmentor was helpful. many thanks

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

29 درس

7 أقسام

25 مختصر كتابي

شهادة موثقة

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

إجابة من قبل المعلم على كل الأسئلة

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

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

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

جاري تحميل السعر ...

اشتراك ٦ أشهر

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

يشير CSS layout إلى ترتيب وتفاعل عناصر HTML في صفحة الويب باستخدام CSS؛ وذلك للتحكم في العرض المرئي لهذه العناصر. ويتضمن CSS layout تعيين خصائص مثل العرض width والطول height والـ margin والـ padding والـ position لإنشاء التخطيط (layout) المطلوب لصفحة الويب.

يعد تخطيط CSS layout أمرًا بالغ الأهمية في تطوير الويب؛ لأنه يحدد كيفية عرض محتوى صفحة الويب للمستخدم. فهو يمكّن المطورين developers من إنشاء صفحات ويب web pages جذابة بصريًا، وسهلة الاستخدام، وقابلة للتكيف والعرض على أجهزة وأحجام الشاشات المختلفة. بدون CSS layout، سيكون من الصعب قراءة صفحات الويب والتنقل فيها واستخدامها.

هناك عدة أنواع من تخطيطات CSS، ومنها:

Float layout: حيث يتم وضع العناصر باستخدام خاصية Float لمحاذاتهم إلى يسار أو يمين الحاوية container الخاصة بهم.

Flexbox layout: حيث يتم وضع العناصر باستخدام نموذج flexbox؛ مما يسمح بمحاذاة العناصر وتوزيعها بسهولة في الحاوية container.

Grid layout: حيث يتم وضع العناصر باستخدام نموذج الشبكة Grid، مما يسمح بترتيبات معقدة complex arrangements من العناصر في الحاوية container.

هناك أنواع أخرى، ولكن في هذه الدورة سيتم التركيز على هؤلاء التخطيطات؛ لعرض صفحة الويب الخاصة بك بصورة جذابة ومتناسقة.

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