Horário de aula

Caixa de ferramentas

• Caixa de Ferramentas CodeW3C.com

Menu

• Barra de ícones
• Ícone de menu
• Folha de música
• Tab
• Tab vertical
• Título do tab
• Tabular de página inteira
• Tab ao passar o mouse
• Navegação superior
• Navegação superior responsiva
• Navegação dividida
• Barra de navegação com ícone
• Menu de busca
• Barra de busca
• Barra lateral fixa
• Navegação lateral
• Barra lateral responsiva
• Navegação em tela cheia
• Menu fora da tela de desenho
• Botão de navegação lateral ao passar o mouse
• Barra lateral com ícone
• Menu de 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 ao passar o mouse
• Menu suspenso ao clicar
• 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 subordinada
• 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 açúcar
• 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ável
• Biblioteca de imagens de guia
• Desaparecimento sobreposto na imagem
• Deslize sobreposto na imagem
• Zoom sobreposto na imagem
• Título sobreposto na imagem
• Ícone sobreposto 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
• Fundo de alternância ao rolar
• Imagens lado a lado
• Imagem arredondada
• Imagem de perfil
• 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 ampliação 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ídia social
• Mais/ menos de leitura
• Botão de carregamento
• Botão de download
• Botão em pílula
• Botão de notificação
• Botão de ícone
• Botão página seguinte/anterior
• 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 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 rádio
• Caixa de seleção personalizada
• Alternar interruptor
• Marcar caixa de seleção
• Detecção de travamento de maiúsculas
• Ativar botão com tecla Enter
• Verificação de senha
• Alternar visibilidade da senha
• Formulário de múltiplos passos
• Completamento automático
• Desativar completamento automático
• Desativar verificação ortográfica
• Botão de upload de arquivo
• Verificação de entrada em branco

Filtros

• Lista de filtragem
• Tabela de filtragem
• Elemento de filtragem
• Menu suspenso de filtragem
• Lista ordenada
• Tabela ordenada

Tabela

• Gráfico de padrão de zebra
• Tabela centralizada
• Tabela de largura total
• Tabela aninhada
• Tabela empilhada
• 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
• Barras de progresso
• Barras de habilidades
• Controlador de faixa
• Seletor de cor
• Campo de e-mail
• Dica de ferramenta
• Elemento exibido ao passar o mouse
• Janela pop-up
• Conteúdo dobrável
• Calendário
• HTML contém
• 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 flip
• Cartão de perfil
• Cartão de produto
• Aviso
• Caixa de mensagem
• Nota
• Rótulo
• Fita
• Nuvem de rótulos
• 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
• Barra de notificação
• Janela de tela inteira
• Desenho de rolagem
• Rolamento suave
• Fundo degradante rolante
• Cabeçalho adesivo
• Encolher a barra de cabeçalho ao rolar
• Tabela de preços
• Rolamento de parallax
• Razão de aspecto
• 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
• Visualização em árvore
• Remover decimal
• Remover atributo
• Detecção offline
• Encontrar elementos ocultos
• Redirecionar a página da web
• Formatação de número
• Escala de sobreposição
• Caixa invertida
• 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 barra de rolagem
• Exibir/Forçar exibição da barra de rolagem
• Aparência do dispositivo
• Borda do conteúdo editável
• Cor do marcador de placeholder
• 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 animado
• Contador regressivo
• Efeito de máquina de escrever
• Página em breve
• Mensagem de chat
• Janela de chat pop-up
• Divisão de tela
• Avaliação do cliente
• Contador de bloco
• Diapositivos de citação
• Itens 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 desempacotamento JS
• Rolar para a vista JS
• Obter a data atual
• Obter o URL atual
• Obter o tamanho da tela atual
• Obter o elemento iframe

Grade

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

Conversor

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

Cursos optativos

Recomendação de curso：

• Caixa de Ferramentas CodeW3C.com

Caixa de ferramentas

Manual de referência de JavaScript e HTML DOM

Exemplo de JavaScript

Teste de JavaScript

Tutorial avançado de JavaScript

Link de patrocinador