Apresentação da Formação Desenvolvimento Web Avançado
- Apresentação da Formação
- Interação
Curso I - HTML 5 Avançado
- Apresentação do curso
- Editores de texto recomendados
- Como baixar os exercícios limpos
- Link dos exercícios limpos
- Como organizar os exercícios limpos
Curso I - Unidade 2 - Canvas e SVG
- Introdução a desenho em HTML5
- Desenhar um círculo com SVG
- Desenhar um retângulo com SVG
- Está gostando do curso?
- Desenhar uma elipse com SVG
- Desenhar um polígono com SVG
- Desenhar linhas com SVG
- Como desenhar um gráfico de barras com SVG
- Como desenhar com CANVAS
- Como criar um gráfico de linha com CANVAS
- Animação com Canvas
Curso I - Unidade 3 - Geolocalização
- Como geolocalização funciona
- Detectar suporte a geolocalização
- Recebendo as coordenadas
- Melhorando as mensagens de erro
- Opções extras de Geolocalização
- Atualizando posição em movimento
Curso I - Unidade 4 - Vídeo e Áudio
- Introdução de vídeo na web
- Adicionar vídeos
- Adicionar imagem de capa e legenda ao vídeo
- Adicionar vídeo do youtube
- Como adicionar áudio
- Criar um controle de vídeo personalizado com Javascript
Curso II - CSS3 Avançado
- Aula de apresentação
- Software Necessário
- Como baixar arquivos limpos
- Link para download
- Como configurar os arquivos limpos no Brackets
Curso II - Unidade 02 - Transform e Transitions
- Apresentação
- Transform básico (scale, translate, rotate e skew)
- Transform origin
- Transitions
- Movendo um segundo elemento
Curso II - Unidade 03 - Projeto de efeito surpresa
- Apresentação do projeto
- Como funciona o efeito
- Adicionando os códigos
- Melhorando a opacidade
- Apresentando Clip-path
Curso II - Unidade 04 - Fundamentos de Web Responsivo
- Apresentação à Media Type e Media Queries
- Apresentação - Como organizar seu website responsivo
- Aula prática do uso de Media Types
- Criar sua primeira regra de Media Queries
- Adaptando o layout para desktop e tablet
- Corrigindo o aside
- Adaptando o layout para desktop, tablet e smartphone
- Como criar um menu diferente para desktop e smartphone
- Como criar um arquivo global de css com todas as regras
Curso II - Unidade 05 - Arredondar elementos
- Aplicar borda simples
- Aplicar bordas separadas
- Aplicar borda para virar um círculo
- Aplicar uma máscara usando border-radius
- Aplicar sombra interna na máscara
Curso II - Unidade 06 - Sombra avançada de elementos
- Aplicar sombra apenas embaixo
- Aplicar sombra tipo papel (de um lado)
- Aplicar sombra tipo papel dos dois lados
- Aplicar sombra no centro
Curso II - Unidade 07 - Multi-colunas
- Apresentação da propriedade de multicolunas
- Como dividir o texto em 2 colunas
- Como dividir o texto em 3 colunas
- Adicionar imagens e títulos
- Adicionar filtro por orientação
Curso II - Unidade 08 - Web Responsivo - Background redimensionáveis
- Background Size
- Background Position
- Background adaptado com Media Query
Curso II - Unidade 09 - Web Responsivo - Elementos redimensionáveis c Object Fit
- Apresentação do Object fit
- Compreendendo o Object Fit na prática
- Criando Background de capa com Object Fit
- Projeto de Thumbnail com Object Fit - Aula 1
- Projeto de Thumbnail com Object Fit - Aula 2
- Projeto de Thumbnail com Object Fit - Aula 3
- Projeto de Thumbnail com Object Fit - Aula 4
Curso II - Unidade 10 - Web Responsivo - Menu
- Apresentação do exercício da unidade
- Criar menu responsivo - parte 1
- Criar menu responsivo - parte 2
- Criar menu responsivo - parte 3
- Criar menu responsivo - parte 4
Curso II - Unidade 11 - Projeto Site Web Responsivo - Completo
- Apresentação do projeto
