Pular para o conteúdo
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

Por que telefones, tablets e computadores têm telas de tamanhos diferentes
Como uma página pode "se esticar" para caber em qualquer tela
Deixar o texto e os botões grandes o bastante para ler e tocar
Conferir o seu trabalho em um telefone de verdade

Description

Aprenda design responsivo no seu próprio ritmo, com instruções claras e amigáveis feitas para pessoas adultas. Dividimos cada ideia em passos pequenos e confortáveis, usamos exemplos do dia a dia e deixamos de lado o jargão confuso. Não há nada para apressar e nada para decorar.

Ao longo deste tutorial, o seu avatar da Vibe Coding Academy caminhará ao seu lado com exemplos suaves, exercícios simples e dicas do mundo real, ajudando você a ganhar confiança, uma pequena vitória de cada vez.

No final, você entenderá como um site pode ficar perfeito tanto numa tela grande quanto numa pequena, e saberá conferir isso por conta própria, sem nenhuma configuração complicada.

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.Umas boas-vindas calorosas e o que "responsivo" realmente significa
  • 2.Por que as telas vêm em tantos tamanhos diferentes
  • 3.Deixar as coisas flexíveis para caberem em qualquer tela
  • 4.Testar a sua página no seu próprio telefone
Vibe Coding Academy Avatar
"Take your time, and remember: you cannot break anything by trying. I'll be with you the whole way."