Questão de Programação — Frameworks Java — FGV 2024

Frameworks JavaScript: gerenciamento de dependências

Gabarito: letra D. O comando npm install nome-do-pacote é a forma padrão de adicionar dependências em projetos que utilizam o Node Package Manager (NPM), presente em praticamente todos os frameworks modernos (Vue, React, jQuery, Webpack, Bootstrap, etc.). Esse comando é utilizado tanto para iniciar um novo projeto (ao instalar suas dependências) quanto para adicionar novas bibliotecas ao longo do desenvolvimento.

A questão pede um comando ou trecho de código que seja utilizado em todos os frameworks listados (Vue, jQuery, React, Webpack, Bootstrap, NPM, entre outros). O único que atende a esse critério é o npm install, pois:

• Vue, React, Webpack, Bootstrap e até mesmo jQuery podem ser instalados via NPM.

• NPM é o próprio gerenciador de pacotes, e npm install é o comando central.

As demais alternativas são específicas de um subconjunto ou de nenhum deles.

Alternativa A — ❌ Incorreta

document.getElementById('app') é uma função nativa do JavaScript para manipulação do DOM. Não é um comando para iniciar projeto ou adicionar dependências, sendo usada apenas no código da aplicação, não no gerenciamento do projeto.

Alternativa B — ❌ Incorreta

<script src="framework.js"></script> é a forma de incluir uma biblioteca via CDN ou arquivo local no HTML. Embora possa ser usada em qualquer framework, não é um comando padronizado para iniciar projetos ou gerenciar dependências — cada framework pode ter seu próprio CDN, e a inclusão manual não é a prática recomendada em projetos modernos que usam bundlers.

Alternativa C — ❌ Incorreta

@Component é uma anotação/decorator típica do framework Angular (e também usada em Vue com class components), mas não está presente em jQuery, React (que usa JSX), Webpack (ferramenta de build) ou Bootstrap (biblioteca CSS/JS). Portanto, não é comum a todos.

Alternativa D — ✅ Correta ⟵ GABARITO

npm install nome-do-pacote é o comando universal para adicionar dependências via NPM. Mesmo frameworks que não usam Node.js diretamente (como Bootstrap, que pode ser baixado manualmente) possuem versão NPM, e o comando é utilizado na grande maioria dos projetos web contemporâneos. Além disso, npm install é o ponto de partida para iniciar um projeto após clonar um repositório (para instalar dependências listadas no package.json).

Alternativa E — ❌ Incorreta

import { componente } from 'biblioteca' é a sintaxe ES6 (ES Modules) para importar módulos no código JavaScript. Embora seja amplamente usada em frameworks modernos (React, Vue, Angular), não é um comando para iniciar projeto ou adicionar dependências — é uma instrução dentro do código da aplicação. Além disso, bibliotecas como jQuery ainda podem ser usadas sem import (via script tag), e o Webpack configura imports, mas não é um comando de instalação.

Gabarito: letra D