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

Foram encontradas 201 questões

Q4160912 Programação
Considere o desenvolvimento de uma página web utilizando HTML5 (HyperText Markup Language, versão 5), que é a linguagem padrão utilizada para estruturar o conteúdo de páginas na internet. Em uma dessas páginas, é necessário definir uma área localizada ao final do conteúdo principal, destinada a informações como autoria, direitos reservados, contatos e links institucionais. Essa área é semanticamente reconhecida pelos navegadores como o rodapé da página. Nesse contexto, qual elemento HTML é utilizado para representar o rodapé da página? 
Alternativas
Q4126248 Programação
Considere o seguinte trecho de código de uma página web, que contém um script JavaScript.
<script> const btn = document.getElementById( MeuBotao ); btn.addEventListener( click , () => { window.scrollTo({top: 0, behavior: smooth }); }); </script>
MeuBotao é o id de um elemento do tipo button.

Assinale a alternativa que descreve o propósito do código apresentado, quando o botão for clicado.
Alternativas
Q4104664 Programação
Um portal interno de um Ministério Público Estadual foi desenvolvido em React para análise de relatórios estatísticos, no qual componentes filhos memorizados com React.memo recebem funções anônimas como props em renderizações frequentes, ocasionando re-renderizações desnecessárias devido à mudança de referência das funções, mesmo quando os dados não se alteram. Nesse cenário, a técnica que mitiga o problema e estabiliza a referência das funções sem comprometer a consistência de estado é
Alternativas
Q4100471 Programação
Analise as afirmativas a seguir em relação ao HTML 5:

I. O atributo placeholder é utilizado para criar frases de ajuda e validação de dados nos próprios campos com a tag input.
II. Os tipos color, range e date permitem que navegadores renderizem tipos específicos de campo no formulário, com o intuito de facilitar a interação com o usuário.
III. Os tipos email e range podem ser utilizados para validar atributos sem a necessidade de utilizar plugins JavaScript.
IV. O tipo file pode ser utilizado para realizar upload de vários arquivos ou até restringir tipos de arquivos aceitos.

Assinale a alternativa CORRETA.
Alternativas
Q4100470 Programação
As folhas de estilo denominada Cascading Style Sheets ou CSS são utilizadas para melhor o front-end acrescentando características visuais a uma página HTML.
Neste contexto, assinale a alternativa CORRETA que representa o atributo em CSS3 responsável por realizar quebra de página.
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
Q4063087 Programação

A equipe de TI decidiu revisar a estrutura das páginas HTML para melhorar a organização do código, favorecer a acessibilidade e garantir maior compatibilidade com navegadores atuais. Entre as ações propostas estavam a adoção de elementos semânticos, a correta organização do documento e o uso adequado de metadados. Considerando aspectos fundamentais da estrutura de páginas HTML, analise as afirmativas a seguir.


I.O elemento <head> abriga informações que descrevem o documento, como metadados, título da página e referências a arquivos externos, não sendo utilizado para exibir conteúdo diretamente ao usuário.
II.O elemento <body> reúne os conteúdos que compõem a parte visível da página, como textos, imagens, tabelas e formulários apresentados no navegador.
III.Elementos semânticos como <header>, <nav>, <section>, e <footer> foram introduzidos em versões recentes do HTML para indicar a função estrutural de partes da página, contribuindo para organização do documento e interpretação por mecanismos de busca.
IV.A declaração <!DOCTYPE html> é utilizada para informar ao navegador qual versão do JavaScript será interpretada durante a execução da página.
V.A tag <line> define o título do documento HTML exibido, em geral, na aba do navegador ou na lista de favoritos. 

Com base nessas afirmativas, 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
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
Respostas
21: E
22: D
23: A
24: C
25: B
26: A
27: C
28: B
29: B
30: D
31: D
32: B
33: A
34: E
35: B
36: D
37: A
38: A
39: A
40: D