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 38 / 44
Exibindo atualmente 24 casos
0889Formulários e entrada

Grupo de campos dinâmicos de correspondência de mentores

Conclua um grupo dinâmico de campos no cenário de correspondência com mentor: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a vários tamanhos.

Formulários e entradaGrupo de campos dinâmicosHTMLCSSJavaScript
Abrir e executar
0890Navegação e menus

Abas da área de trabalho da estante de recursos do consultório

Conclua as abas da área de trabalho no cenário da estante de recursos da clínica: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Navegação e menusAbas da área de trabalhoHTMLCSSJavaScript
Abrir e executar
0891Sobreposições e feedback de estado

Gaveta lateral de ação do mentor

Complete um side drawer no cenário de ação do mentor: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Sobreposições e feedback de estadogaveta lateralHTMLCSSJavaScript
Abrir e executar
0892Cartões, listas e organização de conteúdo

Notas em cascata de cartões de prompt do campo

Conclua as notas em cascata em um cenário de cartões de dicas de campo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a vários tamanhos.

Cartões, listas e organização de conteúdoNotas em cascataHTMLCSSJavaScript
Abrir e executar
0893Tabelas e exibição de dados

Controle de exibição de colunas para visitas de pets

Complete o controle de exibição de colunas em um cenário de visitas de pets: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.

Tabelas e exibição de dadosControle de exibição de colunasHTML TableCSSJavaScript
Abrir e executar
0894Layout de página e responsividade

Layout em grade no estilo bento para manual de ambulatório

Conclua um layout em grade tipo bento no cenário de um manual de ambulatório: com conteúdo real, controles operáveis, feedback claro de estado e layout entre tamanhos.

Layout de página e responsividadeLayout de grade em estilo bentoHTMLCSS GridResponsive Design
Abrir e executar
0895Páginas de cenário de marketing e conteúdo

Página de comparação de produtos da série de podcasts

Complete a página de comparação de produtos no cenário da série 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údopágina de comparação de produtosHTML TableCSSJavaScript
Abrir e executar
0896Painéis e interfaces de administração

Painel de análise de tendências da sala de planejamento da estufa

No cenário da sala de planejamento da estufa, conclua o painel de análise de tendências: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Painéis e interfaces de administraçãoPainel de análise de tendênciasHTMLCanvasJavaScript
Abrir e executar
0897Controles básicos e seletores

Seleção de cartões de opção para o painel de planejamento da despensa

Concluir a seleção de cartões de plano no cenário do quadro de despensa: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos de tela.

Controles básicos e seletoresSeleção de cartões de planoHTMLCSSJavaScript
Abrir e executar
0898Formulários e entrada

Formulário de agendamento para adoção de animais de estimação

Tabela de agendamento por horários no contexto de adoção de animais de estimação concluída: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo em diferentes tamanhos.

Formulários e entradaAgendamento por períodoHTMLCSSJavaScript
Abrir e executar
0899Navegação e menus

Navegação rápida inferior para o mapa de rotas da clínica

Conclua a navegação rápida inferior no cenário do mapa de rotas do ambulatório: inclua conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação rápida no rodapéHTMLCSSJavaScript
Abrir e executar
0900Sobreposições e feedback de estado

Lembrete do mentor na sala de dicas de teclado

Concluir um tooltip de teclado no cenário da sala de alerta do mentor: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Sobreposições e feedback de estadoDica de ferramenta do tecladoHTMLCSSJavaScript
Abrir e executar
0901Cartões, listas e organização de conteúdo

fila de prioridades do painel de cadastro do campo

No cenário de quadro de cadastro de campo, conclua a fila de prioridades: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Cartões, listas e organização de conteúdoFila de prioridadeHTMLCSS GridJavaScript
Abrir e executar
0902Tabelas e exibição de dados

Tabela comparativa de planos de programação de podcasts

Tabela comparativa de planos concluída no cenário de programação de podcasts: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Tabelas e exibição de dadosTabela de comparação de propostasHTML TableCSSJavaScript
Abrir e executar
0903Layout de página e responsividade

Shell do painel de retrospectiva de eventos

No cenário de retrospectiva de eventos, conclua a estrutura do painel: com conteúdo real, controles acionáveis, feedback de estado claro e layouts responsivos a diferentes tamanhos.

Layout de página e responsividadeDashboardHTMLCSS GridResponsive Design
Abrir e executar
0904Páginas de cenário de marketing e conteúdo

Página da agenda do evento de inscrição para podcast

No cenário da semana de inscrição do podcast, conclua a página de programação do evento: com conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Páginas de cenário de marketing e conteúdoPágina de pauta de atividadesHTMLCSSJavaScript
Abrir e executar
0905Painéis e interfaces de administração

Fluxo de atividades em tempo real do painel de revisão da estufa

Fluxo de atividades em tempo real concluído no cenário do painel de revisão da estufa: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Painéis e interfaces de administraçãoFluxo de atividades em tempo realHTMLCSSJavaScript
Abrir e executar
0906Fluxos de negócios e serviços

Combinador de promoções de kits do ambulatório

Concluir o criador de combinações promocionais no cenário de kit de preparação ambulatorial: incluir conteúdo real, controles operáveis, feedback de status claro e layout em vários tamanhos.

Fluxos de negócios e serviçoscombinador de promoçõesHTMLCSSJavaScript
Abrir e executar
0907Tipografia e efeitos de texto

Experimento de hierarquia de peso tipográfico na coluna da aula

Conclua um experimento de hierarquia de pesos tipográficos em um cenário de coluna de sala de aula: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Tipografia e efeitos de textoExperimento de hierarquia de peso da fonteHTMLCSS TypographyJavaScript
Abrir e executar
0908Animação e microinterações

Feedback de progresso em anel da clínica

Conclua o feedback de progresso circular em um cenário de clínica: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Animação e microinteraçõesFeedback de progresso circularHTMLCSS AnimationJavaScript
Abrir e executar
0909Efeitos visuais criativos

Palco em holofote do Observatório de Coral

Conclua o palco com holofote no cenário da estação de observação de corais: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a diferentes tamanhos.

Efeitos visuais criativosPalco de holofoteHTMLCanvasJavaScript
Abrir e executar
0910Desenho e visualização de dados

Mapa de calor em matriz da central de monitoramento pública

Conclua um mapa de calor em matriz em um cenário de painel de monitoramento público: inclui conteúdo real, controles operáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

Desenho e visualização de dadosMapa de calor em matrizHTMLCanvasJavaScript
Abrir e executar
0911Capacidades de mídia e dispositivos do navegador

Observador de media query do balcão ambulatório

Concluir o observador de media query no cenário do balcão de autoatendimento da clínica: inclui conteúdo real, controles interativos, feedback claro de estado e layout adaptável a diferentes tamanhos.

Capacidades de mídia e dispositivos do navegadorObservador de consultas de mídiaHTMLCSSBrowser API
Abrir e executar
0912Miniaplicativos e minijogos

Calculadora de conversão de unidades da rodada de correspondência da sala de aula

Conclua a calculadora de unidades no cenário da rodada de pareamento em sala de aula: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Miniaplicativos e minijogosConversor de unidadesHTMLCSSJavaScript
Abrir e executar