Questões de Concurso Sobre programação de front end em programação

Foram encontradas 145 questões

Q4063110 Programação
Durante o desenvolvimento de um sistema web, a equipe de TI decidiu incorporar scripts executados no navegador para melhorar a interação com os usuários. Entre as funcionalidades planejadas estavam a validação de formulários antes do envio ao servidor e a alteração dinâmica de elementos da página sem a necessidade de recarregar todo o documento. Nesse contexto, um desenvolvedor apresentou o seguinte trecho de código JavaScript:

Imagem associada para resolução da questão

Considerando o comportamento básico da linguagem JavaScript e o funcionamento do código apresentado, assinale a alternativa CORRETA.
Alternativas
Q4063104 Programação
Durante o desenvolvimento de um portal institucional, a equipe técnica decidiu reorganizar a aplicação web para melhorar a manutenção do código e reduzir a dependência entre componentes. Para isso, adotou-se uma abordagem em que:

- A estrutura do conteúdo das páginas é definida separadamente;
- A apresentação visual é controlada por folhas de estilo reutilizáveis;
- As interações com o usuário, como validações e manipulação dinâmica de elementos da página, são executadas no navegador.

Essa organização segue práticas amplamente utilizadas no desenvolvimento web moderno para favorecer separação de responsabilidades e maior flexibilidade na evolução da aplicação.
Com base nesse cenário, assinale a alternativa CORRETA:
Alternativas
Q4063099 Programação
Durante o desenvolvimento de um sistema de atendimento eletrônico, a equipe responsável pela interface decidiu implementar recursos de interatividade diretamente no navegador, permitindo respostas imediatas às ações do usuário, como cliques em botões, validação de dados e atualização de elementos da página sem recarregar todo o documento. Considerando conceitos relacionados ao uso de JavaScript para interatividade básica em páginas web, analise as afirmativas a seguir.

I.Em páginas web, JavaScript pode ser utilizado para reagir a eventos do usuário, como cliques, digitação ou envio de formulários.
II.A manipulação do DOM (Document Object Model) permite que scripts JavaScript alterem dinamicamente o conteúdo, atributos ou estilos de elementos HTML já carregados na página.
III.A execução de código JavaScript no navegador ocorre apenas após o carregamento completo do documento HTML, não podendo ser associada a eventos gerados pela interação do usuário.
IV.Em aplicações web convencionais, JavaScript executado no navegador possui acesso direto ao sistema de arquivos do computador do usuário sem qualquer restrição de segurança.
V.Métodos como addWhile() são utilizados para associar funções JavaScript a eventos que ocorrem em elementos da página.

Assinale a alternativa CORRETA: 
Alternativas
Q4063096 Programação
Durante a reformulação do portal eletrônico de uma secretaria estadual, a equipe responsável pela interface decidiu reorganizar as folhas de estilo da aplicação para melhorar a manutenção do código e garantir maior consistência visual entre diferentes páginas do sistema. No processo de revisão, foram discutidos aspectos relacionados à forma de aplicação das regras CSS (Folhas de Estilo em Cascata), herança de estilos e prioridades na interpretação das declarações pelo navegador. Com base em conceitos fundamentais de CSS, analise as afirmativas a seguir:

I.O CSS pode ser aplicado a um documento HTML por meio de folhas de estilo externas, regras internas no elemento <style > ou diretamente em elementos HTML por meio do atributo style.
II.Em situações de conflito entre regras aplicáveis ao mesmo elemento, o CSS utiliza critérios de prioridade, considerando fatores como especificidade do seletor, origem da regra e ordem de declaração.
III.O mecanismo de herança em CSS permite que determinados elementos recebam automaticamente algumas propriedades definidas em elementos ancestrais, embora nem todas as propriedades sejam herdadas.
IV.O modelo de caixa (box model) em CSS descreve como os elementos são renderizados na página, incluindo componentes como conteúdo, preenchimento (padding), borda (border) e margem (margin).
V.No CSS, seletores de classe são identificados pelo símbolo #, enquanto seletores de identificação única são indicados pelo símbolo.

Assinale a alternativa CORRETA:
Alternativas
Q4052690 Programação
No contexto de formulários HTML5, considere um campo <input type="text"> que deve validar, utilizando exclusivamente um único atributo nativo (sem JavaScript), que o valor informado seja composto exatamente por cinco dígitos numéricos (0 a 9), sem permitir outros caracteres ou quantidades diferentes.
Nessas condições, o atributo correto é:
Alternativas
Q4052686 Programação
Considere os seletores de agrupamento :is() e :where(). A diferença fundamental entre eles, no que diz respeito ao cálculo da especificidade da regra CSS, reside no fato de que:
Alternativas
Q4052669 Programação
No contexto de imagens responsivas em HTML, considere o uso do elemento Imagem associada para resolução da questão<img> com os atributos srcset e sizes, empregando descritores de largura (por exemplo, 300w, 800w). Assinale a alternativa correta:
Alternativas
Q4041500 Programação
Um desenvolvedor está utilizando o Bootstrap 3 para estilizar uma tabela HTML que apresenta dados de estoque. Ele deseja que a tabela utilize a estilização básica do Bootstrap, possua linhas mais compactas, com altura reduzida, e permita indicar visualmente uma linha com status de alerta. Com base nas classes de estilização de tabelas do Bootstrap 3, a ação que resultará em um estilo visual que atenda à definição apresentada é:
Alternativas
Q4041495 Programação
No React, o desenvolvedor precisa considerar como os eventos são tratados internamente, especialmente em relação à compatibilidade entre navegadores. Em relação ao seu sistema de eventos, uma de suas características é:  
Alternativas
Q4029536 Programação

Analise o seguinte formulário PHP/HTML:


Imagem associada para resolução da questão


Se um usuário clicar em “Enviar” com o campo de email vazio e a senha com apenas 4 caracteres, o que ocorrerá no navegador moderno antes dos dados chegarem ao servidor PHP?

Alternativas
Q4029530 Programação
No JavaScript, ao utilizar event.preventDefault() dentro de um tratador de evento de um formulário (submit), qual é o efeito observado?
Alternativas
Q4029527 Programação

Analise o seguinte HTML e JavaScript:


Imagem associada para resolução da questão


Qual será a saída no console ao clicar no botão? 

Alternativas
Q3976380 Programação
Um desenvolvedor de páginas web criou um arquivo CSS para configurar as seguintes opções de estilo das suas páginas web:
• O texto do título da página vai ter caracteres com tamanho de 40 pixels e alinhamento à direita; e
• Os parágrafos e listas de itens vão ter letras com tamanho de 12 pixels, espaçamento vertical de 1,5 entre as linhas e espaço horizontal, entre as letras, de 1 pixel.
O formato CSS que atende a esses requisitos é:
Alternativas
Q3963911 Programação
Observe o trecho de código a seguir, que utiliza HTML5, CSS com seletores e classes, e JavaScript para manipulação dinâmica de estilos por meio da API do DOM, prática historicamente associada ao conceito de páginas web dinâmicas. 

Captura_de tela 2026-03-31 144628.png (494×620)

Com base no código apresentado e nos conceitos de seletores CSS, classes e manipulação do DOM via JavaScript, assinale a afirmativa INCORRETA. 
Alternativas
Q3953501 Programação
Durante o desenvolvimento de um módulo de chat em uma aplicação React JS, um programador precisa garantir que a conexão com o servidor via WebSocket seja estabelecida assim que o componente for montado na tela e devidamente encerrada, quando o componente for removido (desmontado), para evitar vazamentos de memória (memory leaks).
Para implementar essa lógica em um componente funcional utilizando o hook useEffect, o desenvolvedor deve estruturar o código de modo que a função de limpeza, responsável pelo fechamento da conexão, seja executada.
De acordo com as especificações do React, essa função de limpeza deve ser
Alternativas
Q3953485 Programação

No desenvolvimento front-end, a separação entre conteúdo e apresentação é um princípio fundamental. Enquanto o HTML estrutura os elementos da página, o CSS gerencia a identidade visual, permitindo que o desenvolvedor aplique estilos a grupos específicos de elementos de forma centralizada e eficiente, garantindo a consistência estética do projeto Web.


Um desenvolvedor deseja padronizar todos os parágrafos de um portal de notícias para que o texto seja exibido na cor azul. Considerando as regras de sintaxe e os seletores padrão do CSS3, assinale a alternativa que apresenta a instrução correta para realizar essa formatação em todos os elementos <p> do documento.

Alternativas
Q3937667 Programação
AJAX (Asynchronous JavaScript and XML) é uma técnica de desenvolvimento web que permite que as páginas sejam atualizadas de forma assíncrona.

Qual é o principal benefício do uso de AJAX?
Alternativas
Q3927259 Programação
Um cientista de computação criou uma nova linguagem de programação. Essa linguagem necessita usar um tipo de compilador com três estágios, não podendo usar interpretadores. Para construir o compilador dessa linguagem, esse cientista precisa desenvolver as principais fases do estágio front-end desse compilador, que contém, entre elas, as etapas de:
Alternativas
Q3922603 Programação
Ao realizar a manutenção em um script de galeria dinâmica, um desenvolvedor precisa selecionar o elemento de um contêiner específico cujo atributo identificador único (id) é definido como “galeria-principal”. Considerando as APIs padrão de manipulação do DOM, assinale a instrução correta para realizar essa seleção. 
Alternativas
Q3881433 Programação
No contexto do desenvolvimento de aplicações web, o JavaScript é uma linguagem amplamente utilizada para implementar comportamentos dinâmicos e interativos.

Assinale a opção que apresenta a sintaxe correta para uma declaração condicional if que verifica se a variável x é maior que 10 e, caso verdadeiro, imprime "Maior que 10"
Alternativas
Respostas
1: E
2: A
3: C
4: B
5: D
6: A
7: C
8: D
9: B
10: A
11: E
12: B
13: D
14: A
15: A
16: A
17: D
18: A
19: C
20: C