SKIP TO CONTENT
INTERMEDIATE
1.5 hours4 chapters

Responsive Design

Make your website look good on every device, whether it is a big desktop computer, a tablet, or a small smartphone. We will take it one gentle step at a time.

Vibe Coding Academy Avatar
Progress: 0%In progress

What You'll Learn

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

Description

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

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

في النهاية ستفهم كيف يمكن لموقع أن يبدو في أبهى صورة على الشاشة الكبيرة وعلى الصغيرة، وستعرف كيف تتحقق من ذلك بنفسك، دون أي إعداد معقّد.

What's Inside

Four short chapters, about 1.5 hours in total. Take a break whenever you like; the page will remember where you are.

  • 1.ترحيب ودود وما معنى "متجاوب" حقًا
  • 2.لماذا تأتي الشاشات بأحجام مختلفة كثيرة
  • 3.جعل الأشياء مرنة لتناسب أي شاشة
  • 4.اختبار صفحتك على هاتفك الخاص
Vibe Coding Academy Avatar
"Take your time, and remember: you cannot break anything by trying. I'll be with you the whole way."