Questões de Concurso sobre Bootstrap

 
 
Disciplina
Assunto 1
Banca
Instituição
Cargo
Ano
Carreira
Área de formação
Escolaridade
Dificuldade
 
Comentários:
Professores
Alunos
Meus Comentários
Vídeo
 
Minhas questões:
Resolvidas
Não resolvidas
Certas
Erradas
 
Tipo de questão:
Certo e errado
Múltipla escolha
Incluir questões:
Anuladas
Desatualizadas
 
Questões:
Todas as questões
 
Filtro simplificado
 
Questões
Todas as questões
 
70 questões encontradas
Questões por página
20
Mais recentes
 

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 é:


A

utilizar apenas a classe table-condensed no elemento <tr> e a classe alert no <table> para indicar uma linha em estado de alerta


B

declarar as classes table e warning no elemento <table> para reduzir a altura das linhas e destacar automaticamente a linha de alerta


C

aplicar a classe table-hover no elemento <table> e a classe alert-warning no elemento <tr> para obter linhas compactas e destacar alertas


D

utilizar as classes table e table-condensed no elemento <table> e aplicar a classe warning no elemento <tr>correspondente à linha de alerta

JavaScript é a principal linguagem de programação para o desenvolvimento web front-end.


Relacione as tecnologias/bibliotecas JavaScript na Coluna 1 com suas principais características na Coluna 2.


Coluna 1 Tecnologias

1. jQuery

2. Bootstrap

3. Vue.js

4. Node.js

5. AJAX


Coluna 2 Características

( ) para construção de interfaces de usuário

( ) atualizar partes de uma página sem recarregá-la

( ) simplificar manipulação do DOM e tratamento de eventos

( ) Framework front-end para criação de layouts responsivos

( ) Ambiente de execução JavaScript no lado do servidor


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


A

1 • 2 • 3 • 4 • 5


B

2 • 1 • 5 • 3 • 4


C

3 • 5 • 1 • 2 • 4


D

4 • 5 • 2 • 1 • 3


E

5 • 2 • 3 • 4 • 1

O Bootstrap é um dos frameworks front-end mais utilizados no desenvolvimento web, oferecendo um sistema de grid responsivo baseado em 12 colunas, componentes pré-estilizados e classes utilitárias que agilizam a construção de interfaces adaptáveis a diferentes tamanhos de tela, seguindo a abordagem mobile-first.


Considere o seguinte trecho de código utilizando o framework Bootstrap 5:


Imagem associada para resolução da questão


Sobre o código apresentado, considerando o comportamento padrão do sistema de grid do Bootstrap 5 e sua abordagem mobile-first, assinale a afirmativa correta.


A

Em dispositivos móveis (abaixo do breakpoint md), cada bloco ocupará 6 colunas do grid, fazendo com que dois blocos apareçam por linha.


B

A classe col-md-6 será aplicada exclusivamente em telas que correspondam ao breakpoint md, sendo ignorada nos breakpoints superiores como lg e xl.


C

Em telas grandes (a partir do breakpoint lg), cada bloco ocupará 4 colunas do grid de 12, resultando em três blocos dispostos lado a lado em uma única linha.


D

O Bootstrap 5 utiliza a abordagem desktop-first, de modo que a classe col-12 só será aplicada caso nenhuma media query de resolução superior seja ativada pelo navegador.


E

A classe container faz com que o conteúdo ocupe 100% da largura da tela em todos os breakpoints, sem margens laterais, comportando-se de forma idêntica à classe container-fluid.

Sobre o método Bootstrap, é correto afirmar que:


A

É um método exclusivamente paramétrico.


B

É um método exclusivamente não paramétrico.


C

Não pode ser utilizado em testes de hipóteses.


D

Pode ser utilizado tanto em contextos paramétricos quanto não paramétricos.

Considerando as boas práticas para a criação de interfaces orientada por Mobile-First Design, analise as afirmativas a seguir.


I. É adequado definir inicialmente os estilos CSS para dispositivos móveis e, em seguida, utilizar media queries com max-width para ajustar progressivamente o layout para dispositivos com telas maiores.

II. Tailwind CSS e Bootstrap 5 são dois renomados frameworks para front-end que suportam a abordagem mobile-first.

III. Uma interface responsiva não necessariamente é também mobile-first.


Está correto o que se afirma em


A

I, apenas.


B

I e II, apenas.


C

I e III, apenas.


D

II e III, apenas.


E

I, II e III.

Uma equipe de Analistas de Tecnologia da Informação da PARANAPREVIDÊNCIA está desenvolvendo um novo sistema web para gerenciar solicitações de benefícios previdenciários. Durante a construção da interface, foi necessário criar um formulário responsivo com um botão de destaque para envio dos dados, sendo que o objetivo é que esse botão tenha maior visibilidade e proporcione uma experiência de uso intuitiva, especialmente em dispositivos móveis. Para atender a essa necessidade, o analista decide utilizar uma classe do Bootstrap que permite ajustar o tamanho do botão, tornando-o maior e mais chamativo. Considerando as opções disponíveis, qual classe o analista deve utilizar para alcançar esse objetivo?


A

mx-auto


B

btn-group


C

d-sm-block


D

btn-sm


E

btn-lg

Uma equipe de desenvolvimento está criando um painel administrativo para gerenciar pedidos de uma loja virtual. Para organizar as informações em um layout responsivo, os desenvolvedores decidem usar o sistema de grid do Bootstrap. O painel deve exibir três colunas lado a lado em telas maiores (como desktops) e, em dispositivos móveis (como smartphones), cada coluna deve ocupar toda a largura da tela. Quais classes do Bootstrap devem ser utilizadas para garantir esse comportamento?


A

col-md-4 col-12


B

col-12 col-sm-4


C

col-4 col-md-12


D

col-lg-12 col-sm-3

Um técnico está desenvolvendo uma página de perfil de usuários responsiva para um site, utilizando HTML5 para a estrutura e Bootstrap 5 para a responsividade. Ele desenvolveu o trecho de código abaixo.


Imagem associada para resolução da questão


Para que a "Foto do Usuário" apareça acima das informações, utilizando apenas classes do Bootstrap 5, o técnico precisa


A

adicionar a classe flex-column- reverse ao div com classe row.


B

adicionar a classe z-index-1 à div da foto do usuário e z- index-2 à div das informações.


C

adicionar a classe order-1 à div da foto do usuário e order-2 à div das informações.


D

trocar as classes de coluna para col-sm-12 e col-sm-12 respectivamente.


E

utilizar d-flex no contêiner principal e reordenar com flex-wrap-reverse.

O método de reamostragem bootstrap melhora a estimativa do desempenho de um modelo ao criar múltiplas amostras de treinamento a partir dos dados originais, o que reduz a variância das estimativas e proporciona intervalos de confiança mais precisos para métricas de avaliação.


C

Certo


E

Errado

Considere as seguintes afirmativas sobre o Design Responsivo:


I. O Bootstrap é um framework CSS que fornece diversos componentes prontos e estilizados para o uso com HTML, CSS e JS na criação de aplicações Web responsivas.

II. Os breakpoints ajudam a tornar sua página responsiva. Ao definir breakpoints, os desenvolvedores ajustam a apresentação do conteúdo para telas pequenas, médias ou grandes, garantindo que o site seja acessível/funcional em diferentes dispositivos.

III. As grades fluidas e baseadas em proporção, as imagens flexíveis e as media queries são alguns dos pilares do design responsivo e permitem que as aplicações Web se adaptem automaticamente a diferentes tamanhos de telas e dispositivos, como desktops, tablets e smartphones.

IV. O CSS Flexbox é mais adequado para layouts unidimensionais, para posicionar elementos em uma única linha ou coluna, enquanto o Grid Layout do CSS é mais adequado para layouts bidimensionais, para criar uma estrutura de grades com várias linhas e colunas.


Estão corretas


A

apenas as afirmativas I e II.


B

apenas as afirmativas III e IV.


C

apenas as afirmativas I e IV.


D

apenas as afirmativas I, II e III.


E

todas as afirmativas.

Sobre frameworks amplamente utilizados no desenvolvimento de aplicações web e sistemas, qual das seguintes afirmações está correta, considerando as características e propósitos principais de cada ferramenta?


A

O Django e o SpringBoot são frameworks com forte suporte para o desenvolvimento web, mas o Flask se destaca por ser minimalista e fácil de usar para construir APIs de forma rápida e sem complexidade.


B

O NodeJS é um framework amplamente utilizado para o desenvolvimento de aplicações backend em JavaScript, enquanto o JQuery é um framework de backend para manipulação de HTML e requisições AJAX.


C

O Hibernate é um framework Python para ORM, e o SpringBoot é um framework JavaScript utilizado no desenvolvimento de APIs RESTful.


D

O Flask é um framework Python que se diferencia do Django por ser mais completo e fornecer mais funcionalidades "out-of-the-box", enquanto o Django é mais simples e modular.

Muitos microcomputadores modernos do tipo IBM-PC possuem um chip de memória ROM, onde se encontra a BIOS.


Em particular, um programa existente na BIOS denominado bootstrap tem como função


A

configurar as unidades de armazenamento.


B

carregar o sistema operacional para a memória.


C

testar o teclado.


D

testar a memória do computador.


E

iniciar o chipset da placa-mãe.

No framework Laravel, há uma ferramenta que é uma implementação mínima e simples de diversos recursos de autenticação, tais como login, cadastro, redefinição de senha e verificação de e-mail. Além disso, a camada de visualização é, por padrão, composta de simples templates Blade estilizados com Tailwind CSS.


O recurso do Laravel descrito acima é o


A

Livewire.


B

Jetstream.


C

Breeze.


D

Eloquent.


E

Sanctum.

Um Técnico de Tecnologia da Informação da UFABC está desenvolvendo um sistema web para exibição de vídeos educacionais e multimídia. Ele precisa que determinados elementos, como vídeos ou painéis interativos, tenham estilos específicos quando estiverem em modo de tela cheia, garantindo melhor experiência de navegação e acessibilidade para os usuários. Considerando o uso de CSS3 (Cascading Style Sheets, versão 3), qual pseudoclasse deve ser utilizada para essa necessidade do técnico?


A

:hover


B

:active


C

:fullscreen


D

:focus


E

:checked

O design responsivo é uma abordagem essencial no desenvolvimento web moderno, garantindo que páginas sejam exibidas de forma adequada em dispositivos com diferentes tamanhos de tela, desde smartphones até desktops.


Qual a técnica central utilizada para garantir que uma página web seja exibida adequadamente em dispositivos de diferentes tamanhos de tela?


A

Definição de tamanhos fixos para elementos.


B

Implementação de scripts server-side.


C

Uso de tabelas para layout.


D

Aplicação de CSS responsivo.


E

Utilização de imagens fixas.

Bootstrap é um framework CSS que acelera o desenvolvimento de interfaces responsivas e compatíveis com múltiplos dispositivos, fornecendo componentes prontos, como botões, menus e grades.


C

Certo


E

Errado

O Bootstrap é um framework muito utilizado no desenvolvimento de interfaces web modernas e responsivas. Sobre como o Bootstrap permite a criação de layouts responsivos, assinale a alternativa correta.


A

Diferentes estilos para cada tamanho de dispositivo são aplicados usando classes como col-sm-*, col-md-*, col-lg-*, etc.


B

A responsividade no Bootstrap depende exclusivamente de componentes JavaScript.


C

O Bootstrap ignora o tamanho da tela e usa larguras fixas por padrão.


D

O Bootstrap facilita a criação de layouts voltados para um tamanho de tela específico, exigindo que o desenvolvedor defina previamente qual dispositivo alvo, já que os layouts não se ajustam automaticamente a diferentes tamanhos de tela.


E

A classe container aplica margens negativas para expandir o conteúdo da página horizontalmente.

Durante uma atividade didática com alunos do ensino médio, o professor de informática solicitou que eles descrevessem as etapas fundamentais do processo de inicialização (boot) de um sistema computacional, desde o acionamento até a ativação do ambiente de trabalho digital. Com base nesse processo, assinale a afirmativa INCORRETA.


A

O processo de inicialização começa com a energização do sistema e a execução de instruções básicas gravadas em um firmware não volátil.


B

O processo de boot depende diretamente da arquitetura gráfica instalada, que deve ser validada antes de qualquer outra funcionalidade ser acionada.


C

Testes automáticos realizados nos primeiros segundos de funcionamento têm por objetivo verificar a integridade dos componentes essenciais do hardware.


D

Uma das funções do processo de inicialização é localizar, no armazenamento principal, um conjunto de instruções que permitirá o carregamento e o controle das operações do sistema computacional.

O Bootstrap substitui a necessidade de HTML e CSS, pois já fornece toda a estrutura e o estilo da página.


C

Certo


E

Errado

 
 
Gerar simulado