Grátis: A construção de interfaces gráficas seguindo uma estratégia modular permite, entre outras coisas, a reutilização de componentes visuais ao longo de... – Questões Respondidas

Programação

Outros

A construção de interfaces gráficas seguindo uma estratégia modular permite, entre outras coisas, a reutilização de componentes visuais ao longo de todo o sistema, diminuindo o esforço de programação e design consideravelmente.
Quando utilizamos o Bootstrap em conjunto com o Thymeleaf, a modularização é proporcionada pelo uso de fragmentos. Em termos práticos, temos um template dividido em fragmentos, os quais podem ser incluídos em outros templates, de acordo com a Standard Expression Syntax, através do símbolo:
Cerquilha
Til
Asterisco
Arroba
Cifrão

Questões para Estudantes

há 23 horas

Questões para Estudantes

há 23 horas

CSS e Bootstrap: Formatação e Navegação

CSS e Bootstrap: Formatação e Navegação

ESTÁCIO

Respostas

Ed

há 23 horas

Para responder à sua pergunta sobre a utilização de fragmentos no Thymeleaf, precisamos entender como a sintaxe de expressão padrão funciona. No Thymeleaf, para incluir fragmentos de templates, utilizamos a cerquilha (#). Portanto, a opção correta que representa o símbolo usado para incluir fragmentos em outros templates é: Cerquilha.

Essa resposta te ajudou?

0

0

Ainda com dúvidas?

Envie uma pergunta e tenha sua dúvida de estudo respondida!

Essa pergunta também está no material:

CSS e Bootstrap: Formatação e Navegação

CSS e Bootstrap: Formatação e Navegação

ESTÁCIO

Mais perguntas desse material

As tags para tipografia, utilizadas nas versões antigas do HTML, são consideradas obsoletas atualmente, sendo toda a formatação delegada para folhas de estilo em cascata (CSS), o que foi definido como uma boa prática pela W3C. Supondo que seja necessário formatar determinado trecho genérico único, identificado como 'aviso', com fonte amarela, fundo vermelho, itálico e sublinhado, qual seria a expressão utilizada em uma tag style?
qual seria a expressão utilizada em uma tag style?
span, #aviso {background-color: red; font: yellow italic underline}
.aviso {color: yellow; background-color: red; text-decoration: italic underline}
#aviso {font-color: yellow; font-background: red; text-decoration: italic underline}
span, .aviso {background-color: red; font: yellow italic underline}
#aviso {color: yellow; background-color: red; text-decoration: underline; font-style: italic}

Qualquer site precisa de um sistema de navegação adequado, onde temos como exemplo a barra de navegação, posicionada no topo da página, com os links para as páginas, na forma de um menu principal. Através do Bootstrap, temos a classe navbar para a definição de uma barra de navegação a partir de uma tag nav, apresentando diversas opções, como uso de tema dark.
Qual das afirmativas seguintes é correta, no que se refere ao componente navbar?
De forma geral, a classe navbar-brand é aplicada na opção principal da barra de navegação.
A definição de uma barra de navegação impede a organização do espaço através de classes como col-sm-8 ou col-sm-4.
Para demonstrar visualmente qual a página ativa, devemos configurar o nav-link como used.
A classe navbar-nav é aplicada aos itens de uma lista, fazendo com que eles se apresentem como itens de menu.
A opção navbar-expand-lg é utilizada para preencher todo o espaço vertical com o conteúdo da barra de navegação.

Podemos utilizar formatações CSS de diferentes formas, como escrita direta no atributo da tag, de forma inline, em um trecho delimitado pela tag style, ou em um arquivo externo. O uso de arquivo externo traz os maiores benefícios, pois traz uma separação física entre a estrutura e a formatação do documento, além de promover o reuso, permitindo até mesmo a definição de temas para o site.
Qual tag deve ser utilizada na página HTML para importar as formatações definidas em um arquivo CSS?
script
link
meta
a (âncora)
object

O uso de iterações baseadas em coleções é muito comum nas mais diversas plataformas, inclusive no Java, onde temos o formato especial do for para iterar em coleções e vetores, o que não seria diferente nos templates do Thymeleaf, onde é utilizado o atributo th:each.
Qual das afirmacoes a seguir é CORRETA, no que se refere ao uso do atributo th:each?
Só permite a utilização com elementos do tipo ArrayList.
Recebe cada elemento da coleção em um objeto, permitindo acesso aos seus campos nas tags internas do trecho estabelecido.
É um recurso bastante restrito, devendo ser utilizado apenas para o preenchimento das linhas em uma tabela HTML.
Não pode ser utilizado para o preenchimento dos itens de uma lista HTML.
Ao contrário do for para coleções do Java, não individualiza os objetos da coleção.

Uma grande preocupação do Bootstrap é a garantia da responsividade, e ele traz diversas classes para a definição de colunas, como col-sm-2 e col-sm-4, dividindo o espaço da tela em doze áreas de igual espaçamento e utilizando o número de colunas indicado na classe, podendo ser 1, 2, 4, 8 ou 12.
Qual o nome desse sistema de organização fornecido pelo Bootstrap?
Sistema Colunar
Sistema de Posicionamento Global
Sistema de Grid
Sistema Tabular
Sistema de Dispersão

As tabelas já foram muito utilizadas para organizar o conteúdo da página HTML, mas a W3C desaconselha a prática, por causa da incompatibilidade de alguns navegadores, levando a outro tipo de organização, baseado em divs, segundo o padrão tableless. No entanto, as tabelas ainda são utilizadas para exibição de dados tabulares.
Qual tag define uma área de títulos na tabela?
tbody
tfoot
thead
tr
table

Quando criamos uma página HTML, podemos acrescentar metadados, através da tag meta, para definir características específicas, como página de código utilizada para acentuação, nome do autor, descrição do conteúdo e palavras-chave para sistemas de busca. Qual dos metadados está relacionado à responsividade, definindo a área de visualização padrão?
description
viewport
charset
author
keywords

Para utilizar o Bootstrap em um projeto Spring Boot, podemos acessar as bibliotecas via link para os repositórios na Web, ou adicionar uma dependência para baixar os arquivos JavaScript e CSS necessários, transformando em chamadas locais para o servidor, o que pode diminuir de forma considerável o tempo necessário para a abertura das páginas.
Qual componente deve ser incluído para que os arquivos sejam baixados?
JacksonConverter
Retrofit
OkHttpClient
WebJars
Express

No conjunto de componentes do Thymeleaf, temos uma classe denominada WebContext, que permite o encapsulamento de chamadas HTTP, com base na requisição, na resposta e no próprio contexto do Servlet. Após ser instanciado, o componente permite obter os valores que foram enviados na requisição, efetuar os procedimentos necessários, e definir valores que serão utilizados no template, tornando-o uma ferramenta prática para a definição de controladores genéricos.
Qual método de WebContext permite enviar um valor para o template?
getParameter
setAttribute
setLocale
setVariable
getAttribute