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."