Questão de Programação — Desenvolvimento Mobile — FGV 2024
Programação›Desenvolvimento Mobile
Código
fg098593
Banca
FGV
Órgão
TJ-MS
Ano
2024
Nível
Superior
Cargo
Técnico de Nível Superior - Analista de Sistemas Computacionais - Web Designer
A designer de experiência do usuário Bárbara está envolvida em um projeto para desenvolver um novo layout para o aplicativo móvel do TJMS. Enquanto enfrentava o desafio de organizar os elementos na tela, Bárbara se viu diante de duas abordagens distintas: uma prometendo um alinhamento estruturado e ordenado, outra destacando-se pela sua dinâmica e flexibilidade, especialmente em cenários nos quais a estrutura do layout pudesse variar de forma dinâmica.As abordagens que Bárbara está avaliando são, respectivamente:
Afloats e positioning;
Bbox model e Grid;
Cfloats e Tables;
Dbox Model e Floats;
Egrid e Flexbox.
Revelar gabarito e comentário▾
GabaritoE — grid e Flexbox.
Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.
CSS: Grid e Flexbox
Gabarito: letra E. A questão descreve duas abordagens de layout: uma "estruturada e ordenada" (Grid) e outra "dinâmica e flexível" (Flexbox). Essas são as duas técnicas modernas de layout em CSS: Grid é bidimensional e permite alinhamento preciso em linhas e colunas; Flexbox é unidimensional e ideal para distribuir espaço dinamicamente entre itens. A alternativa correta é grid e Flexbox.
A banca testa o conhecimento dos conceitos fundamentais de CSS para layout. Veja o erro de cada alternativa:
Layout CSS
1Grid
Bidimensional
Alinhamento estruturado
Linhas e colunas
2Flexbox
Unidimensional
Distribuição dinâmica
Flexibilidade
LEVEL · soulevel.com.br
Alternativa A — ❌ Incorreta
Floats e positioning são técnicas antigas e não correspondem diretamente às descrições de estrutura ordenada e flexibilidade dinâmica. Floats eram usados para posicionamento lateral, mas não oferecem layout grid ordenado.
Alternativa B — ❌ Incorreta
Box model é o conceito de caixa (margin, border, padding, content) e não uma abordagem de layout em si. Grid está correto, mas o par está errado.
Alternativa C — ❌ Incorreta
Floats e Tables são técnicas legadas; Tables eram usadas para layout estruturado, mas não são dinâmicas como Flexbox.
Alternativa D — ❌ Incorreta
Box model novamente não é uma abordagem de layout. Floats não são dinâmicos e flexíveis como Flexbox.
Alternativa E — ✅ Correta ⟵ GABARITO
Grid (CSS Grid Layout) oferece alinhamento estruturado e ordenado em duas dimensões; Flexbox (Flexible Box Layout) oferece flexibilidade dinâmica unidimensional, ideal para layouts que variam de tamanho. Exatamente o que o enunciado descreve.
PEGA ESSA DICA!
Em provas de desenvolvimento mobile ou web, lembre-se: Grid é para estrutura geral (linhas e colunas), Flexbox é para distribuição flexível em um eixo. A banca costuma associar "ordenado" ao Grid e "flexível" ao Flexbox.