As 25 principais perguntas e respostas da entrevista Bootstrap (2024)

Aqui estão as perguntas e respostas da entrevista do Bootstrap para calouros e também para candidatos experientes de desenvolvedor front-end para conseguir o emprego dos sonhos.


1) Explique o que é Bootstrap?

Bootstrap é uma estrutura HTML, CSS e JS para construir aplicativos da web ricos com o mínimo de esforço. Esta estrutura enfatiza mais a construção de aplicativos da web móveis.

Download gratuito de PDF: Perguntas e respostas da entrevista Bootstrap


2) Explique por que escolher o Bootstrap para construir os sites?

Existem alguns motivos pelos quais escolhemos o Bootstrap para construir sites

  • Suporte Móvel: para dispositivos móveis, oferece suporte completo em um único arquivo, em vez de em um arquivo separado. Ele suporta o design responsivo, incluindo o ajuste do APF com base nos diferentes tipos de dispositivo, tamanho da tela, etc. Reduz o esforço extra dos desenvolvedores.
  • Fácil de aprender: Escrever aplicativos em bootstrap é fácil se você conhece CSS e HTML
  • Suporte de Navegador: Suporta todos os navegadores populares como Firefox, Opera, Safari, IE etc.

3) Quais são os principais componentes do Bootstrap?

Os principais componentes do Bootstrap são

  • CSS: Ele vem com muitos arquivos CSS
  • Andaimes: Ele fornece uma estrutura básica com sistema de grade, estilos de link e plano de fundo
  • Componentes de layout: Lista de componentes de layout
  • Plug-ins JavaScript: Contém muitos jQuery e plug-ins JavaScript
  • Customizar : Para obter sua própria versão do framework, você pode personalizar seus componentes

4) Explique o que são carregadores de classes no Bootstrap?

O carregador de classes faz parte do JRE (Java Runtime Environment) que carrega classes Java no ambiente virtual Java. Os carregadores de classes também realizam o processo de conversão de uma classe nomeada em sua forma binária equivalente.


5) Quais são os tipos de layout disponíveis no Bootstrap?

No Bootstrap existem dois tipos de Layout disponíveis

  • Layout fluido: O layout fluido é usado quando você deseja criar um aplicativo com 100% de largura e ocupar toda a largura da tela
  • Layout Fixo: Para uma tela padrão você usará a opção de layout fixo (940 px)
Perguntas da entrevista de inicialização
Perguntas da entrevista de inicialização

6) Explique o que é Bootstrap Grid System?

Para criar o layout da página por meio de uma série de linhas e colunas que abrigam seu conteúdo, é usado o Bootstrap Grid Sytem.


7) O que são colunas de deslocamento no Bootstrap?

Para layouts mais especializados, os deslocamentos são um recurso útil. Para obter mais espaçamento, eles podem ser usados ​​empurrando a coluna.

Por exemplo, .col-xs=* classes não suportam deslocamento, mas são facilmente replicados usando uma célula vazia


8) O que é ordenação de colunas no Bootstrap?

A ordenação de colunas é um dos recursos disponíveis no bootstrap e você pode facilmente escrever colunas em uma ordem e mostrá-las em outra. Com .col-md-push-* e .col-md-pull-*

a ordem da coluna pode ser facilmente alterada.

Perguntas e respostas da entrevista Bootstrap
Perguntas e respostas da entrevista Bootstrap

9) Qual função você pode usar para agrupar o conteúdo de uma página?

Para quebrar o conteúdo de uma página, você pode usar .recipiente e com isso você também pode centralizar o conteúdo.


10) Explique o que é paginação no bootstrap e como elas são classificadas?

Paginação é o tratamento de uma lista não ordenada por bootstrap. Para lidar com a paginação, o bootstrap fornece as seguintes classes

  • .paginação: Para obter paginação em sua página você deve adicionar esta classe
  • .desativado, .ativo: Personalize links com .disabled para links que não podem ser clicados e .active para indicar a página atual
  • .paginação-Ig, .paginação-sm: Use essas classes para obter itens de tamanhos diferentes

11) Qual a utilidade do Jumbotron no Bootstrap?

No bootstrap, Jumbotron é geralmente usado para conteúdo que você deseja destacar como algum slogan ou título de marketing, etc. em outras palavras, é usado para aumentar o tamanho dos títulos e adicionar uma margem para o conteúdo da página de destino

Para usar o Jumbotron no Bootstrap

  • Crie um contêiner com a classe de .jumbotron

12) Qual a diferença entre Bootstrap e Foundation?

Bootstrap Fundação
– Bootstrap oferece um número ilimitado de elementos de UI – Na Foundation UI as opções de elementos são muito limitadas em números
– Bootstraps usa pixels – REMs de uso da fundação
– Bootstrap incentiva o design para desktop e dispositivos móveis. – A Fundação incentiva o design móvel primeiro
– Bootstrap suporta LESS como seu pré-processador – Apoio da Fundação Sass e Compass como seu pré-processador

 


13) No Bootstrap quais são as duas maneiras de exibir o código?

No bootstrap você pode exibir o código de duas maneiras

  • tag : Se você for exibir o código inline, você deve usar tag
  • marcação: Se você deseja exibir o código como um elemento de bloco independente ou se ele possui várias linhas, você deve usar marcação

14) Explique quais são as etapas para a criação de formulários básicos ou verticais?

As etapas para criar formulários básicos ou verticais são

  • Adicionar uma função formulário para o pai elemento
  • Envolva rótulos e controles em um com classe .form-grupo. Para obter o espaçamento ideal, isso é necessário
  • Adicione uma classe de .form-control para todas as texturas , e <select> elementos

15) Explique para que serve o plugin Modal no Bootstrap?

Um modal é uma janela filho colocada em camadas sobre sua janela pai. Usando um plug-in Jquery personalizado, o Bootstrap Modal é criado. Para enriquecer a experiência do usuário e adicionar funcionalidade aos usuários, janelas modais são criadas com a ajuda do plugin Modal.


16) Explique o que é Bootstrap Container?

O contêiner Bootstrap é uma classe útil e cria uma área centralizada dentro da página onde o conteúdo do nosso site pode ser colocado. A vantagem do bootstrap .container é que ele é responsivo e colocará todos os nossos outros códigos HTML.


17) Explique o que são elementos recolhidos do Bootstrap?

Os elementos de recolhimento do Bootstrap permitem recolher qualquer elemento específico sem escrever nenhum código JavaScript ou a marcação de acordeão. No Bootstrap, para aplicar elementos recolhíveis, você deve adicionar data-toggle= “collapse” ao elemento controlador junto com um data-target ou href para atribuir automaticamente o controle de um elemento recolhível. Da mesma forma, você pode usar .collapse (opções), .collapse ('mostrar') ou .collapse ('ocultar')


18) Explique o que é grupo de listas no Bootstrap e para que serve?

Grupos de listas são componentes para exibir elementos simples e complexos com conteúdo personalizado

Por exemplo, um grupo de lista simples é criado usando a classe .list-grupo para endereçar a lista e class .list-group-item para endereçar item individual.


19) Como você pode adicionar um crachá ao grupo de listas no Bootstrap?

Para adicionar um emblema ao grupo de listas no Bootstrap, basta adicionar dentro do elemento.


20) Explique o que é objeto de mídia no Bootstrap e quais são seus tipos?

Objetos de mídia no Bootstrap permitem colocar objetos de mídia como imagem, vídeo ou áudio à esquerda ou direita dos blocos de conteúdo. O elemento de mídia pode ser criado usando a classe .meios de comunicação e a fonte é especificada usando a classe .objeto de mídia. Os objetos de mídia são de dois tipos,

Eles são de dois tipos

  • .meios de comunicação
  • .media-list

21) Explique bem o que é Bootstrap?

Bootstrap bem é um contêiner isso faz com que o conteúdo pareça afundado ou com efeito de inserção na página. Para criar um poço, envolva o conteúdo que você gostaria que aparecesse no poço com um contendo a classe de .well.

 


22) Explique como você pode criar elementos Nav no Bootstrap?

Bootstrap oferece várias opções para estilizar elementos de navegação, todos eles usam a mesma marcação e classe base .nav.

Para criar navegação tabular ou guias

  • Comece com uma lista básica não ordenada com a classe base de .nav
  • Em seguida, adicione classe .nav-tabs

23) Explique para que serve o plugin Bootstrap Carousel?

O plugin Carousel é usado para adicionar um controle deslizante ao seu site. É útil quando você deseja exibir uma grande quantidade de conteúdo em um pequeno espaço nas páginas da web. Alguns dos carrosséis padrão incluem

  • .carousel (opções)
  • .carousel ('ciclo')
  • .carousel ('pausa')
  • .carousel ('número')
  • .carousel ('anterior')
  • .carousel ('próximo')

Essas perguntas da entrevista também ajudarão em sua viva (oral)

Partilhar

14 Comentários

  1. Avatar reddu reddy diz:

    ERRO TCPDF: Defina explicitamente o caminho do atributo de ação!

    Não consigo baixar o PDF

    1. Infelizmente, o PDF não funcionará neste artigo

  2. Avatar sateesh murapaka diz:

    Bootstrap não é apenas um framework JS. É como uma definição “Bootstrap é a estrutura HTML, CSS e JS mais popular para o desenvolvimento de projetos responsivos e móveis na web”. Por favor corrija isso.

    1. Você está certo! Mudanças feitas

  3. sim, por favor, mude a primeira linha, não a estrutura js

  4. Avatar Smarts Technologies. com. diz:

    perguntas de entrevista muito interessantes

  5. Avatar Tanmay Das diz:

    corrija a primeira questão. Bootstrap não é uma estrutura comum, é uma estrutura HTML, CSS e JS e também é usada para criar design e layout responsivos.

  6. Avatar Shobhit Kumar diz:

    4) Explique o que são carregadores de classes no Bootstrap?
    O conceito de carregadores de classe não está relacionado ao bootstrap do Twitter, pois este é um ambiente do lado do cliente.
    Eu acredito que faz parte do ambiente java

  7. Avatar Sandeep Banerjee diz:

    Essa informação foi realmente boa, pois o feed será um bom começo para iniciantes.

  8. Guia extremamente bom para as pessoas

Deixe um comentário

O seu endereço de e-mail não será publicado. Os campos obrigatórios são marcados com *