Top 25 de întrebări și răspunsuri la interviu Bootstrap [pentru cei proaspăți și cu experiență]

Dacă sunteți un dezvoltator web mobil, probabil că ați auzit deja de Bootstrap și de semnificația acestuia în construirea unei interfețe de utilizare rapidă, receptivă și proiectată estetic. Este prioritatea fiecărei afaceri astăzi să ofere o interfață de utilizator intuitivă și flexibilă și o experiență de utilizator (UI/UX). Și Bootstrap te ajută să faci exact asta!

Deoarece companiile sunt dornice să dezvolte un design front-end reglabil pentru dispozitive de diferite dimensiuni de ecran, a fi calificat la Bootstrap astăzi merită un salariu uriaș.

Deci, dacă începi o carieră tehnică sau dorești o poziție superioară, iată câteva dintre cele mai frecvente întrebări și răspunsuri la interviul Bootstrap pentru a te ajuta să obții acel job de vis. Așa că, fără alte prelungiri, să începem!

Top 25 de întrebări și răspunsuri la interviu Bootstrap

Întrebarea 1: Ce este Bootstrap?

Bootstrap este un cadru front-end extrem de receptiv și ușor de utilizat, folosit pentru a crea aplicații web cu HTML, CSS și JS. Are un aspect rapid și intuitiv în beneficiul utilizatorilor săi. Bootstrap permite utilizatorilor să construiască interfețe de utilizator clare și estetice pentru aplicații mobile, folosind șabloane de design existente. Caracteristicile sale includ meniuri derulante, butoane, formulare, glificonuri și fila Alerte, pentru a numi câteva.

Întrebarea 2: Care sunt componentele cheie ale Bootstrap?

Bootstrap este încărcat cu o serie de componente care fac loc unei experiențe excelente pentru utilizator. Acestea includ funcții interactive precum ferestre pop-up, meniuri drop-down, bare de navigare, butoane, formulare, alerte etc.

Următoarele sunt componentele cheie ale Bootstrap:

1. Pluginuri JS: aici sunt pluginurile JS și jQuery
2. Personalizare: folosit pentru a personaliza cadrele
3. CSS: include fișiere CSS
4. Schele: conține un sistem de grile, stiluri de fundal etc

Întrebarea 3: Ce face Bootstrap o opțiune eficientă pentru dezvoltarea mobilă și web?

Aspectul rapid și ușor de utilizat al Bootstrap permite o dezvoltare mai rapidă a aplicațiilor mobile și web. Șabloanele de design incluse sunt foarte receptive și se adaptează automat la diferite dimensiuni de ecran, fără a compromite esența unei pagini web.

Întrebarea 4: Care sunt diferitele caracteristici ale Bootstrap?

Următoarele sunt câteva caracteristici ale Bootstrap:

– Este o platformă gratuită, open-source; permite dezvoltatorilor să contribuie la îmbunătățirea acestuia.

– Bootstrap este rapid, receptiv și extrem de ușor de utilizat

– Este compatibil pentru utilizare cu toate browserele

– Bootstrap are o bibliotecă bogată de modele și șabloane din care să alegeți

Întrebarea 5: Ce sunt glificonurile?

Glificonurile din Bootstrap sunt pictograme formatate cu font care sunt folosite pentru a indica acțiuni precum avertizare, ștergere, mărire, editare etc. Există aproximativ 200 de astfel de pictograme conținute într-o clasă individuală.

Sintaxa pentru utilizarea acestor glificonuri este:

<p><span class = „glyphicons glyphicon-pencil”></span></p>

Întrebarea 6: Explicați meniurile derulante și grupurile de butoane în Bootstrap.

Un meniu derulant este un meniu de comutare dinamic care conține o listă de elemente legate sub el. Este unul dintre cele mai curate elemente de design ale unui site web.

Sintaxa pentru a utiliza aceste meniuri derulante este:

<div class= „dropdown”><!– ai lista ta în aceasta cu clasa .dropdown-menu –></div>

Grupurile de butoane sunt o serie de butoane plasate într-o manieră adiacentă. Această componentă Bootstrap necesită ca elementele de diviziune cu clasa .btn-group să fie definite mai întâi. După aceea, elementele butonului sunt imbricate folosind clasa.btn.

Sintaxa este următoarea:

<div class=“btn-group”><button class= “btn”>Corect</button></div>

<div class=“btn-group”><button class= “btn”>Greșit</button></div>

Folosind cele două componente de mai sus, puteți crea o componentă nouă numită Button Dropdown, care vă va permite să declanșați un dropdown folosind un element buton.

Sintaxă:

<button class = „btn-default dropdown-toggle”><!— componenta dropdown merge aici –></button>

Întrebarea 7: Ce sunt grupurile de intrare?

Grupurile de intrare este o extensie a clasei de control al formularului care vă permite să adăugați un șir de text sau să includeți butoane pe una dintre laturile unui câmp de introducere.

Clasa .input-group și .input-group-addon sunt folosite împreună pentru a implementa un Input Group.

Sintaxă:

<div class="grup de intrare">

<span class="input-group-addon” id="basic-addon1″>@</span>

<input type=”text” class=”form-control” placeholder=”Username” aria-describedby=”basic-addon1″>

</div>

Întrebarea 8: Care sunt cele patru clase contextuale de folosit cu bara progresivă a lui Bootstrap.

Următoarele sunt cele patru clase contextuale care sunt utilizate cu bara progresivă a Bootstrap:

1. Progres-succes
2. Informații despre progres
3. Avertizare de progres
4. Progres-pericol

Întrebarea 9: Câte stiluri diferite de butoane există în Bootstrap? Ce sunt ei?

Există 7 stiluri diferite în care poate fi folosit butonul Bootstrap. Acestea sunt după cum urmează:

1. .btn-info
2. .btn-avertisment
3. .btn-pericol
4. .btn-succes
5. .btn-link
6. .btn-primar
7. .btn-implicit

Întrebarea 10: Explicați alertele Bootstrap.

Alertele bootstrap sunt folosite la crearea mesajelor de alertă presupuse. Acest lucru se face în principal pentru a stila mesajele, astfel încât acestea să pară mai vizibile pentru un utilizator.

Următoarele sunt cele patru clase de alerte:

1. .alerta-succes
2. .alerta-info
3. .alerta-avertisment
4. .alerta-pericol.

Întrebarea 11: Cum se creează un formular vertical sau de bază în Bootstrap?

Următorii sunt pașii pentru a crea un formular de bază vertical în Bootstrap:

Pasul 1: La elementul părinte <form>, adăugați un formular de rol.

Pasul 2: Adăugați etichete și controale în interiorul unui <div> cu class.form-group

Pasul 3: Adăugați clasa .form-control la fiecare URL de text <input>, toate elementele <textarea> precum și <select>.

Întrebarea 12: Ce este paginarea în Bootstrap?

După cum sugerează eticheta, Pagination vă permite să împărțiți conținutul site-ului dvs. în pagini diferite pentru a ușura navigarea.

Sintaxă:

<ul class = „paginare”><!—Elementele listei merg aici –></ul>

Întrebarea 13: Ce este un container Bootstrap?

Containerul bootstrap este în esență un container pentru adăugarea unui cod HTML. Acest site container devine apoi o parte a paginii unde poate fi adăugat conținutul. Acest lucru vă face interfața de utilizare mai rapidă și mai receptivă.

Citiți și Bootstrap vs Material UI

Întrebarea 14: enumerați oricare trei componente ale Bootstrap.

1. Bara de navigare: acționează ca un antet pentru navigarea pe site-ul dvs. web

Sintaxă: <nav class = „navbar”><!—Codați elementele DOM de navigare –></nav>

2. Jumbotron: se comportă ca o fereastră de vizualizare; poate presupune ecran complet pentru a se concentra asupra unui conținut cheie

Sintaxă: <div class = „jumbotron”><!—Scrieți conținutul dvs. în elementele DOM aici –></div>

3. Bare de progres: afișează feedback care evidențiază progresul unei acțiuni

Sintaxă: <div class=”progress-bar” role=”progressbar” aria-valuenow=”60″ aria-valuemin=”0″ aria-valuemax=”100″ style=”width: 60%;”>

Întrebarea 15: Care sunt cele două tipuri de layout-uri în Bootstrap?

1. Dispunerea fluidelor
2. Aspect fix

Întrebarea 16: Ce este Fluid Layout?

Fluid Layout este o caracteristică utilă atunci când lățimea totală a ecranului trebuie utilizată în design. Când alegeți această opțiune, aspectul se ajustează în funcție de dimensiunea browserului.

Întrebarea 17: Ce este aspectul fix?

Un aspect fix este diferit de aspectul fluid, astfel încât nu se ajustează în funcție de dimensiunea browserului. Cu toate acestea, este încă rapid și receptiv la 940px.

Întrebarea 18: Ce este Pluginul Modal în Bootstrap?

O fereastră moștenită plasată ca strat peste fereastra părinte este cunoscută sub numele de fereastra modală. Această fereastră adaugă valoare experienței utilizatorului, făcând-o funcțională. Pluginul folosit pentru a crea ferestre modale se numește plugin modal.

Întrebarea 19: Care sunt elementele de restrângere Bootstrap?

Puteți restrânge orice element Bootstrap fără cod JavaScript. Acest lucru se poate face adăugând data-toggle= ”colapse” la elementul controler. De asemenea, ținta de date este inclusă pentru a-i oferi controlul pentru a restrânge elementul.

Pentru a utiliza această caracteristică Bootstrap, utilizați .collapse(opțiuni).

Întrebarea 20: Definiți bine un Bootstrap?

Bootstrap Well este similar cu containerul Bootstrap și ajută conținutul să arate mai suprimat și mai curat pe pagină. Poate fi folosit și pentru a încheia conținutul prin adăugarea clasei .well.

Întrebarea 21: Ce este pluginul Carusel în Bootstrap.

Pluginul Carousel vă permite să creați glisoare pe paginile dvs. web. Glisoarele permit blocurilor mari de conținut să fie îngropate într-un spațiu mic pe pagină.

Câteva pluginuri carusel pe care le puteți folosi sunt:

.carusel(opțiuni)

.carusel('pauză')

.carusel(ciclu')

.carusel('prev')

.carusel('următorul')

Întrebarea 22: Explicați rezultatul următorului cod.

<div class="progres">

<div class="progress-bar progress-bar-success" style="width: 65%">

<span class="sr-only”>75% finalizat cu succes</span>

</div>

<div class="progress-bar progress-bar-warning" style="width: 20%">

<span class="sr-only”>30% completat cu avertismente</span>

</div>

<div class="progress-bar progress-bar-danger" style="width: 15%">

<span class="sr-only”>15% nu au fost finalizate</span>

</div>

</div>

Răspuns: Rezultatul codului de mai sus va afișa un rezultat complet completat pe bara de progres. Acest lucru se datorează faptului că Bootstrap adună mai multe bare într-o singură bară atunci când este plasat în același element părinte de progres. De asemenea, suma totală a barei de progres este de 100%.

Întrebarea 23: Indicați codurile utilizate pentru afișarea codului în Bootstrap?

Răspuns: Există două coduri utilizate pentru afișarea codului. Sunt:

1. eticheta <code>
2. eticheta <pre>

Întrebarea 24: Explicați Normalize în Bootstrap.

Bootstrap Normalize este o caracteristică a Bootstrap, folosind un fișier CSS mic pentru a crește consistența între browsere.

Întrebarea 25: Care este metoda de personalizare a linkurilor de paginare în Bootstrap?

Utilizați .disabled pentru link-urile pe care nu se poate face clic și utilizați .active pentru a face referire la pagina curentă.

Checkout: Bootstrap vs Material UI

Învață cursuri de software online de la cele mai bune universități din lume. Câștigă programe Executive PG, programe avansate de certificat sau programe de master pentru a-ți accelera cariera.

Concluzie

Sperăm că aceste întrebări și răspunsuri v-au ajutat să vă îmbunătățiți cunoștințele despre Bootstrap. Mult succes cu acel interviu!

Dacă sunteți interesat să aflați mai multe despre dezvoltarea de software full-stack, consultați programul Executive PG de la upGrad și IIIT-B în dezvoltarea de software full-stack, care este conceput pentru profesioniști care lucrează și oferă peste 500 de ore de formare riguroasă, peste 9 proiecte și misiuni, statutul de absolvenți IIIT-B, proiecte practice practice și asistență pentru locuri de muncă cu firme de top.