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

Foram encontradas 164 questões

Q4161064 Programação
A equipe de TI de um consórcio público está desenvolvendo uma página web institucional para divulgar os serviços disponíveis nos municípios consorciados. Durante a revisão do código-fonte, o desenvolvedor analisou elementos e tags do HTML5. Considerando isso, analise as afirmativas a seguir:

I. O elemento <header> contém metadados do documento, como título e referências a arquivos externos, não sendo renderizado como conteúdo visível, enquanto o elemento <header> é um elemento semântico utilizado para definir o cabeçalho visual de uma página ou seção de conteúdo.
II. Para vincular um arquivo de estilos CSS, utiliza-se a tag <link>.
III. A tag <script> deve ser inserida dentro do elemento <head>, sendo considerada inválida pelo navegador quando posicionada no interior do elemento <body>.

Está(ão) CORRETA(S):
Alternativas
Q4161063 Programação
O portal público de transparência de um consórcio intermunicipal passou por redesenvolvimento e a equipe responsável precisou definir as regras de estilo visual das páginas. Durante a implementação, surgiu um conflito entre declarações CSS provenientes de três regras distintas aplicadas ao mesmo elemento HTML: uma definida por seletor de elemento (p), outra por seletor de classe (.destaque) e uma terceira por seletor de ID (#titulo). Diante disso, assinale a alternativa que descreve CORRETAMENTE o comportamento do CSS nessa situação de conflito. 
Alternativas
Q4160928 Programação
Considere o desenvolvimento de uma página web utilizando HTML (HyperText Markup Language), que é a linguagem padrão utilizada para estruturar o conteúdo de páginas na internet, em conjunto com CSS3 (Cascading Style Sheets, versão 3), que é a linguagem responsável pela definição de estilos, cores, layouts e formatação visual dos elementos de uma página. Em uma interface de navegação interna, o desenvolvedor precisa aplicar um estilo específico ao elemento que é exibido quando о usuário clica em um link que aponta para uma seção da própria página por meio de um identificador (por exemplo, #id). Esse comportamento permite destacar automaticamente a seção que foi selecionada pelo usuário durante a navegação. Nesse contexto, qual pseudoclasse do CSS3 deve ser utilizada? 
Alternativas
Q4160923 Programação
Considere a versão mais atual do JavaScript (ECMAScript moderno), amplamente utilizada no desenvolvimento de aplicações web dinâmicas e interfaces interativas. Nesse contexto, qual é o símbolo utilizado para definir uma arrow function em JavaScript?
Alternativas
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
Q4126641 Programação
Em aplicações web Blazor do .NET 8, a diretiva @rendermode serve para definir
Alternativas
Q4126640 Programação
Considere o seguinte código JavaScript dentro de uma página web.

<script>
let x = 10;
{let x = 15;}
{x = x + 3;}
document.getElementById( output ).innerHTML = x;
</script>

A saída exibida no elemento output após a execução do script é:
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
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
Respostas
1: B
2: D
3: A
4: C
5: E
6: B
7: D
8: D
9: A
10: E
11: A
12: C
13: B
14: D
15: A
16: C
17: D
18: B
19: A
20: E