Questões de Concurso sobre Desenvolvimento Web

Um desenvolvedor de aplicativos para dispositivos móveis, utilizando o framework Ionic, deseja operar com Splash Screens no desenvolvimento de aplicações com Ionic nas páginas do Ipea. Contudo, as Splash Screens, para funcionarem, devem ser inseridas em um diretório de projeto Ionic específico.

Em qual diretório do projeto Ionic essas Splash Screens devem ser inseridas?

HTML5 e XHTML são essencialmente a mesma linguagem, com diferenças apenas no branding e no marketing. Ambas as versões oferecem as mesmas funcionalidades e elementos de marcação, sendo completamente intercambiáveis em desenvolvimento web.

Breno está criando um serviço REST, que será disponibilizado por meio de um aplicativo Spring Boot. Como ele já conhece o padrão do REST, criou um método de inclusão no controlador, tendo como parâmetro uma entidade do tipo gerenciado pelo serviço.

Para que o parâmetro receba corretamente os dados fornecidos pela requisição, no formato JSON, Breno irá utilizar nesse parâmetro a anotação:

Analise, no código JavaScript exibido a seguir, a função f que recebe um array como parâmetro. É dado que a função Math.trunc retorna a parte inteira de um número.

function f(x) {

i = 0;

for (i=0; i < Math.trunc(x.length/2); i++) {

a = x[i];

x[i] = x[x.length -i -1];

x[x.length -i -1] = a;

}

return x;

}

A complexidade do algoritmo é da ordem:

Considere o seguinte código em JavaScript com React:

import React from 'react';

function Number() {

let x = 5, y = 5;

const [n, setN] = React.useState(x);

React.useEffect(() => {

setN(x => x + n);

setN(y => x + y);

}, [])

return n;

}

Ao se utilizar o componente funcional Number, o valor retornado por Number após a renderização final será:

Considere-se a figura a seguir.

Caso se pretenda apresentar, por meio de HTML5, o resultado apresentado na figura precedente, deve-se substituir, no código fonte que se segue, o caractere # pela palavra datalist.

<html>

<head>

<title>HTML5 INPI </title>

</head>

<body>

<input list=“browsers” />

<# id=“browsers”>

<option value=“Chrome”>

<option value=“Firefox”>

<option value=“Internet Explorer”>

<option value=“Opera”>

<option value=“Safari”>

</#>

</body>

</html>

Em uma classe PHP podemos definir diversos métodos, um destes é o ‘__invoke’, desta forma, assinale a alternativa que apresenta a finalidade deste método em uma classe PHP:

Considere o seguinte código de uma página em HTML:

<!DOCTYPE html>

<html>

<head>

<title>Autenticação</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>

<body>

<h1>Autenticação no Sistema</h1>

<form action="/autenticacao.php" method="post">

<fieldset>

<legend>Credenciais</legend>

<label>Nome de Usuário:</label>

<input type="text" name="usuario"/>

<label>Senha:</label>

<input type="password" name="senha"/>

<input type="submit" value="Autenticar"/>

</fieldset>

</form>

</body>

</html>

Supondo que o usuário digite o valor “administrador” no campo “usuario”, destinado ao nome de usuário, e “8524456” no campo “senha”, o trecho da requisição HTTP a qual se espera que seja gerada pelo navegador quando o usuário acionar o botão “Autenticar”, é:

A linguagem de marcação HTML é constantemente utilizada no desenvolvimento web, e um recurso que é amplamente utilizado é o redirecionamento de páginas ao clicar em um botão. É definido como link para outra página utilizando HTML:

As aplicações web são categorizadas de acordo com sua funcionalidade, interação com o usuário e arquitetura de desenvolvimento

A categoria de aplicações web, que tem por objetivo disponibilizar recursos de aplicações nativas em aplicações web, é denominada

Indique qual característica é mais importante ao se projetar um site educativo para crianças do ensino fundamental:

No contexto do desenvolvimento de semântica web com HTML5, qual elemento é especificamente recomendado para agrupar independentemente conteúdos que podem ser considerados separados do conteúdo principal da página, como barras laterais ou links de referência?

Analise as informações a seguir:

I. É certo afirmar que os primeiros portais da web foram criados como um site que aglomerava e distribuía conteúdos de diferentes fontes. Recebiam motor de busca, banco de dados como datawarehouses e sistemas legados, APIs com método de categorização e taxionomia para organizar as informações em arquivos de textos, planilhas eletrônicas, mas ainda não contavam com sistema gerenciador de conteúdo (CMS - Content Management System), por ela ser uma tecnologia criada nesses últimos 15 anos.

II. É certo afirmar que, além de utilizar o sistema CMS, compostos pelos CMA (aplicativos de gerenciamento de conteúdo) e CDA (aplicativo de entrega de conteúdo), os portais estão empenhados em oferecer uma experiência digital ao cliente. Para isso, estão apostando em recursos como integração, que reúne os sistemas e os dados do cliente no back-end; consistência pelos pontos de contato digitais que fornecem aos sistemas conectados os mesmos elementos e aparência do front-end e Personalização pela combinação de dados comportamentais e biográficos que contextualizam as experiências ao cliente, quando logado no portal.

Marque a alternativa CORRETA:

Considere o seguinte trecho de código de uma página web:

<div id="opcoes" class="vert">

<div class="item">Contratos</div>

<div class="item">Convênios</div>

<div class="item">Licitações</div>

</div>

E o respectivo código de Cascading Style Sheets:

.vert {

display: flex;

width: max-content;

}

.item {

flex: auto;

width: 110px;

}

Ao ser renderizado por um navegador web padrão, o elemento com id “opcoes” do código acima exibe três elementos div:

Na linguagem HTML 5, o elemento <section> é útil para organizar o conteúdo de forma lógica, melhorando a acessibilidade e a estrutura do site.

De acordo com as afirmações abaixo sobre programação orientada a objetos, analise as afirmativas abaixo e dê valores Verdadeiro (V) ou Falso (F).

I. XML é uma linguagem de marcação que permite a representação estruturada de dados.

II. Pode-se criar documentos XML personalizados usando tags específicas, tornando-o uma linguagem extensível.

III. Tags em XML são case-sensitive, ou seja, e são consideradas diferentes.

Assinale a alternativa que apresenta a sequência correta de cima para baixo.

Assinale a alternativa correta em que as todas tecnologias citadas são utilizadas no desenvolvimento web:

Ao projetar Progressive Web Apps (PWAs), os desenvolvedores visam a proporcionar uma experiência de usuário contínua e acessível, independentemente da conectividade. Na criação de PWAs, qual recurso é essencial para assegurar a funcionalidade da aplicação em modo offline ou com conexão de rede limitada?

A linguagem PHP suporta um comando para ser utilizado nas estruturas de controle do, while, for e switch que, ao ser encontrado em um laço de repetição, provoca o término imediato da execução desse laço, seguindo normalmente o fluxo do código. Já entre os operadores, com o significado de “não igual”, retornando “verdadeiro se a variável $x é não igual à variável $y”, a linguagem disponibiliza dois operadores de comparação.

Nessas condições, o comando e os símbolos utilizados para esses operadores são, respectivamente:

O HTML – HyperText Markup Language, é uma linguagem de marcação de hipertexto que possibilita a construção de websites e a inserção de novos conteúdos, como imagens e textos, por meio dos hipertextos, que são representados pela junção de palavras, vídeos e conteúdos que, quando conectados, formam uma rede de dados que possibilitam a comunicação, o armazenamento e o compartilhamento de informações. Sobre o HTML, analise as afirmativas a seguir.

I. A TAG iframe pode ser utilizada para exibir uma página web dentro de outra.

II. <img src="/imagens/concurso.jpg"> indica que o arquivo concurso.jpg está localizado na pasta de imagens da pasta atual.

III. Ao renderizar a página e interpretar o comando <h2>Inserindo o símbolo &copy; em tela</h2>, o navegador exibirá inserindo o símbolo ® em tela.

Está correto o que se afirma apenas em