NEW
Font size
WorksheetsQuiz sobre Frameworks Front-end
Total questions: 34
Worksheet time: 17mins
O que é um framework front-end?
Uma biblioteca de código back-end para manipulação de banco de dados
Um conjunto de ferramentas para facilitar o desenvolvimento de interfaces de usuário
Um ambiente de desenvolvimento para criação de APIs
Um tipo de servidor web
Um framework para estilizar dados no servidor
Qual das opções abaixo NÃO é um framework front-end?
React
Angular
Vue.js
Django
Svelte
Um dos principais benefícios do uso de frameworks front-end é:
Maior controle sobre os detalhes de baixo nível do hardware
Padronização do código e reaproveitamento de componentes
A necessidade de escrever código HTML manualmente
A capacidade de acessar diretamente o sistema de arquivos do servidor
Redução do tempo de resposta do servidor
Qual framework é conhecido por usar o conceito de "Componentes"?
Angular
Vue.js
React
Ember.js
Bootstrap
Qual é a principal função de um framework CSS?
Manipular dados do servidor
Facilitar o desenvolvimento de interfaces responsivas e estilizadas
Controlar a lógica de negócios de uma aplicação
Prover conexão com bancos de dados
Gerar consultas SQL automaticamente
Qual dos seguintes frameworks é amplamente usado para criar layouts responsivos?
Bootstrap
React
Laravel
Angular
Vue.js
Um dos principais recursos do Bootstrap é:
Integração nativa com banco de dados
O uso de componentes como grids e cards para estilização rápida
A necessidade de codificação complexa em CSS puro
Controle direto sobre a memória da aplicação
O uso exclusivo de JavaScript para manipular estilos
O que é o Bootstrap?
Um framework front-end para manipulação de dados
Um framework CSS para estilização de interfaces e criação de layouts responsivos
Uma linguagem de programação
Uma ferramenta de controle de versão
Um servidor de hospedagem de sites
O sistema de grid do Bootstrap é baseado em quantas colunas?
6
8
10
12
16
No Bootstrap, o que significa a classe container-fluid?
Um container que ocupa a largura total da página, independente do tamanho da tela
Um container que é fixo em 1200px de largura
Um container que ajusta seu tamanho com base em uma resolução mínima de 768px
Um container que possui uma largura fixa em dispositivos móveis
Um container que é usado para layouts flexíveis apenas em tablets
Qual das classes do Bootstrap é usada para centralizar texto?
text-justify
text-center
text-left
text-start
text-right
Qual das seguintes é uma classe de botão padrão no Bootstrap?
btn-default
btn-basic
btn-primary
btn-main
btn-main
Como você cria uma imagem responsiva usando Bootstrap?
Adicionando a classe img-flex
Usando a classe img-responsive
Adicionando a classe img-fluid
Usando a classe image-adaptive
Não é possível criar imagens responsivas no Bootstrap
Para esconder um elemento em telas pequenas no Bootstrap, qual classe você deve usar?
d-none d-sm-block
hide-xs
d-xs-hide
d-md-none
d-lg-none
Qual das opções a seguir é uma classe Bootstrap para criar um layout responsivo com colunas em telas grandes (a partir de 992px)?
col-xs-4
col-md-6
col-lg-12
col-sm-8
col-xl-4
Como adicionar uma barra de navegação (navbar) fixa no topo da página usando Bootstrap?
Usar a classe navbar-fixedtop
Usar a classe navbar-static-top
Usar a classe fixed-top
Usar a classe nav-top-fixed
Usar a classe nav-topbar
Qual classe básica é usada para criar uma barra de navegação no Bootstrap?
nav-bar
navbar
navbar-top
nav-bar-header
nav-header
Para tornar a navbar transparente, qual das seguintes classes é apropriada?
navbar-dark
navbar-clear
bg-transparent
navbar-light
navbar-opaque
Como se define uma navbar com cor de fundo escura?
navbar-dark bg-dark
navbar-bg-dark
navbar-black
navbar-dark-bg
navbar-color-dark
Qual classe você deve usar para expandir a navbar em telas grandes, mas mantê-la colapsada em dispositivos móveis?
navbar-expand-md
navbar-expand-lg
navbar-collapse-lg
navbar-expand-xl
navbar-auto-expand
Qual componente da navbar do Bootstrap é usado para criar menus suspensos (dropdowns)?
nav-menu-dropdown
Para alinhar os itens da barra de navegação à direita, você deve usar qual classe?
nav-right
align-right
ml-auto
float-right
nav-align-right
Qual é a função do componente navbar-toggler no Bootstrap?
Criar um botão para colapsar e expandir a navbar em telas pequenas
Alinhar a barra de navegação ao centro
Alternar o tema claro ou escuro da navbar
Ajustar o tamanho da barra de navegação
Desabilitar a navbar em dispositivos móveis
Para tornar uma barra de navegação colapsável, o que você deve usar?
navbar-collapse junto com navbar-expand
Apenas navbar-expand
Apenas navbar-toggle
Apenas navbar-collapse
navbar-collapsed junto com navbar-expand
Qual classe do Bootstrap 5 é usada para criar botões que preenchem a largura total de um container?
btn-block
btn-fullwidth
btn-fill
w-100
btn-fluid
Qual componente do Bootstrap 5 é utilizado para criar um carrossel de imagens?
carousel-slider
carousel-container
image-slider
carousel
img-carousel
No Bootstrap 5, qual das classes abaixo remove automaticamente as margens e o preenchimento (padding) de um elemento?
m-auto
p-none
m-0 p-0
no-padding
mx-0 my-0
Para exibir ícones no Bootstrap 5, você deve utilizar qual biblioteca recomendada?
Bootstrap Icons
FontAwesome
Material Icons
Iconify
HeroIcons
Qual classe é usada para centralizar o conteúdo de uma coluna dentro de um sistema de grid no Bootstrap 5?
align-center
text-middle
d-flex justify-content-center
center-col
justify-middle
Qual classe do Bootstrap é usada para adicionar sombra a um card?
card-shadow
shadow-sm
card-box-shadow
shadow-lg
shadow-card
Qual das classes a seguir é usada para esconder um elemento em todas as telas, exceto em telas grandes (a partir de 1200px)?
d-none d-lg-block
d-md-block d-xl-none
d-none d-xl-block
d-lg-none d-xl-block
d-lg-hide
Qual é o propósito da classe form-control no Bootstrap?
Estilizar elementos de formulário, como inputs e selects
Adicionar validação automática em formulários
Criar um grid para formulários
Melhorar a performance de envio de formulários
Garantir responsividade para formulários apenas em dispositivos móveis
Para espaçamento vertical entre os elementos, qual classe Bootstrap deve ser usada?
p-3
m-vertical
my-3
mx-auto
p-vertical
No Bootstrap, o que faz a classe g-3 em um sistema de grid?
Adiciona um espaçamento entre as colunas de 3px
Define o espaçamento entre colunas em 3 unidades (rem)
Cria uma grade de 3 colunas
Define um espaçamento de margem esquerda de 3%
Ajusta a largura das colunas para 3/12 da tela
