Horário de aula

Caixa de ferramentas

• Caixa de Ferramentas CodeW3C.com

Menu

• Barra de ícones
• Ícone de menu
• Acordeão
• Tab
• Tab vertical
• Título do tab
• Tab em página inteira
• Tab ativo ao passar o mouse
• 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 do canvas
• Botão de navegação lateral ao passar o mouse
• Barra lateral com ícones
• Menu rolável horizontal
• Menu vertical
• Navegação inferior
• Navegação inferior responsiva
• Links de navegação com borda inferior
• Links de menu alinhados à direita
• Links de menu centralizados
• Links de menu isômetricos
• Menu fixo
• Deslize a barra ao rolar
• Esconda a barra de navegação ao rolar
• Reduza a barra de navegação ao rolar
• Barra de navegação adesiva
• Barra de navegação na imagem
• Menu suspenso ao passar o mouse
• Clique no menu suspenso
• Menu suspenso cascading
• Menu suspenso na barra de navegação superior
• Menu suspenso na barra lateral de navegação
• 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 de queijo
• Grupo de botões
• Grupo de botões verticais
• Barra social adesiva
• Navegação em 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áveis
• Biblioteca de imagens em guia
• Desaparecimento sobreposto de imagem
• Sobreposição de imagem deslizante
• Zoom sobreposto de imagem
• Título sobreposto de imagem
• Ícone sobreposta de 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 lado a lado
• Imagem arredondada
• Imagem de avatar
• Imagem responsiva
• Imagem centralizada
• Miniatura
• Borda de imagem
• Introdução da equipe
• Imagem adesiva
• Imagem virada
• Imagem tremida
• Galeria de coleção
• Coleção filtrável
• Zoom de imagem
• Lente de aumento de imagem
• Slider 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
• Mais/ menos para ler
• Botão de carregamento
• Botão de download
• Botão de pílula
• Botão de notificação
• Botão de ícone
• Botão 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 retorno ao topo

Formulário

• Formulário de login
• Formulário de registro
• Tabela de checkout
• Formulário de contato
• Tabela de login social
• Formulário de registro
• Formulário com ícone
• Inscrição em newsletter
• Formulário empilhado
• Formulário responsivo
• Formulário pop-up
• Formulário inline
• 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/botão de opção
• Caixa de seleção personalizada
• Interruptor de alternância
• Marcar caixa de seleção
• Detecção de travamento de maiúsculas
• Botão acionado pela tecla Enter
• Verificação de senha
• Alternar visibilidade da senha
• Formulário de etapas múltiplas
• Conclusão automática
• Fechar conclusão automática
• Fechar verificação ortográfica
• Botão de upload de arquivo
• Validação de entrada vazia

Filtros

• Lista de filtro
• Tabela de filtro
• Elemento de filtro
• Caixa de seleção suspenso de filtro
• Lista classificável
• Tabela classificável

Tabela

• Tabela com listras
• Tabela centralizada
• Tabela de largura total
• Tabela aninhada
• Tabela combinada
• 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
• Slider de faixa
• Seletor de cor
• Campo de e-mail
• Dica de ferramenta
• Elemento de exibição ao passar o mouse
• Janela pop-up
• Conteúdo dobrável
• Calendário
• HTML contido
• Lista de tarefas pendentes
• Carregador
• Medalha
• Avaliação por estrelas
• Avaliação do usuário
• Efeito de cobertura
• Chip de contato
• Cartão
• Virar cartão
• Cartão de perfil
• Cartão de produto
• Aviso
• Caixa de diálogo
• 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 de sombra
• 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
• Cabeçalho encolhido ao rolar
• Tabela de preços
• Rolamento de paralelo
• Proporção de largura e altura
• Frame inline responsivo
• Alternar gostar/não gostar
• Alternar ocultar/exibir
• 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 página
• Formatação de número
• Zoom de passagem do mouse
• Caixa invertida
• Centralizado verticalmente
• Botão centralizado dentro do DIV
• Lista centralizada
• Transição de passagem do mouse
• Seta
• Forma
• Link de download
• Elemento de altura total
• Janela do navegador
• Barra de rolagem personalizada
• Ocultar barra de rolagem
• Exibir/Forçar exibição da 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 marcador de lista
• Linha vertical
• Linha de divisão
• Linha de divisão de texto
• Ícone de animação
• Contador de contagem regressiva
• Efeito de máquina de escrever
• Página em breve
• Mensagem de chat
• Janela de chat popup
• Divisão de tela
• Avaliação do cliente
• Contador de bloco
• Slideshow de citação
• Ítem de lista desligável
• Ponto de quebra de dispositivo típico
• Elemento HTML arrastável
• Media query 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
• Ordem de array numérico JS
• Operador de expansão JS
• JS rolar para a vista
• Obter data atual
• Obter URL atual
• Obter 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 em grade de lista
• Layout de coluna mista
• Cartões em 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 opcional

Recomendação de curso:

• Caixa de Ferramentas CodeW3C.com

Biblioteca de ferramentas

Manual de referência de JavaScript e HTML DOM

Exemplos de JavaScript

Quiz de JavaScript

Tutorial avançado de JavaScript

Link de patrocinador