Bem-vindo ao curso

Curso de Responsive Design

Introdução ao Responsive Design

Bem-vindo ao curso

Conceitos básicos de design responsivo

Ferramentas para design responsivo

O Emmet

Meta Viewport

Unidades de medidas relativas

Introdução a media queries

Aplicando a teoria

Levantando os requisitos da aplicação

Montando a estrutura HTML

Formatando títulos, subtítulos, textos, cores e sessões

Incluindo media queries e CSS

Técnicas avançadas

CSS Selectors

Calc, block, inline e inline-block

Imagens

Imagens de fundo

Ocultando e exibindo elementos

Adicionando vídeos

Algumas técnicas de desenvolvimento

CDNs

Usando fontes

Usando ícones

Posicionamento usando flex align

Bootstrap

Introdução ao Bootstrap

Tipografia e cores

Criar uma página de contato

Desenvolvimento de formulário

Tabelas

Aplicando novo layout ao currículo

Aplicando Bootstrap ao currículo

Aplicando Bootstrap ao currículo: continuação

Material Design

Introdução ao Material Design

AngularJS

Olá Mundo

Angular material: tela de login

Angular material: vamos codificar

Encerramento

Crie uma conta ou faça login

Continue aprendendo! Junte-se e comece a impulsionar sua carreira

Recursos

Nosso professor será Natan Bueno, cientista da computação, MBA em engenharia da produção e gestão empresarial, e que trabalha com desenvolvimento de software desde 2000.

O problema que temos no mundo atual é a vasta variedade de tipos de dispositivos que acessam a internet, com diferentes tamanhos e proporções de tela. A responsividade visa resolver justamente este problema, permitindo construir um site que possa se adaptar de forma adequada ao dispositivo que o usuário está utilizando.

Vamos ver a importância de saber quem vai acessar a nossa página ou app, com qual dispositivo, e por qual razão. Entenderemos a necessidade de obter dados e estatísticas sobre o nosso público.

Também veremos a diferença entre Mobile First (um site ou app projetado primeiro para mobile) e Desktop First (um site ou app projetado primeiro para desktop), e os tipos de orientação que os usuários usam em dispositivos portáteis.