Um curso que explora todos os aspectos do design responsivo. Saiba como criar sites com uma ótima aparência e que funcionem para todos.
Este curso conduz você em uma jornada pelas muitas facetas do web design responsivo moderno. Os primeiros módulos vão facilitar seu aprendizado com um histórico da origem do design responsivo e uma análise dos fundamentos dos layouts responsivos. Em seguida, você vai aprender sobre imagens responsivas, tipografia, acessibilidade e muito mais.
Ao longo do caminho, você descobrirá como tornar os sites responsivos às preferências do usuário e aos recursos do dispositivo. No final, você também terá uma compreensão do que o futuro pode reservar para o design responsivo.
Cada módulo tem demonstrações e autoavaliações para você testar seu conhecimento.
Este curso foi criado para designers e desenvolvedores iniciantes e intermediários. Um conhecimento básico de HTML e CSS é suficiente. Você não precisa ter conhecimento de JavaScript. Se você não tiver experiência com a criação de sites, há uma introdução ao HTML e outro curso para ajudar a aprender a usar CSS.
Você aprenderá o seguinte:
Introdução
Descubra de onde veio o design responsivo.
Consultas de mídia
Adapte seus designs a diferentes tamanhos de tela usando consultas de mídia CSS.
Internacionalização
Prepare seus designs para diferentes linguagens e modos de escrita.
Layouts de macro
Crie layouts de página usando uma escolha de técnicas de CSS.
Micro layouts
Crie componentes flexíveis que podem ser colocados em qualquer lugar.
Tipografia
Torne seu texto legível e bonito, não importa onde ele apareça.
Imagens responsivas
Forneça aos visitantes as imagens mais adequadas para os dispositivos e as telas deles.
O elemento "picture"
Tenha mais controle criativo sobre suas imagens.
Ícones
Use SVG para iconografia responsiva e escalonável.
Temas
Adapte seus designs para corresponder às preferências do usuário, como o modo escuro.
Acessibilidade
Garanta que seu site esteja disponível para todos.
Interação
Prepare suas páginas para diferentes mecanismos de entrada: mouse, teclado e toque.
Padrões da interface do usuário
Considere alguns elementos comuns da interface que se adaptam a diferentes tamanhos de tela.
Recursos de mídia
Um resumo de todas as formas como os recursos de mídia permitem que você responda a dispositivos e preferências.
Configurações da tela
Prepare seu conteúdo para dispositivos com várias telas.
Conclusão e próximas etapas
Outros recursos para ajudar você nas próximas etapas.
Então, você está pronto para aprender o design responsivo?