Questões de Concurso sobre Desenvolvimento Web

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:

Um desenvolvedor de páginas web, usando XMLHttpRequest, precisou usar um objeto para tratar de requisições GET para a url, mas também precisou que o método send() não retornasse nada, até que a resposta da requisição fosse recebida. Sendo, nesse caso, a definição do objeto como:

var EXP = new XMLHttpRequest(); //define o objeto

Uma possível sintaxe que permita essa açã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

No desenvolvimento de aplicações web, diferentes tecnologias atuam de forma complementar para estruturar, apresentar e tornar interativo o conteúdo acessado pelos usuários. Considerando práticas comuns adotadas em projetos web atuais, assinale a alternativa tecnicamente mais adequada:

O Django REST Framework simplifica a criação de APIs robustas e eficientes por meio das classes de viewsets, que integra a lógica de múltiplas visualizações relacionadas em uma única classe. Imagine que você está desenvolvendo uma aplicação para gerenciar produtos em um sistema de ponto de venda. Com o seu uso, é possível configurar endpoints que implementam todas as operações padrão de uma API REST (GET, POST, PUT, PATCH e DELETE) de forma prática, organizada e consistente. Além disso, as operações de CRUD (Create, Read, Update, Delete) do modelo Produto podem ser centralizadas em uma única estrutura, garantindo melhor reutilização de código e facilitando a manutenção ao longo do ciclo de vida do projeto.

Considerando a situação apresentada, o código que implementa corretamente os endpoints de Produto na classe ProdutoViewSet é:

Uma equipe de desenvolvimento está criando um site responsivo e acessível que utiliza, entre outros recursos, HTMLS, CSS3, JSF e jQuery. A meta é garantir que o site seja adaptável a diferentes dispositivos e tamanhos de tela, atenda aos padrões de acessibilidade (WCAG 2.1) e possua menus dinâmicos e conteúdo interativo carregado de forma assíncrona. A estratégia que melhor implementa os requisitos é usar

Um Técnico está desenvolvendo uma aplicação web progressiva (PWA) usando Angular, em condições ideais, que deve funcionar offline, enviar notificações push e ser instalável no dispositivo do usuário. Além disso, deve ser rápida e responsiva, proporcionando uma experiência de usuário semelhante a um aplicativo nativo. Nesse contexto, a prática mais adequada para garantir que a PWA desenvolvida com Angular atenda aos requisitos de desempenho e funcionalidade é

Um desenvolvedor recebeu a tarefa de criar um formulário em uma página HTML. Observe o trecho de código abaixo e indique qual atributo poderia ser associado ao elemento <label> visando melhorar a acessibilidade e a usabilidade da página:

<label>Usuário:</label>

<input type=”text” id=”usuario” name=”usuario”>

No desenvolvimento web, HTML, CSS e JavaScript desempenham papéis fundamentais na construção e apresentação das páginas. Cada uma dessas tecnologias possui uma função específica na estruturação, estilização e interatividade dos conteúdos. Com base nisso, assinale a alternativa que melhor descreve a relação entre essas três tecnologias.

Em desenvolvimento web, o HTML é utilizado para estruturar páginas web, o CSS, para adicionar funcionalidades interativas à página e o JavaScript, para personalizar estilos da página.

O JavaScript é amplamente utilizado no desenvolvimento web, desempenhando um papel fundamental na criação de páginas interativas. Qual das opções a seguir descreve CORRETAMENTE o JavaScript?

A arquitetura de aplicações para ambiente web denominada web-queue-worker constitui-se, entre outros componentes, de um frontend web para interação com clientes, uma fila de mensagens para comunicação e um trabalhador para processar tarefas complexas ou demoradas.

Em uma aplicação da área fiscal estadual criada com a versão mais recente da linguagem JavaScript, gerou-se um dashboard de monitoramento de arrecadação em tempo real que depende de múltiplas APls externas para obter dados de contribuintes. Para melhorar a experiência do usuário, a equipe decidiu implementar uma solução que retome o primeiro resultado bem-sucedido entre várias requisições concorrentes, ignorando as que falharem. O método JavaScript utilizado para resolver esse cenário lol o

Tecnologias do lado servidor (ASP, JSP, JSF, PHP). Assinale a alternativas que melhor representa uma tecnologia do lado servidor amplamente utilizada para o desenvolvimento web e que é baseada em linguagem de script:

A linguagem CSS é extremamente importante para a estilização de páginas web. Diante do exposto, assinale a alternativa que apresenta que propriedade CSS3 é usada para aplicar sombras a elementos.

Considerando o desenvolvimento de aplicações Web modernas, qual abordagem arquitetônica facilita a separação de responsabilidades entre o cliente (front-end) e o servidor (back-end), promovendo melhor escalabilidade e manutenção do sistema?

As ontologias e seus elementos são identificados por meio dos IRI (internationalized resource identifiers), em que cada IRI deve ser absoluto, ou seja, não relativo; logo dois IRI são estruturalmente equivalentes se e somente se suas representações de strings forem idênticas.

No universo do desenvolvimento web, jQuery desempenha um papel crucial ao oferecer uma sintaxe simplificada para a manipulação de elementos HTML, facilitando a interação do usuário com a página através de eventos de teclado, mouse e formulário, além de permitir a aplicação de animações e a realização de operações Ajax de maneira eficiente. Dentro desse contexto, qual ação realizada pelo jQuery é essencial para adicionar dinamicamente classes CSS a um elemento da página, permitindo a alteração da sua apresentação visual sem a necessidade de editar o código CSS diretamente?

Analise o documento HTML abaixo. Nele consta um trecho de código escrito na linguagem JavaScript: a

<!DOCTYPE html>

<html>

<body>

<input type="text" id="texto" value="Hello" />

<input type="hidden" id="texto" value="Olá" />

<script>

alert(document.getElementById("texto").value);

</script>

</body>

</html>

Ao abrir o documento em um navegador, o que será exibido na caixa de alerta que será aberta?

jQuery é uma biblioteca JavaScript rápida, pequena e rica em recursos, que simplifica coisas como o transporte e manipulação de documentos HTML, manipulação de eventos, animações e Ajax.

Uma forma para adicionar um elemento ‘’ com o texto "Novo Item" ao final de uma ‘lista’ com o ID lista usando jQuery é: