Horário de aula

Caixa de ferramentas

• Caixa de Ferramentas CodeW3C.com

Menu

• Barra de ícones
• Ícone do menu
• Acordião
• Tab
• Tab vertical
• Título da tab
• Tabular de página inteira
• Tab de sobreposição
• Navegação superior
• Navegação superior responsiva
• Navegação dividida
• Barra de navegação com ícones
• Menu de pesquisa
• Barra de pesquisa
• Barra lateral fixa
• Navegação lateral
• Barra lateral responsiva
• Navegação em tela cheia
• Menu fora da tela
• Botão de navegação lateral ao passar o mouse
• Barra lateral com ícones
• Menu rolagem horizontal
• Menu vertical
• Navegação inferior
• Navegação inferior responsiva
• Link de navegação de borda inferior
• Link de menu alinhado à direita
• Link de menu centralizado
• Link de menu de largura igual
• Menu fixo
• Barra de navegação deslizante ao rolar
• Barra de navegação oculta ao rolar
• Barra de navegação encolhida ao rolar
• Barra de navegação adesiva
• Barra de navegação na imagem
• Menu suspenso de arrasto
• Menu suspenso de clique
• Menu suspenso em cascata
• Menu suspenso na barra de navegação superior
• Menu suspenso no painel lateral
• Barra de navegação responsiva com menu suspenso
• Menu de navegação suspenso
• Menu suspenso
• Menu super
• Menu móvel
• Menu de cortina
• Barra lateral dobrável
• Painel lateral dobrável
• Paginação
• Navegação de pão
• Grupo de botões
• Grupo de botões verticais
• Barra social adesiva
• Navegação em forma de pílula
• Cabeçalho responsivo

Imagem

• Slide
• Galeria de slides
• Imagem modal
• Lightbox
• Grade de imagens responsiva
• Grade de imagens
• Biblioteca de imagens
• Biblioteca de imagens rolável
• Biblioteca de imagens de guia
• Desvanecer sobreposta na imagem
• Deslizar sobreposta na imagem
• Zoom sobreposto na imagem
• Título sobreposto na imagem
• Ícone sobreposta na imagem
• Efeito de imagem
• Imagem preta e branca
• Texto de imagem
• Bloco de texto de imagem
• Texto de imagem transparente
• Imagem de página inteira
• Formulário na imagem
• Foco de imagem
• Imagem de fundo borrada
• Alternar plano de fundo ao rolar
• Imagens ao lado
• Imagem arredondada
• Imagem de avatar
• Imagem responsiva
• Imagem centralizada
• Miniatura
• Borda de imagem
• Introdução da equipe
• Imagem adesiva
• Imagem virada
• Imagem sacudida
• Galeria de coleção
• Coleção filtrável
• Zoom de imagem
• Lente de ampliação de imagem
• Deslizador de comparação de imagens
• Ícone do site

Botão

• Botão de aviso
• Botão de contorno
• Botão de divisão
• Botão animado
• Botão de gradiente
• Botão na imagem
• Botão de mídias sociais
• Leia mais/Leia menos
• Botão de carregamento
• Botão de download
• Botão em forma de pílula
• Botão de notificação
• Botão de ícone
• Botão de página anterior/página seguinte
• Botão mais na navegação
• Botão em bloco
• Botão de texto
• Botão arredondado
• Botão de voltar ao topo

Formulário

• Formulário de login
• Formulário de inscrição
• Tabela de checkout
• Formulário de contato
• Tabela de login social
• Formulário de inscrição
• Formulário com ícone
• Inscrição em newsletter
• Formulário empilhado
• Formulário responsivo
• Formulário emergente
• Formulário em linha
• Limpar caixa de entrada
• Ocultar setas numéricas
• Copiar texto para a área de transferência
• Pesquisa animada
• Botão de pesquisa
• Pesquisa em tela cheia
• Caixa de entrada na barra de navegação
• Formulário de login na barra de navegação
• Caixa de seleção personalizada/caixa de seleção de opção única
• Caixa de seleção personalizada
• Alternar interruptor
• Marcar caixa de seleção
• Detecção de trava de maiúsculas
• Ativação do botão com tecla Enter
• Validação de senha
• Alternar visibilidade da senha
• Formulário de passos múltiplos
• Completamento automático
• Desativar completamento automático
• Desativar verificação ortográfica
• Botão de upload de arquivo
• Validação de entrada em branco

Filtros

• Lista de filtro
• Tabela de filtro
• Elemento de filtro
• Menu suspenso de filtro
• Lista ordenável
• Tabela ordenável

Tabela

• Tabela com padrão de zebra
• Tabela centralizada
• Tabela de largura total
• Tabela aninhada
• Tabela de lista
• Tabela responsiva
• Tabela de comparação

Mais

• Vídeo em tela cheia
• Caixa de diálogo
• Caixa de diálogo de exclusão
• Linha do tempo
• Indicador de rolagem
• Barra de progresso
• Barras de habilidades
• Deslizador de faixa
• Seletor de cor
• Campo de e-mail
• Dica de ferramenta
• Elemento mostrado ao passar o mouse
• Janela pop-up
• Conteúdo dobrável
• Calendário
• HTML incluído
• Lista de tarefas pendentes
• Carregador
• Insígnia
• Avaliação estrelada
• Avaliação do usuário
• Efeito de sobreposição
• Chip de contato
• Cartão
• Cartão de inversão
• Cartão de perfil
• Cartão de produto
• Aviso
• Caixa de diálogo de dica
• Nota
• Etiqueta
• Faixa
• Nuvem de etiquetas
• Círculo
• Linha horizontal estilizada
• Cupom
• Grupo de lista
• Grupo de lista com insígnia
• Lista sem marcadores
• Texto responsivo
• Texto sombreado
• Texto brilhante
• Rodapé fixo
• Elemento adesivo
• Altura igual
• Limpar flutuante
• Flutuante responsivo
• Bandeira de notificação
• Janela de tela completa
• Desenho de rolagem
• Rolamento suave
• Fundo de gradiente rolando
• Cabeçalho adesivo
• Encolher cabeçalho ao rolar
• Tabela de preços
• Rolamento de paralelo
• Proporção de largura e altura
• iframe inline responsivo
• Alternar gostar/não gostar
• Alternar ocultar/mostrar
• Alternar modo escuro
• Alternar texto
• Alternar classe
• Adicionar classe
• Remover classe
• Mudar classe
• Classe ativa
• Visão em árvore
• Remover decimal
• Remover atributo
• Detecção offline
• Encontrar elemento oculto
• Redirecionar a página da web
• Formatação de número
• Escala de sobreposição
• Caixa de inversão
• Centralizado verticalmente
• Botão centralizado dentro do DIV
• Lista centralizada
• Transição de sobreposição
• Seta
• Forma
• Link de download
• Elemento de altura total
• Janela do navegador
• Barra de rolagem personalizada
• Ocultar a barra de rolagem
• Mostrar/Forçar mostrar a barra de rolagem
• Aparência do dispositivo
• Borda de conteúdo editável
• Cor do marcador de posição
• Desativar ajuste de tamanho da área de texto
• Desativar seleção de texto
• Cor de seleção de texto
• Cor do item de lista
• Linha vertical
• Linha de divisão
• Linha de divisão de texto
• Ícone animado
• Contador decrescente
• Efeito de teclado
• Página em breve
• Mensagem de chat
• Janela de chat pop-up
• Divisão de tela
• Avaliação do cliente
• Contador de bloco
• Apresentação de citação
• Ítens de lista closáveis
• Ponto de quebra típico de dispositivo
• Elementos HTML arrastáveis
• Consulta de mídia JS
• Highlighter de sintaxe
• Animação JS
• Tamanho da string JS
• Operação exponencial JS
• Parâmetro padrão JS
• Número aleatório JS
• Ordenação de arrays numéricos JS
• Operador de espalhamento JS
• Scroll para vista JS
• Obter a data atual
• Obter a URL atual
• Obter o tamanho da tela atual
• Obter elemento iframe

Grade

• Layout de duas colunas
• Layout de três colunas
• Layout de quatro colunas
• Grade expandida
• Visão de grade de lista
• Layout de colunas mistas
• Cartões de coluna
• Layout em espiral
• Layout de blog

Conversor

• Conversão de peso
• Conversão de temperatura
• Conversão de comprimento
• Conversão de velocidade

Curso optativo

Recomendação de curso:

• Caixa de Ferramentas CodeW3C.com

Caixa de ferramentas

Manual de referência JavaScript e HTML DOM

Exemplo de JavaScript

Teste de JavaScript

Tutorial avançado de JavaScript

Link de patrocinador