Aller au contenu
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

Pourquoi les téléphones, les tablettes et les ordinateurs ont des écrans de tailles différentes
Comment une page peut « s'étirer » pour s'adapter à n'importe quel écran
Rendre le texte et les boutons assez grands pour lire et appuyer
Vérifier votre travail sur un vrai téléphone

Description

Apprenez le design adaptatif à votre rythme, avec des explications claires et bienveillantes pensées pour les apprenants adultes. Nous découpons chaque idée en petites étapes confortables, nous utilisons des exemples de la vie quotidienne et nous laissons de côté le jargon déroutant. Rien à précipiter, rien à mémoriser.

Tout au long de ce tutoriel, votre avatar de la Vibe Coding Academy marchera à vos côtés avec des exemples doux, des exercices simples et des conseils concrets, pour vous aider à prendre confiance, une petite victoire à la fois.

À la fin, vous comprendrez comment un site web peut s'afficher parfaitement sur un grand écran comme sur un petit, et vous saurez le vérifier vous-même, sans aucune installation compliquée.

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.Un accueil chaleureux et ce que « adaptatif » veut vraiment dire
  • 2.Pourquoi les écrans existent en tant de tailles différentes
  • 3.Rendre les choses flexibles pour qu'elles s'adaptent à tout écran
  • 4.Tester votre page sur votre propre téléphone
Vibe Coding Academy Avatar
"Take your time, and remember: you cannot break anything by trying. I'll be with you the whole way."