O monitoramento da eficiência de sistemas interativos e a compreensão das competências técnicas envolvidas no processo de design para meios digitais são valiosos para assegurar a usabilidade e a viabilidade de artefatos digitais. No que concerne às métricas de desempenho e às práticas para mensurar e aperfeiçoar experiências dos usuários,

Uma empresa de transporte metropolitano está redesenhando o portal de horários e rotas, acessado em celulares em movimento (rede móvel instável, telas pequenas), totens em terminais (telas grandes) e monitores ultrawide em centrais operacionais. O site atual usa layout fixo de 1280px, gerando rolagem horizontal em mobile e deixando elementos como Próximo ônibus fora da área visível. A equipe deseja aplicar boas práticas de design responsivo em uma única base de código, sem manter múltiplas versões do site. A abordagem de design que melhor atende a esse cenário é

Em um sistema de rastreamento de bagagens de uma empresa aérea, desenvolvido com React, o componente BagTrackingList exibe milhares de registros e é atualizado em tempo real conforme novos eventos de transporte chegam. Nos testes, a interface apresenta lentidão ao rolar a lista e durante as atualizações incrementais. Nesse cenário, a técnica mais adequada para melhorar o desempenho da renderização dessa lista em React é

Em um site de acompanhamento de ônibus em tempo real, em telas grandes, o layout deve mostrar o mapa à esquerda e a lista de linhas de ônibus à direita. A lista deve ter uma área "colável no topo da rolagem. Em telas pequenas (celular), o layout deve se adaptar colocando o mapa em cima e a lista abaixo, com o mínimo de JavaScript. Para obter esses resultados a abordagem de CSS que deve ser utilizada é definir

Na página web principal de uma companhia de metrô haverá um cabeçalho com logotipo e título, um menu com links para Linhas, Horários, Tarifas e Mapa interativo, um conteúdo principal com notícias e alertas de operação, e um rodapé com contato e direitos autorais. Considerando as boas práticas de HTML5 semântico para acessibilidade, otimização para mecanismos de busca e manutenção, a marcação mais adequada para estruturar essa página é

Em uma empresa de logística urbana que possui um portal em Angular com módulos de Rastreamento de Entregas, Gestão de Frota, Faturamento e Administração, todo o frontend é empacotado em um único bundle, fazendo com que motoristas que acessam apenas o módulo de Rastreamento, via 4G, enfrentem um tempo de carregamento inicial muito alto. A equipe de desenvolvimento deseja reduzir o tempo de carregamento inicial, sem remover funcionalidades dos outros módulos, que são usados apenas pelo backoffice. Nesse cenário, a abordagem de arquitetura em Angular mais adequada é

Em um sistema de gestão de frotas de uma empresa de logística, a classe Veiculo já encapsula atributos e comportamentos comuns, como placa, capacidadeCarga e calcularAutonomia(). Porém, novos requisitos exigem que caminhões refrigerados controlem temperatura interna e ônibus gerenciem a lotação de passageiros, mantendo o reuso da lógica existente. Nesse cenário, a abordagem de modelagem orientada a objetos que atende a esses requisitos, preservando reuso, coerência semântica e princípios fundamentais de programação orientada a objetos é

Um programador tem o seguinte código de busca de dados JavaScript ES6+:

fetch('/api/dados')
  .then(res => res.json())
  .then(data => console.log(data))
  .catch(err => console.error(err));

A reescrita correta, sem considerar tratamento de exceções, usando async/await é:

async function carregar() { const res = await fetch('/api/dados').json(); console.log(res); }   

const data = await fetch('/api/dados'); console.log(await data.json());

async function carregar() { const res = fetch('/api/dados'); const data = res.json();
console.log(data); }

async function carregar() { const res = await fetch('/api/dados'); const data = await
res.json(); console.log(data); }

async function carregar() { const res = fetch('/api/dados'); const data = res.json();
console.error(e); }

Um projeto Node.js com TypeScript possui um arquivo de entrada src/index.t.s contendo:

import dotenv from 'dotenv';
dotenv.config();
console.log('DB URL:', process.env.DATABASE_URL);

Em produção, as variáveis de ambiente são injetadas pelo ambiente (Docker/Kubernetes), não por um arquivo .env. A equipe quer evitar que um arquivo .env de desenvolvimento seja carregado por engano em produção, mas ainda quer usar .env localmente no ambiente de desenvolvimento. Nesse contexto, a forma mais segura de ajustar esse código é

Em uma lista de usuários de uma aplicação Vue.js, o componente pai renderiza <UserCard> para cada usuário e precisa passar o user para o card e receber um evento de remoção emitido pelo componente filho. O padrão Vue.js mais adequado, nesse caso, é no