Top 25 de întrebări și răspunsuri pe care trebuie să le cunoașteți la interviul pentru dezvoltatori web

Dezvoltatorii web continuă să fie solicitați pe măsură ce Internetul continuă să crească. Totuși, pentru a obține postul, trebuie mai întâi să scalați sesiunea de interviu a angajatorului.

Deși echipele mai mari tind să angajeze fie dezvoltatori front-end, fie back-end, echipele mai mici și startup-urile vor opta adesea pentru dezvoltatori full-stack. Deci, este util să știi cât de multe poți.

Următoarea este o listă a celor mai importante 25 de întrebări de interviu pentru dezvoltatori web și răspunsurile acestora pentru a vă ajuta să vă pregătiți.

1. Care sunt rolurile HTML, JavaScript și CSS în dezvoltarea web?

HTML înseamnă HyperText Markup Language și este limbajul standard pentru dezvoltarea documentelor de publicat pe web. JavaScript și CSS sunt extra.

JavaScript a fost conceput inițial ca un limbaj de programare pe partea clientului, se execută în browser pentru a produce mai multe funcționalități în pagina web. CSS înseamnă Cascading Style Sheets și este folosit pentru prezentarea elementelor pe ecran.

2. Ce este Responsive Web Design

Designul web responsiv este o abordare de dezvoltare web care urmărește să creeze cea mai bună experiență pentru un utilizator prin adaptarea aspectului site-ului web în funcție de dispozitivul sau mediul utilizatorului respectiv.

Scopul este ca site-ul web să arate bine pe toate dispozitivele și acest lucru implică schimbări dinamice care fie reduc pe măsură ce măriți dimensiunile casetei și aliniere în funcție de dimensiunea sau orientarea ecranului dispozitivului.

3. Care sunt beneficiile utilizării unui cadru?

Există multe beneficii în utilizarea unui cadru în dezvoltarea unei aplicații web. Cele mai importante sunt următoarele:

1. Proces de dezvoltare mai ușor cu cele mai bune practici.
2. Dezvoltarea mai rapidă cu proiecte inițiale economisește timp.
3. Utilizarea unui cod testat.
4. Adesea oferă o securitate mai bună.
5. Economisește costuri, mai ales în cazul proiectelor mai mari.

4. Ce este un apel invers JavaScript?

Un callback JavaScript este o funcție care ar trebui să fie executată după o altă funcție. Numele și argumentele funcției de apel invers pot fi transmise ca argumente primei funcție, plus prima funcție poate transmite și argumente intern funcției de apel invers care sunt rezultatul calculelor acesteia.

Funcțiile de apel invers sunt utilizate cel mai bine cu funcțiile asincrone care trebuie să aștepte ca alte funcții să termine prima execuție.

5. Explicați domeniul de aplicare local vs global în JavaScript

Variabilele definite sunt scrise în cuvinte și acestea au sens doar în contextul potrivit. Domeniul de aplicare local și global se referă la acest context de variabile definite. O variabilă globală trebuie definită în afara unei funcții, în timp ce variabilele locale sunt definite în interiorul unei funcții.

Astfel, o variabilă globală are sferă globală, ceea ce înseamnă că poate fi accesată de oriunde în program. O variabilă locală, totuși, are un domeniu de aplicare local și asta înseamnă că poate fi accesată doar din interiorul funcției.

6. Explicați Z-Index în CSS

Indicele z este o proprietate a elementului care este utilizată pentru a defini ordinea stivei elementului. Ordinea stivei se referă la capacitatea unui element de a fi fie în spatele, fie în fața altor elemente, la fel ca un teanc de cărți.

Elementele cu ordine de stivă mai mare apar în fața elementelor cu ordine de stivă mai mică. În acest context, oferind unui element o ordine de stivă de 2 sau 100 garantează că se va afișa deasupra tuturor celorlalți pe o pagină. În mod similar, o pagină fără ordine de stivă specificate va stivui elementele de jos din sursă mai sus decât cele de sus.

7. Ce este Marquee în HTML?

Marque este o etichetă de container în HTML, care este folosită pentru a afișa textul derulant. Vă permite să controlați direcția de derulare, precum și viteza. Marquee este totuși depreciat în HTML5 și vi se recomandă să utilizați în schimb CSS.

Exemplu de defilare cu marcaj:

Text de defilare a marcajului

8. Enumerați modalitățile majore de a reduce timpul de încărcare a paginii

Există mulți pași pe care un dezvoltator îi poate face pentru a îmbunătăți timpul de încărcare a unei pagini, cei mai importanți sunt:

• Optimizați imaginile și reduceți dimensiunea acestora
• Scapa de widget-urile inutile
• Reduceți căutările la minimum
• Găzduiește site-ul pe o gazdă decentă
• Utilizați pagini mobile accelerate sau site-uri statice
• Imagini de încărcare leneșă
• Minimizează-ți codul

9. Care sunt diferențele dintre pânză și SVG?

SVG înseamnă Scalable Vector Graphics și eticheta este un element container pentru crearea de elemente grafice, cum ar fi un cerc, o cutie, o elipsă și așa mai departe. Puteți modifica SVG utilizând CSS sau JavaScript și fiind scalabil înseamnă că funcționează bine pentru ieșiri de înaltă rezoluție.

The containerul, pe de altă parte, este bazat pe raster și nu este scalabil. Este, de asemenea, folosit pentru crearea de grafică, dar este modificabil numai prin JavaScript. Totuși, este mai eficient la manipularea unui număr mai mare de obiecte.

10. Cum se face Null Diferă de Nedefinit?

Null este o reprezentare fără valoare. În general, este folosit ca deținător de plasare pentru a inițializa o variabilă definită căreia nu i-a fost atribuită o valoare reală. Nedefinit, pe de altă parte, se referă la o variabilă definită care nu a fost inițializată.

În JavaScript:

var variabilăA;

var variabilăB = nul;

alertă(variabilăA); //afișează nedefinit

alertă(variabilăB); //afișează nul

11. Cum diferă ID-ul de clasă?

ID-ul și clasa sunt două metode de identificare și manipulare a elementelor dintr-un document HTML. Totuși, diferența majoră dintre cele două este că ID-ul trebuie să fie unic. Cu alte cuvinte, două elemente nu pot împărtăși același ID, dar două sau mai multe elemente pot împărtăși aceeași clasă.

Un ID este folosit pentru a gestiona anumite elemente, în timp ce o clasă este folosită pentru a gestiona un grup de elemente care au una sau mai multe trăsături comune.

12. Cum îmbunătățiți caracteristicile de securitate ale unui site web?

Câțiva pași pe care îi puteți face pentru a îmbunătăți securitatea unui site web includ:

1. Aplicarea unei politici puternice de parole. Aceasta înseamnă să verificați dacă o parolă selectată are peste 8 caractere și conține cifre, caractere speciale și caractere majuscule și minuscule.
2. Utilizarea captcha sau a oricărei măsuri anti-bot.
3. Folosind metode de autentificare cu doi factori sau cu mai mulți factori, cum ar fi OTP-uri (One-Time-Passwords) și dongle hardware, acolo unde este necesar.
4. Utilizarea unei gazde cu protecție DDoS și funcții de backup automat.

13. Cum diferă localStorage de sessionStorage?

Sistemele localStorage și sessionStorage permit unui dezvoltator să stocheze date într-un browser web. Cu toate acestea, localStoarage este persistent, în timp ce sessionStorage nu este. Cu alte cuvinte, datele stocate în localStorage vor fi disponibile în browser pe mai multe sesiuni, în timp ce datele stocate în sessionStorage sunt șterse odată ce fila browserului se închide.

14. Listați îmbunătățirile HTTP2.0 față de HTTP 1.1

Protocolul HTTP/2 a fost publicat în 2015 și oferă îmbunătățiri semnificative, cum ar fi:

1. Securitate mai bună folosind binar în detrimentul textului.
2. Performanță mai bună.
3. Latență mai scăzută.
4. O mai bună gestionare a erorilor.
5. Coborâți deasupra capului.

15. Care este diferența dintre Git Pull și Git Merge?

Comanda git pull vă permite să descărcați conținut dintr-un depozit de la distanță, apoi vă actualizează depozitul local cu conținutul descărcat.

Comanda git merge, pe de altă parte, vă permite să combinați două ramuri dezvoltate separat ale aceluiași proiect. Comanda de îmbinare trebuie efectuată din ramura în care doriți să vă îmbinați, iar aceasta este de obicei ramura principală.

16. Cum diferă GET de POST și PUT?

Metoda HTML GET este folosită de un browser pentru a solicita informații de la un server, în timp ce metodele POST și PUT sunt folosite pentru a trimite informații din browser către un server.

Dar, în timp ce o solicitare POST poate adăuga pur și simplu date la o resursă de server, o solicitare PUT este folosită pentru a înlocui resursa în întregime folosind sarcina utilă a cererii.

17. Listați cele mai populare formate de schimb de date

Iată cele mai populare formate de schimb de date până în prezent:

1. XML
2. YAML
3. CSV
4. JSON
5. HTTP
6. SQL

18. Enumerați cele 3 tipuri de casete pop-up

Casetele pop-up din JavaScript sunt folosite pentru a afișa mesaje utilizatorului, pentru a solicita intrare și, uneori, pentru a face ambele. Iată cele 3 tipuri de ferestre pop-up JavaScript:

1. Caseta de alertă – Acesta afișează mesajul dvs. plus un buton „OK”.
2. Caseta de confirmare – Această casetă de dialog include atât butoanele „OK”, cât și „Anulare”, care pot afecta codul.
3. Caseta de prompt – Această casetă include o casetă de introducere a textului pentru colectarea informațiilor de la utilizator.

19. Numiți diferitele moduri de a include codul CSS

Există 3 moduri de a include CSS într-un document HTML. Sunt:

1. CSS extern – Includeți un document .css folosind în interiorul documentului etichete.
2. CSS încorporat – Includeți codul CSS în interiorul etichete, oriunde în document.
3. CSS în linie – Folosiți perechea style="CSS-property: value" în interiorul etichetelor HTML, de ex. PSquare!

20. Cum se face fereastră.încărcare Diferă de document.onload?

Window.onload este folosit pentru a executa codul JavaScript odată ce browserul a încărcat arborele DOM al paginii și alte elemente de bază, inclusiv imagini, cod CSS și scripturi.

În timp ce document.onload se execută imediat după ce DOM-ul este gata, aceasta poate însemna chiar înainte ca imaginile și bibliotecile externe să fie încărcate.

21. Cum ascundeți un element folosind CSS?

Puteți ascunde un element HTML folosind 3 metode CSS, acestea sunt:

1. Display: niciunul; – Elementul nu este nici redat, nici afișat.
2. Vizibilitate: ascuns; – Elementul este redat, dar nu este afișat.
3. Poziție: Absolută; – Elementul este redat și afișat, dar poziționat în afara zonei de afișare.

22. Care sunt cele mai bune utilizări pentru Ajax?

Ajax este o metodă de încărcare a datelor de pe un server în fundal folosind JavaScript. Are o mulțime de utilizări, cum ar fi validarea datelor, aplicațiile de chat, comentariile, filtrarea datelor, editare vizuală, sondaje și așa mai departe.

23. Enumerați câteva caracteristici noi ale CSS3

CSS3 include multe funcții moderne și utile peste CSS2, cum ar fi:

1. Colțuri rotunjite pentru cutii și imagini.
2. Animarea obiectelor.
3. Variabile și funcții pentru declarații.
4. Grid și Flexbox pentru design receptiv.
5. Degrade pentru culorile de fundal.
6. Controlul opacității folosind rgba.
7. Efect de umbră pentru casete și texte.
8. Tranziții pentru Hover și Focus pe elemente.

24. Ce noi tipuri de intrare au fost introduse în HTML5?

Tipul de intrare este valoarea pe care o dați unui element de intrare într-un document HTML.

Un exemplu este:

or

Noile tipuri de introducere HTML5 includ:

1. Data
2. Culori
3. E-mail
4. Căutare
5. Tel
6. Lună
7. Intervalul de numere
8. Lună
9. URL-ul
10. Datetime-local

25. Descrieți elementele media HTML5

HTML5 include mai multe etichete de elemente pentru a gestiona tipurile și sursele media. Sunt:

• – pentru videoclipuri MP4, WebM și Ogg.
• – pentru a defini mai multe surse în diferite formate.
• – pentru audio MP3, Ogg și WAV.
• – un container pentru a include resurse externe de la imagini la video și pagini web.
• – pentru a specifica piese de subtitrare pentru videoclipuri.

Concluzie

Ajungând la sfârșitul listei noastre cu cele mai importante 25 de întrebări de interviu pentru dezvoltatori web, puteți vedea că este nevoie de o combinație destul de mare de tehnologii pentru a fi un dezvoltator full-stack.

Deși acesta este un ghid care atinge diferitele aspecte ale jobului, nu este în niciun caz exhaustiv. Deci, depinde de tine să identifici domeniile în care nu ești clar și apoi să înveți.