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 42 / 44
Exibindo atualmente 24 casos
0985Desenho e visualização de dados

Gráfico de radar da capacidade de sinal público

Conclua o gráfico de radar de habilidades no cenário de um mapa de sinais públicos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Desenho e visualização de dadosRadar de habilidadesHTMLCanvasJavaScript
Abrir e executar
0986Capacidades de mídia e dispositivos do navegador

Verificação da capacidade de apontador da poltrona da clínica ambulatorial

Em um cenário de assento com sensor ambulatorial, demonstre a detecção de capacidade de ponteiro: com conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorDetecção de capacidade do ponteiroHTMLCSSBrowser API
Abrir e executar
0987Miniaplicativos e minijogos

Cronômetro de recompensa de classe

Finalize um cronômetro de foco em um cenário de recompensa em sala de aula: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Miniaplicativos e minijogosCronômetro de focoHTMLCSSJavaScript
Abrir e executar
0988Controles básicos e seletores

Controle de intervalo duplo do painel de controle de espetáculo

No cenário de console de apresentação, conclua o controle de intervalo de dois valores: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Controles básicos e seletoresControle de intervalo de dois valoresHTMLCSSJavaScript
Abrir e executar
0989Formulários e entrada

Fluxo de preenchimento em etapas da escala de turnos

Conclua um fluxo de preenchimento em etapas no cenário de planilha de agendamento de turnos: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Formulários e entradaFluxo de preenchimento em etapasHTMLCSSJavaScript
Abrir e executar
0990Navegação e menus

Navegação por seções do fórum de makers

Navegação de ancoragem por seção concluída no cenário de fórum de makers: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Navegação e menusnavegação por seçãoHTMLCSSJavaScript
Abrir e executar
0991Sobreposições e feedback de estado

Centro de notificações da janela de atualização do mentor

Conclua o central de notificações em um cenário de janela de atualização do mentor: inclua conteúdo real, controles operáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Sobreposições e feedback de estadoCentral de notificaçõesHTMLCSSJavaScript
Abrir e executar
0992Cartões, listas e organização de conteúdo

Painel de cartões filtráveis de coleção de receitas

Conclua uma parede de cards filtráveis para um cenário de coleção de receitas: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdopainel de cartões filtrávelHTMLCSSJavaScript
Abrir e executar
0993Tabelas e exibição de dados

Tabela em cartões para dispositivos móveis de liquidação do estúdio

Conclua a tabela em formato de cartões para dispositivos móveis no contexto de uma planilha de pagamento do estúdio: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptado a vários tamanhos.

Tabelas e exibição de dadosTabela em cartão para dispositivos móveisHTML TableCSSJavaScript
Abrir e executar
0994Layout de página e responsividade

Layout de barra lateral fixa do Diário da Estufa

Conclua um layout de barra lateral fixa no cenário do Diário da Estufa: inclua conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Layout de página e responsividadelayout de barra lateral fixaHTMLCSS GridResponsive Design
Abrir e executar
0995Páginas de cenário de marketing e conteúdo

Mural de histórias de prova social da noite de prévia do estúdio

Complete a parede de histórias de depoimentos no cenário de prévia do estúdio noturno: com conteúdo realista, controles acionáveis, feedback de status claro e layout responsivo em vários tamanhos.

Páginas de cenário de marketing e conteúdoParede de histórias de boca a bocaHTMLCSSJavaScript
Abrir e executar
0996Painéis e interfaces de administração

Painel de pipeline de despacho da sala de operações de habitação

Conclua um painel de pipeline no cenário da sala de despacho de moradia: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel da linha de fluxoHTMLCSS GridJavaScript
Abrir e executar
0997Controles básicos e seletores

Conjunto de etiquetas filtráveis da tela de demonstração de apresentação

Conclua o grupo de etiquetas de filtro no cenário da tela de demonstração da apresentação: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout para vários tamanhos.

Controles básicos e seletoresGrupo de etiquetas de filtroHTMLCSSJavaScript
Abrir e executar
0998Formulários e entrada

Feedback de força de senha do formulário de apoio ao turno

No cenário de apoio a turnos, conclua o feedback de força da senha: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout em vários tamanhos.

Formulários e entradaRetorno de força da senhaHTMLCSSJavaScript
Abrir e executar
0999Navegação e menus

Navegação em árvore da sala de mídia

Conclua a navegação em árvore no cenário da sala de mídia: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação em árvoreHTMLCSSJavaScript
Abrir e executar
1000Sobreposições e feedback de estado

Máscara de progresso da solicitação de aprovação

Conclua a máscara de progresso no cenário de formulário de ação de aprovação: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Sobreposições e feedback de estadomáscara de progressoHTMLCSSJavaScript
Abrir e executar
1001Cartões, listas e organização de conteúdo

Quadro Kanban de tarefas de recortes de pesquisa

Concluir um quadro kanban em um cenário de recortes de pesquisa: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Cartões, listas e organização de conteúdoQuadro de tarefasHTMLCSS GridJavaScript
Abrir e executar
1002Tabelas e exibição de dados

Tabela de seleção em massa da lista do estúdio

Complete uma tabela de seleção em massa no cenário de lista de equipe do estúdio: inclui conteúdo real, controles acionáveis, feedback claro de status e layout responsivo em vários tamanhos.

Tabelas e exibição de dadosSeleção em massaHTML TableCSSJavaScript
Abrir e executar
1003Layout de página e responsividade

Galeria adaptativa da edição especial do jardim

Conclua uma galeria responsiva no cenário de edição especial de jardim: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.

Layout de página e responsividadeGaleria responsivaHTMLCSSJavaScript
Abrir e executar
1004Páginas de cenário de marketing e conteúdo

Página de estudo de caso do catálogo de projetos do estúdio

Conclua uma página de estudo de caso em um cenário de livro de projeto de estúdio: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Páginas de cenário de marketing e conteúdoPágina de estudo de casoHTMLCSS GridResponsive Design
Abrir e executar
1005Painéis e interfaces de administração

Painel de uso de recursos para resposta de incidentes habitacionais

Conclua o painel de consumo de recursos no cenário de resposta a incidentes de moradias: inclui conteúdo real, controles operáveis, feedback claro de status e layout responsivo a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de uso de recursosHTMLCSS GridJavaScript
Abrir e executar
1006Fluxos de negócios e serviços

Seletor de assentos da linha de serviços ambulatoriais

Conclua a seleção de assentos no contexto de um fluxo de serviços de clínica ambulatorial: conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Fluxos de negócios e serviçosSeletor de assentosHTMLCSSJavaScript
Abrir e executar
1007Tipografia e efeitos de texto

Texto em movimento para o ritmo do leitor do curso

No cenário do caderno didático, conclua o texto em rolagem rítmica: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo entre tamanhos.

Tipografia e efeitos de textoTexto em movimento rítmicoHTMLCSS AnimationJavaScript
Abrir e executar
1008Animação e microinterações

Lista de gatilhos de ambulatório com entrada escalonada

Concluir a entrada escalonada da lista no cenário de gatilho do ambulatório: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Animação e microinteraçõesEntrada escalonada da listaHTMLCSS AnimationJavaScript
Abrir e executar