HTML / CSS / JavaScript

Casos completos

Escolha um caso completo, veja o resultado diretamente, modifique o código-fonte e execute-o no navegador.

1046Página 35 / 44
Exibindo atualmente 24 casos
0817Cartões, listas e organização de conteúdo

Linha do tempo de inscrições em eventos

Conclua a linha do tempo de eventos no cenário de inscrições para atividades: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.

Cartões, listas e organização de conteúdoLinha do tempo de atividadesHTMLCSSJavaScript
Abrir e executar
0818Tabelas e exibição de dados

Tabela de matriz de relacionamento para manutenção da frota

Fluxo de conclusão de uma tabela de matriz relacional no cenário de manutenção de frota: inclui conteúdo real, controles acionáveis, feedback claro de status e layout responsivo em diferentes tamanhos.

Tabelas e exibição de dadosTabela de matriz de relacionamentoHTML TableCSSJavaScript
Abrir e executar
0819Layout de página e responsividade

Edição especial da sala de aula, layout clássico de três colunas

Conclua o layout clássico de três colunas no cenário de edição especial da sala de aula: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Layout de página e responsividadeLayout clássico de três colunasHTMLCSS GridResponsive Design
Abrir e executar
0820Páginas de cenário de marketing e conteúdo

Hero narrativo do clube de podcasts

Conclua a hero section narrativa no cenário do clube de podcasts: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Páginas de cenário de marketing e conteúdoHero narrativoHTMLCSSJavaScript
Abrir e executar
0821Painéis e interfaces de administração

Painel de comando para operação e manutenção de exposição

Conclua o painel de operações em um cenário de manutenção de itens de exposição: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de operaçõesHTMLCSS GridJavaScript
Abrir e executar
0822Controles básicos e seletores

Matriz de alternância de preferências do makerspace

Conclua uma matriz de alternâncias de preferências em um cenário de makerspace: inclua conteúdo realista, controles acionáveis, feedback de estado claro e um layout responsivo em diferentes tamanhos.

Controles básicos e seletoresMatriz de alternadores de preferênciasHTMLCSSJavaScript
Abrir e executar
0823Formulários e entrada

Formulário de rascunho automático da ficha de entrada de hospedagem

Complete o formulário de rascunho automático em um cenário de entrada de hospedagem: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Formulários e entradaFormulário de rascunho automáticoHTMLCSSJavaScript
Abrir e executar
0824Navegação e menus

Navegação por páginas do painel de despacho ambulatorial

No cenário do posto de despacho da clínica, conclua a navegação por páginas numeradas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação por páginaHTMLCSSJavaScript
Abrir e executar
0825Sobreposições e feedback de estado

Folha de ação contextual de alerta de laboratório

Complete o formulário de ações de contexto no cenário de alerta do laboratório: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Sobreposições e feedback de estadoComando de operação de contextoHTMLCSSJavaScript
Abrir e executar
0826Cartões, listas e organização de conteúdo

Organizador de marcadores do clip box do campo

No cenário da caixa de recortes de campo, conclua o organizador de favoritos: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoOrganizador de favoritosHTMLCSS GridJavaScript
Abrir e executar
0827Tabelas e exibição de dados

Tabela paginada de registros do jardim de estufa

Conclua uma tabela paginada de dados no cenário do diário da estufa: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tabelas e exibição de dadosTabela de dados paginadaHTML TableCSSJavaScript
Abrir e executar
0828Layout de página e responsividade

Layout responsivo em grade de alvenaria para guia de classe

Em um cenário de guia de sala de aula, conclua um layout responsivo em mosaico: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Layout de página e responsividadeLayout em cascata responsivoHTMLCSSJavaScript
Abrir e executar
0829Páginas de cenário de marketing e conteúdo

Página de contagem regressiva para lançamento da semana de lançamento de podcast

Conclua uma página de contagem regressiva para o lançamento no contexto da semana de estreia de um podcast: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Páginas de cenário de marketing e conteúdoPágina de contagem regressiva para lançamentoHTMLCSS AnimationJavaScript
Abrir e executar
0830Painéis e interfaces de administração

Painel do funil de conversão da operação do festival

Conclua um painel de funil de conversão no cenário de operações de festivais e eventos: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de funil de conversãoHTMLCSS GridJavaScript
Abrir e executar
0831Fluxos de negócios e serviços

Fluxo de etapas de checkout de vagas de aula

Conclua o fluxo de etapas de checkout no cenário de vagas de curso: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.

Fluxos de negócios e serviçosFluxo de etapas de checkoutHTMLCSSJavaScript
Abrir e executar
0832Tipografia e efeitos de texto

Ajuste do comprimento de linha de leitura para pôsteres públicos

Conclua o ajuste do comprimento de linha de leitura no cenário de cartaz público: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Tipografia e efeitos de textoAjuste da altura da linha de leituraHTMLCSS TypographyJavaScript
Abrir e executar
0833Animação e microinterações

Troca de estado na virada de página no check-in de clínica

Conclua a transição de estado de página no cenário de check-in ambulatorial: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

Animação e microinteraçõesAlternância de estado por virada de páginaHTMLCSS AnimationJavaScript
Abrir e executar
0834Efeitos visuais criativos

Padrão caleidoscópico do Jardim de Corais

Complete o padrão de caleidoscópio no cenário do jardim de coral: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Efeitos visuais criativosPadrão de caleidoscópioHTMLCanvasJavaScript
Abrir e executar
0835Desenho e visualização de dados

Gráfico de barras interativo de feedback público

Conclua um gráfico de barras interativo no cenário de feedback público: com conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosGráfico de barras interativoHTMLCanvasJavaScript
Abrir e executar
0836Capacidades de mídia e dispositivos do navegador

Controle de palco em tela cheia para tablet da sala de aula

Conclua o controle de palco em tela cheia no cenário de tablet da sala de aula: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorControle de palco em tela cheiaHTMLCSSBrowser API
Abrir e executar
0837Miniaplicativos e minijogos

Quiz rápido do quadro de desafio da sala de aula

No cenário da bancada de desafios em sala de aula, conclua o quiz rápido de conhecimentos: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Miniaplicativos e minijogosQuiz rápidoHTMLCSSJavaScript
Abrir e executar
0838Controles básicos e seletores

Seleção rápida de data do balcão de check-in do armário de refeições

Conclua a seleção rápida de data no cenário do balcão de check-in da cantina: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a vários tamanhos.

Controles básicos e seletoresSeleção rápida de dataHTMLCSSJavaScript
Abrir e executar
0839Formulários e entrada

Formulário de validação em tempo real para cadastro de moradia

Em um cenário de registro de moradia, conclua um formulário de validação em tempo real: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Formulários e entradaFormulário com validação instantâneaHTMLCSSJavaScript
Abrir e executar
0840Navegação e menus

Navegação de progresso do fluxo da parede de orientação ambulatorial

Concluir a navegação de progresso do fluxo no cenário do painel de orientação da clínica: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação de progresso do fluxoHTMLCSSJavaScript
Abrir e executar