Casos completos
Escolha um caso completo, veja o resultado diretamente, modifique o código-fonte e execute-o no navegador.
Popover de ajuda com dicas da aula
Concluir um popover de ajuda no cenário de dica de aula: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo a diferentes tamanhos.
Abrir e executarÍndice de contatos do livro de passagem de campo
Concluir o índice de contatos no cenário de um livro de registro de handover de campo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarTabela de classificação multicoluna para quadro de manutenção
Complete uma tabela classificável de várias colunas no cenário de quadro de manutenção: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout de conteúdo mestre-detalhe para exposição em sala de aula
Conclua um layout de conteúdo mestre-detalhe em um cenário de exposição em sala de aula: inclui conteúdo real, controles interativos, feedback claro de status e layout entre tamanhos de tela.
Abrir e executarPágina de conversão para assinatura trimestral de membros de podcast
Uma página de conversão de assinatura concluída no cenário da temporada de membros do podcast: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executarPainel de gestão de incidentes da central da estufa
Conclua um quadro de gestão de incidentes no cenário da central da estufa: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarSeleção de amostras de cores do painel de controle do armário de refeições
Conclua a seleção de amostras de cores em um cenário de painel de controle de despensa: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável entre tamanhos.
Abrir e executarEntrada de sugestões locais para cadastro de estágio
Conclua uma entrada com sugestões locais em um cenário de registro de estágio: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarMenu principal responsivo do terminal ambulatorial
No cenário do terminal ambulatorial, conclua o menu principal responsivo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarPainel de ações inferior da fila de mídia
Conclua um painel de ações na parte inferior no cenário de fila de mídia: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.
Abrir e executarRegistro de campo em formato expansível
Conclua registros expansíveis em um cenário de caderno de campo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout para vários tamanhos.
Abrir e executarCabeçalho fixo com detalhes de entrega
Conclua um cabeçalho fixo no cenário de detalhes de entrega: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarLayout narrativo em tela dividida para o guia da aula
Complete um layout narrativo em tela dividida para o cenário do guia da disciplina: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarPágina de plano de preços para o dia aberto do podcast
No cenário do dia de portas abertas do podcast, conclua a página de plano de preços: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.
Abrir e executarVisão geral dos principais indicadores da sala de controle da estufa
Complete a visão geral dos indicadores-chave no cenário da sala de despacho da estufa: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarGerador de faturas para consultas ambulatoriais
Conclua o gerador de faturas em um cenário de balcão de agendamento de clínica: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.
Abrir e executarEfeito de máscara de texto do boletim da turma
No cenário de zine da sala de aula, conclua um efeito de máscara de texto: com conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.
Abrir e executarFeedback emergente de notificação em ciclo ambulatorial
Conclua um feedback de pop-up de notificação no cenário de ciclo ambulatorial: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.
Abrir e executarForma fluida orgânica do salão coral
Na cena do salão de coral, conclua formas orgânicas e fluidas: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarGráfico de pizza do painel de previsão pública
No cenário do painel de previsão pública, conclua um gráfico de rosca de proporção: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a vários tamanhos.
Abrir e executarNotas de armazenamento local do painel da sala de aula
Conclua uma nota de armazenamento local no contexto do painel da sala de aula: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarSeletor aleatório da lista de presença da turma
Conclua o seletor aleatório no cenário da estação de lista da sala de aula: inclui conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.
Abrir e executarControle de intervalo duplo do painel de demonstração do armário de alimentos
Conclua o controle de intervalo duplo no cenário da tela de demonstração da despensa: inclui conteúdo real, controles interativos, feedback de estado claro e layout adaptável a vários tamanhos.
Abrir e executarFluxo de preenchimento em etapas para emissão de cartão de biblioteca
Conclua o fluxo de preenchimento em etapas no cenário de solicitação de cartão de biblioteca: inclui conteúdo real, controles acionáveis, feedback claro de status e layout adaptável a diferentes tamanhos.
Abrir e executar