Prototipando com Axure RP8
- Apresentação do Axure
- Conhecendo a interface
- Widgets (elementos)
- Interações
- Masters
- Dynamic Panels
- Wireframe
- Protótipo de alta fidelidade (parte 1)
- Protótipo de alta fidelidade (parte 2)
- Protótipo de alta fidelidade (parte 3)
- Protótipo de alta fidelidade (parte 4)
- Protótipo de alta fidelidade (parte 5)
- Protótipo de alta fidelidade (parte 6)
- Protótipo de alta fidelidade (parte 7)
- Protótipo de alta fidelidade (parte 8)
- Protótipo de alta fidelidade (parte 9)
Estruturando com HTML5
- Estrutura básica
- Elementos em bloco e em linha
- Textos padrão e textos pré-formatados
- Headings (cabeçalhos)
- Parágrafos e break rows
- Destacando textos
- Imagens
- Estruturando o documento
- Linkando as páginas do site
- Links para páginas externas
- Linkando regiões da página
- Formulários
- Listas não ordenadas
- Listas ordenadas
- Listas de definição
Estilizando com CSS3
- O que é, CSS inline e CSS interno
- Estilo externo
- Sintaxe, convenções e terminologia
- Seletores universais, IDs e classes
- Reuso com classes
- Ordem de precedência
- Boas práticas com seletores
- Pseudo elementos
- Comentários
- Cores e tabela Unicode
- Seletores com formulários
- Seletores irmãos
- Seletores com combinação de classes
- Pseudo classes
- Google fonts
- Unidades de medida relativa e absoluta
- Unidades de medida EM e REM
- Unidades de medida VH e VW (viewports)
- Unidades de medida VMAX e VMIN
- Diferença entre inline e inline-block
- Box model
- Projeto final (parte 1)
- Projeto final (parte 2)
- Projeto final (parte 3)
- Projeto final (parte 4)
- Projeto final (parte 5)
Layouts eficientes com Flexbox
- O que é e estrutura básica
- Flex direction, wrap, flow e reverse
- Flex items
- Justify content
- Align items
- Align self
- Margin
- Alinhamento com múltiplas linhas
- Ordenamento de itens
- Ordenamento avançado
- Sub containers e sub itens
- Conclusão e dicas
Layouts de alta perfomance com Grid Layout
- O que é Grid Layout?
- Estrutura do projeto
- Grid templates
- Prioridade dos elementos
- Organizando os elementos na tela
- Grid row e grid column
- Utilizando o span
- Unidade de medida FR
- Repeat
- Gaps
- Layout final (estrutura)
- Named lines (parte 1)
- Named lines (parte 2)
- Template areas
Ganhando poder com JavaScript
- Introdução
- Linkando um arquivo externo
- Variáveis
- Projeto do curso
- Estruturas condicionais
- Avançando nas estruturas condicionais
- Conhecendo o DOM
- Manipulando o HTML através do DOM
- Introdução aos objetos
- Arrays
- Estrutura de repetição while (loop)
