Horário de aula

Caixa de ferramentas

• Caixa de Ferramentas CodeW3C.com

Menu

• Barra de ícones
• Ícone do menu
• Acordeão
• Guia
• Guia vertical
• Título da guia
• Guia de página inteira
• Opções de guia 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ões de navegação lateral ao passar o mouse
• Barra lateral com ícones
• Menu de rolagem 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
• Deslizar a barra ao rolar
• Ocultar a barra de navegação ao rolar
• Minimizar a barra de navegação ao rolar
• sticky navigation bar
• navigation bar on image
• hover drop-down menu
• click drop-down menu
• cascading drop-down menu
• drop-down menu in top navigation bar
• drop-down menu in sidebar navigation
• responsive navigation bar with drop-down menu
• sub-navigation menu
• drop-down menu
• super menu
• mobile menu
• curtain menu
• collapsible sidebar
• collapsible sidebar
• pagination
• breadcrumb navigation
• button group
• vertical button group
• sticky social bar
• pill navigation
• responsive page header

image

• slide
• slide gallery
• modal image
• lightbox
• responsive image grid
• image grid
• image gallery
• scrollable image gallery
• tabbed image gallery
• image overlay fade out
• image overlay slide
• image overlay zoom
• image overlay title
• image overlay icon
• image effect
• black and white image
• image text
• image text block
• transparent image text
• full-page image
• form on image
• focus image
• blur background image
• switch background when scrolling
• side-by-side images
• rounded image
• avatar image
• responsive image
• centered image
• Miniatura
• image border
• Introdução da equipe
• sticky image
• flip image
• shaking image
• portfolio gallery
• filterable portfolio
• image zoom
• image magnifier
• image comparison slider
• website icon

button

• warning button
• outline button
• split button
• animated button
• gradient button
• button on image
• social media button
• read more/read less
• loading button
• download button
• pill button
• notification button
• icon button
• next/previous page button
• more button in navigation
• block button
• text button
• rounded button
• back to top button

form

• login form
• registration form
• checkout table
• contact form
• social login table
• registration form
• icon form
• news subscription
• stacked form
• responsive form
• popup form
• inline form
• clear input box
• hide number arrow
• copy text to clipboard
• animated search
• search button
• fullscreen search
• input box in navigation bar
• login form in navigation bar
• custom checkbox/radio button
• custom select box
• toggle switch
• select checkbox
• detect uppercase lock
• trigger button with enter key
• password verification
• toggle password visibility
• multi-step form
• auto-complete
• turn off auto-complete
• turn off spell check
• file upload button
• empty input validation

filter

• filtered list
• filtered table
• filtered element
• filtered dropdown menu
• sorted list
• sortable table

table

• zebra-striped table
• centered table
• full-width table
• nested table
• side-by-side table
• responsive table
• comparison table

more

• fullscreen video
• modal box
• delete modal box
• timeline
• scroll indicator
• progress bar
• skill bar
• range slider
• color selector
• email field
• tooltip
• Exibir elementos ao passar o mouse
• Janela popup
• Conteúdo dobrável
• Calendário
• HTML contém
• Lista de tarefas pendentes
• Carregador
• Emblema
• Avaliação estrelada
• Avaliação do usuário
• Efeito de sobreposição
• Chip de contato
• Cartão
• Cartão virado
• Cartão de perfil
• Cartão de produto
• Aviso
• Caixa de mensagem
• Nota
• Rótulo
• Faixa
• Nuvem de rótulos
• Círculo
• Linha horizontal estilizada
• Cupom
• Grupo de lista
• Grupo de lista com emblema
• Lista sem marcadores
• Texto responsivo
• Texto de sombra
• Texto brilhante
• Rodapé fixo
• Elemento adesivo
• Altura igual
• Limpar flutuante
• Flutuante responsivo
• Barra de notificação
• Janela de tela completa
• Desenho de rolagem
• Rolamento suave
• Fundo de gradiente ao rolar
• Cabeçalho adesivo
• Cabeçalho reduzido ao rolar
• Tabela de preços
• Scroll 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
• Visualização em árvore
• Remover decimal
• Remover atributo
• Detecção offline
• Encontrar elemento oculto
• Redirecionar página
• Formatação de número
• Escala ao passar o mouse
• Caixa invertida
• Centralizado verticalmente
• Centralizar botão 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 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 de countdown
• 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
• Item da lista desligável
• Ponto de ruptura típico do dispositivo
• Elementos HTML arrastáveis
• Consulta de mídia do JS
• Highlighter de sintaxe
• Animação do JS
• Tamanho da string do JS
• Operação exponencial do JS
• Parâmetro padrão do JS
• Número aleatório do JS
• Ordenação de arrays numéricos do JS
• Operador de espalhamento do JS
• Scroll para a vista com 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

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