Horário de aula

Cajado

• Caixa de Ferramentas CodeW3C.com

Menu

• Barra de ícones
• Ícone de menu
• Acordeão
• Aba
• Aba vertical
• Título da aba
• Aba de página inteira
• Opção de aba 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 do canvas
• Botão de navegação lateral de sobreposição
• Barra lateral com ícones
• 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 central
• Link de menu isômetrico
• 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 na barra lateral
• Barra de navegação responsiva com menu suspenso
• Menu de navegação suspenso
• Menu suspenso
• Menu suspenso
• Menu superior
• 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 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 em guia
• Desvanecer sobreposto de imagem
• Deslizar sobreposto de imagem
• Zoom sobreposto de imagem
• Título sobreposto de imagem
• Ícone sobreposta de imagem
• Efeito de imagem
• Imagem em preto e branco
• Texto de imagem
• Bloco de texto de imagem
• Texto de imagem transparente
• Imagem em página completa
• Formulário na imagem
• Foco na imagem
• Fundo de imagem borrada
• Fundo de transição ao rolar
• Imagens ao lado
• Imagem arredondada
• Imagem de perfil
• 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 divisão
• Botão animado
• Botão de gradiente
• Botão com contorno
• 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 pílula
• Botão de notificação
• Botão de ícone
• Botão de próxima/anterior página
• 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 registro
• Tabela de checkout
• Formulário de contato
• Tabela de login social
• Formulário de registro
• Formulário com ícone
• Assinatura de notícias
• 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/Opção de rádio
• Caixa de seleção personalizada
• Alternar interruptor
• Selecionar caixa de seleção
• Detecção de trava de maiúsculas
• Ativação com tecla Enter
• Verificação de senha
• Alternar visibilidade da senha
• Formulário de multi-passos
• Completamento automático
• Fechar completamento automático
• Fechar verificação ortográfica
• Botão de upload de arquivo

Validação de entrada em branco

• Filtros
• Lista de filtragem
• Tabela de filtragem
• Elemento de filtragem
• Caixa de seleção suspensa de filtragem
• Lista ordenada

Tabela ordenada

• Tabela
• Tabela com listras zebradas
• Tabela centralizada
• Tabela de largura total
• Tabela aninhada
• 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
• Controle deslizante de faixa
• Seletor de cor
• Campo de e-mail
• Tooltip
• Exibir elemento ao passar o mouse
• Janela popup
• Conteúdo dobrável
• Calendário
• HTML incluído
• Lista de tarefas
• 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 diálogo
• Nota
• Tag
• Faixa
• Nuvem de tags
• 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 float
• Float responsivo
• Barra de notificação
• Janela de tela inteira
• Desenho de rolagem
• Rolagem suave
• Fundo degradado ao rolar
• Cabeçalho adesivo
• Encolher cabeçalho ao rolar
• Tabela de preços
• Scroll paralelo
• Proporção de largura e altura
• Frame 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 espiral
• Remover decimal
• Remover atributo
• Detecção de offline
• Encontrar elemento oculto
• Redirecionar página
• Formatação de número
• Ajuste de escala ao passar o mouse
• Caixa invertida
• Centralização vertical
• Centralizar botão dentro de 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
• 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 regressivo
• 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ções
• Itens de lista closáveis
• Ponto de quebra típico de dispositivo
• Elementos HTML arrastáveis
• Media query em JS
• Highlighter de sintaxe
• Animação em JS
• Tamanho da string em JS
• Operação exponencial em JS
• Parâmetro padrão em JS
• Número aleatório em JS
• Ordenação de arrays numéricos em JS
• Operador de espalhamento em JS
• Scroll para vista com JS
• 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
• Visualizaçã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

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