Preguntes D'entrevista

Les 60 principals preguntes i respostes de l'entrevista de desenvolupadors web

2 de gener de 2022

Els desenvolupadors web solen crear i dissenyar llocs web. Són els responsables de l'aspecte i acabat del lloc. També es fan responsables dels aspectes tècnics del lloc, com la seva capacitat i rendiment, que són mesures importants de la velocitat de qualsevol lloc web i de la quantitat de trànsit que gestionarà el lloc.

Taula de continguts

El desenvolupador web és una bona carrera?

Sí, podem dir que el desenvolupament web és una bona carrera. Segons investigacions recents, el desenvolupador web era la feina més demandada en tecnologia i també una de les feines més ben pagades. Tal com va afirmar l'Oficina de Treball dels Estats Units, s'espera que el mercat laboral de desenvolupadors web creixi un 15 per cent el 2026.

Si esteu cercant Preguntes i respostes d'entrevistes per a desenvolupadors web, sou a la pàgina correcta. Assegureu-vos de revisar totes les preguntes de l'entrevista de desenvolupadors web.

Preguntes i respostes principals de l'entrevista de desenvolupadors web

1. Enumera les responsabilitats clau d'un desenvolupador web?

Responsabilitats:

  1. Comandament en HTML, CSS, PHP, JavaScript i altres llenguatges de codificació de disseny web rellevants
  2. Haurien de saber crear i provar aplicacions per a llocs web.
  3. Col·laborar
  4. Presentar les especificacions de disseny.
  5. Treballar amb gràfics i altres dissenyadors.
  6. Resoldre els problemes del lloc web si n'hi ha.
  7. Mantenir i actualitzar els llocs web.
  8. Superviseu el trànsit del lloc web.
  9. Estigueu al dia de la tecnologia.

2. Enumereu els quatre tipus diferents de pseudo-classes?

Una pseudo-classe en CSS es pot definir com una paraula clau que s'afegeix a un selector que especificarà un estat especial de l'element seleccionat. Per exemple, el cursor s'utilitza per canviar el color del botó cada cop que el punter de l'usuari passa per sobre d'ell.

Vegeu també Les 100 millors preguntes i respostes d'entrevista Ansible

Els quatre tipus diferents de pseudo-classes són:

  1. Dinàmiques: Aquestes pseudoclasses s'apliquen a qualsevol element per definir com es mostren sempre que el cursor se situï sobre elles, o quan hi fem clic, o sempre que estiguin seleccionades.
  2. Enllaços: aquestes classes s'utilitzen per estilitzar un enllaç en el seu estat normal per defecte i quan ja l'ha visitat.
  3. Estructural: Aquestes pseudo-classes ens permetran estilitzar elements que es basen en una posició numèrica exacta d'un element.
  4. Altres: alguns elements tenen un estil diferent en funció del seu idioma o tipus d'etiqueta.

3. Diferenciar entre SOAP i REST?

SABÓ DESCANS
SOAP significa Simple Object Access Protocol.REST significa Transferència d'estat representativa.
És un protocol.És un patró arquitectònic.
Funciona amb formats XML.Pot funcionar amb text sense format, XML, HTML i JSON.
SOAP no pot fer ús de REST.REST pot fer ús de SOAP.

4. Quins idiomes han de saber els desenvolupadors web?

  1. HTML
  2. CSS
  3. SQL
  4. PHP/Ruby/Python
  5. JQuery
  6. JavaScript

5. Definiu l'espai de noms a JavaScript?

L'espai de noms es pot definir com una tècnica que s'utilitza per evitar col·lisions amb altres variables o objectes en un espai de noms global. JavaScript Realment no té suport integrat per als espais de noms com altres idiomes, i té objectes i tancaments que s'utilitzen per aconseguir un efecte similar.

6. Anomeneu els tipus d'entrada recentment introduïts a HTML5?

  1. color
  2. data
  3. Datetime-local
  4. correu electrònic
  5. mes
  6. rang numèric

7. Què és CORS?

L'ús compartit de recursos entre orígens (CORS) es pot definir com una tècnica basada en capçaleres HTTP que permetrà que un servidor indiqui qualsevol altre origen, com ara domini, esquema o port diferent del seu, des d'on un navegador permetrà carregar recursos. . Per alguns motius de seguretat, els navegadors restringeixen les sol·licituds HTTP entre orígens que s'inicien des dels scripts.

8. Com reduir el temps de càrrega de la pàgina?

Consells per reduir:

  1. Comproveu la velocitat actual del lloc web.
  2. Optimitzar les imatges.
  3. No reduïu les imatges.
  4. Comprimir i optimitzar el contingut.
  5. Posa les referències del full d'estil a la part superior.
  6. Posa les referències de script a la part inferior.
  7. Col·loqueu JavaScript i CSS als fitxers externs.
  8. Minimitzar les sol·licituds HTTP.

9. Anomena els elements del formulari que admeten contingut multimèdia en HTML5?

10. Esmenteu alguns avantatges d'HTTP/2 en comparació amb HTTP 1.1?

Avantatges:

  1. Millora del posicionament web
  2. Compressió de dades de capçaleres HTTP
  3. Priorització de la sol·licitud
  4. Menys consum de banda ampla

Preguntes i respostes de l'entrevista de desenvolupador web

11. Llista els nous elements del formulari introduïts a HTML5?

  1. – S'utilitza per generar una clau de xifratge.
  2. – S'utilitza per definir el resultat d'una expressió.
  3. – Especificarà una llista d'opcions per als controls d'entrada.
  4. – Es dirigirà en la direcció del 100% del valor màxim.
  5. – Proporciona un indicador, que mostra el valor general dins d'un rang.

12. Definiu SVG i per què s'utilitza?

SVG significa gràfics vectorials escalables, i es defineix com un format de fitxer que ens permetrà mostrar imatges vectorials al lloc web. Això vol dir que podem escalar una imatge SVG amunt i avall segons sigui necessari sense perdre res de la seva qualitat i convertint-la en una opció fantàstica per a un disseny web responsiu.

13. Definiu una ETag i com funciona?

L'etiqueta ETag o una etiqueta d'entitat forma part de l'HTTP, que és el protocol per a la World Wide Web (WWW). És una de les diverses tècniques que proporciona un HTTP per a la validació de la memòria cau web, que permetrà que un client faci sol·licituds condicionals. Un ETag és un identificador opac que el servidor web assigna a una versió específica d'un recurs que es troba en una URL.

14. Diferenciar entre Canvas i SVG?

Tela SVG
Canvas normalment dibuixa gràfics en 2D sobre la marxa (amb JavaScript).És un llenguatge per descriure gràfics 2D en XML.
Depenent de la resolució.Resolució Independent.
Té poques capacitats de representació de text.És adequat per a aplicacions amb grans àrees de renderització (Google Maps)

15. Per què fem servir Canvas en HTML?

es pot definir com un element HTML utilitzat principalment per dibuixar gràfics mitjançant scripts (normalment JavaScript). Es pot utilitzar per dibuixar gràfics, combinar fotos o crear animacions senzilles.

16. Explica l'enquesta llarga?

L'enquesta llarga es pot definir com un mecanisme en què el servidor optarà per mantenir oberta la connexió d'un client durant el màxim de temps possible i donar una resposta només quan les dades estiguin disponibles.

Vegeu també Les 100 principals preguntes i respostes de l'entrevista de JavaScript

17. Hi ha alguna mida de vora predeterminada d'un llenç?

No hi ha cap mida de vora predeterminada d'un llenç. Has d'ajustar-te amb el CSS.

18. Diferenciar els objectes localStorage i sessionStorage?

Emmagatzematge local SessionStorage
Aquí, les dades no s'eliminen quan es tanca una finestra.Aquí, l'objecte s'elimina immediatament en tancar una finestra.

19. Explica què és la DTD?

Una DTD (Document Type Definition (DTD)) defineix l'estructura, els elements legals i els atributs del document XML.

20. Diferenciar entre ID i Classes?

identificacions Classes
Cada element ha de tenir només un identificadorUtilitzem la mateixa classe en diversos elements.
Són únicsNo són únics.
Cada pàgina només ha d'haver un element amb aquest identificador.Podem utilitzar diverses classes en el mateix element.

21. Diferenciar entre CDATA i PCDATA en DTD?

CDATA PCDATA
Són dades de caràcters no analitzades i el CDATA s'utilitza sobre dades de text que l'analitzador XML no hauria d'analitzar.És una dada de caràcter analitzada. Els analitzadors XML analitzaran tot el text del document XML.

22. Anomena algunes de les noves característiques que s'introdueixen a CSS3?

  1. Cantons arrodonits
  2. Animació
  3. Disseny personalitzat
  4. Mitja volies

23. Diferenciar entre galetes i emmagatzematge local?

Galetes Emmagatzematge local
Tenen una caducitat i les dades de les galetes s'esborren al cap d'un tempsNo hi ha cap concepte de caducitat, i s'han d'eliminar manualment.
Aquí, les dades són accessibles tant al costat del client com al costat del servidor. Les dades s'enviaran al servidor amb cada sol·licitud de cookie.Aquí només es poden accedir a les dades locals del navegador. El servidor no pot utilitzar l'emmagatzematge local fins que no envia una sol·licitud al servidor mitjançant POST o GET.

24. Anomeneu les noves API proporcionades per HTML5?

  1. API de validació de restriccions
  2. API d'historial
  3. Mitjana API
  4. API de seguiment de text
  5. API de memòria cau d'aplicacions
  6. Transferència de dades de l'API
  7. API d'interacció amb l'usuari
  8. API de comandaments

25. Definiu el disseny web responsiu (RWD) en HTML i CSS?

Les pàgines web es visualitzen normalment amb molts dispositius diferents: ordinadors de sobretaula, tauletes i telèfons. Es coneix com a disseny web responsiu quan utilitzem HTML i CSS per canviar la mida, reduir, amagar, ampliar o moure el contingut per tal que es vegi bé a qualsevol pantalla.

26. Quina etiqueta s'utilitza per a un control d'entrada de text de diverses línies en HTML?

Per al control d'entrada de text de diverses línies, podem utilitzar l'etiqueta textarea.

27. Diferenciar entre valor nul i valor indefinit?

Valor NULL Valor indefinit
Null és un valor d'assignació. Aquí no hi ha cap valor. Ni tan sols zeroSense definir indica que hem declarat que una variable ha estat però encara no s'ha assignat cap valor.

28. Pots enumerar alguns dels tipus de CSS que s'utilitzen?

  1. CSS extern: S'utilitzen per importar un fitxer CSS extern al document HTML.
  2. CSS en línia: admet l'addició de CSS en línia, juntament amb elements HTML.
  3. CSS incrustat: s'utilitza principalment per afegir estils CSS mitjançant l'atribut.

29. Com fer referència al fitxer CSS a la pàgina web?

Ens referim al fitxer .CSS de la pàgina web fent ús de l'etiqueta. S'ha de col·locar entre l'etiqueta. Exemple

30. Anomena els diferents tipus de quadres emergents disponibles a JavaScript?

  1. Sol·licitud: apareixerà un quadre de diàleg que demana a l'usuari que introdueixi els botons de confirmació seguits.
  2. Alerta: només mostrarà un missatge amb un botó D'acord.
  3. Confirmar: apareixerà una finestra de missatge de confirmació amb els botons Cancel·la i D'acord.

Preguntes i respostes de l'entrevista de desenvolupador web

31. Per què fem servir un selector en CSS?

Utilitzem un selector CSS amb una regla als elements en línia que pot requerir estil. Amb els selectors, ens és fàcil trobar i seleccionar elements HTML que es basen en factors, com ara el nom, l'identificador, l'atribut, etc.

32. Diferenciar entre i ?

Aquestes divisions serveixen contingut local igual que els marcs, però aquest contingut no és independent de la pàgina.Els marcs poden carregar altres recursos mitjançant HTML.
L'etiqueta representa una divisió o una secció en un document HTML.Els marcs ens permeten mostrar més d'un document HTML a la mateixa finestra del navegador.

33. Definiu l'abast a JavaScript? Enumereu els diferents tipus d'àmbits?

L'abast en JavaScript es coneix normalment com el context actual del codi, que després determina l'accessibilitat de les variables a JavaScript.

Vegeu també Les 100 principals preguntes i respostes de l'entrevista de JavaScript

Els dos tipus de abast són locals i globals:

Global variables : Es declaren fora d'un bloc.

Variables locals: Es declaren dins d'un bloc.

34. Definiu l'agrupació en CSS3?

A CSS3, l'agrupació s'utilitza per donar a l'usuari la possibilitat de reutilitzar i aplicar el mateix element d'estil CSS a diverses entitats HTML mitjançant una sola declaració de declaració.

35. Diferenciar entre XHTML i HTML?

XHTML HTML
XHTML significa llenguatge de marques extensibleHTML significa llenguatge de marcat d'hipertext.
Les pàgines web dinàmiques són XHTML.Una pàgina web estàtica és una pàgina web HTML.
XHTML es basa en XML.HTML es basa en SGML.

36. Diferenciar els operadors ‘==’ i ‘===’?

== ===
L'operador '==' comprova el valorL'operador '===' comprova tant el valor com el tipus.

37. Per què fem servir WebKit en CSS3?

WebKit es pot definir com un motor de navegador web que utilitzen navegadors com Safari i Chrome. Podem fer ús de les funcions de WebKit com l'animació, la transició, la transformació i molt més mitjançant l'ús del prefix -WebKit al CSS.

Alguns dels motors per a navegadors són:

  1. Presto per a l'òpera
  2. Edge per a Internet Explorer

38. Esmenta algunes eines de desenvolupament web?

  1. CodeKit per combinar, reduir i comprovar la sintaxi a JavaScript.
  2. JS per estructurar una aplicació web i desenvolupar una aplicació d'una sola pàgina
  3. GitHub treballar amb un equip en un projecte concret
  4. CodePen per desplegar llocs web i crear casos de prova.
  5. Grunt per automatitzar tasques repetitives.

39. Digues-me alguna cosa sobre HTTP/3?

Preguntes d'entrevista per a desenvolupadors web - HTTP/3

HTTP/3 es pot definir com una revisió important del protocol de transferència d'hipertext (HTTP), i és una tecnologia que sustenta la transferència de dades a la web. HTTP/3 s'executa a través de QUIC: és un protocol de transport de propòsit general xifrat que multiplexarà diversos fluxos de dades en una única connexió.

40. Com enllaçar imatges i fitxers al web?

Hi ha dues maneres d'enllaçar fitxers i imatges al web:

    Enllaços absolutstenen l'URL complet i tota la informació del directori està codificada a l'enllaç.Enllaços relatiusrelacionar on es troba la pàgina actual amb on es troba la imatge o el document.

41. Definiu els selectors secundaris en CSS?

El selector de fills s'utilitza principalment per fer coincidir tots els elements que són fills d'un element determinat. Normalment dóna la relació entre dos elements. El selector d'elements > element seleccionarà aquells elements que són fills d'un pare específic.

Preguntes i respostes de l'entrevista de desenvolupador web

42. Anomeneu els diferents tipus de sol·licituds HTTP compatibles amb Restful Web Services?

Els serveis web tranquils solen admetre tipus de sol·licitud HTTP com ara GET, POST, PUT i DELETE.

DELETE s'utilitza per eliminar el recurs del servidor.

Put s'utilitza per actualitzar una entitat existent.

GET recupera les dades del servidor.

POST s'utilitza normalment per crear una entitat nova i s'utilitza per carregar un fitxer o enviar un formulari web emplenat.

43. Què és la paginació?

Paginació

La paginació es pot utilitzar en gairebé totes les aplicacions web per dividir les dades retornades i mostrar-les en diverses pàgines dins d'una mateixa pàgina web. La paginació inclou la lògica de preparar i mostrar els enllaços a les diferents pàgines. La paginació es gestiona al costat del client o al costat del servidor.

44. Definiu la coacció de tipus a JavaScript?

La coacció de tipus es coneix com la tècnica de conversió automàtica o implícita de valors d'un tipus de dades a un altre tipus de dades. També inclou la conversió de nombre a cadena, booleà a número, cadena a nombre, etc., quan s'apliquen diversos tipus d'operadors als valors.

45. Pots anomenar els atributs de propietat de les quatre cantonades?

46. ​​Definiu Webpack?

El Webpack es pot definir com un paquet de mòduls JavaScript de codi obert. Webpack agafarà les dependències i generarà un gràfic de dependències que permeti als desenvolupadors web utilitzar un enfocament modular per al desenvolupament d'aplicacions web. També s'utilitza des de la línia d'ordres o es pot configurar mitjançant un fitxer de configuració anomenat webpack.

47. Llista els components del model de caixa CSS?

  1. Vora: representa el farciment i el contingut al voltant de la vora.
  2. Contingut: defineix el contingut real que es mostrarà.
  3. Marge: representa la capa superior de l'element de caixa
  4. Encoixinat: defineix l'espai buit al voltant de l'element

48. Què és el DOM?

El Document Object Model (DOM) es pot definir com una interfície de programació multiplataforma que defineix els documents HTML i XML com a objectes i nodes. Definirà l'estructura lògica dels documents i document manipulat. DOM permet als programadors crear, modificar, eliminar l'estructura, el contingut i l'estil del document.

49. Llista les propietats de les transicions en CSS3?

  1. retard de transició
  2. transició-durada
  3. transició-propietat
  4. funció de temporització de transició

50. Definir consultes multimèdia en CSS3?

Les consultes multimèdia en CSS defineixen estils en CSS que responen en funció de les diferents formes i mides de la finestra de visualització.

S'utilitzen per ajustar les entitats que s'indiquen a continuació:

  1. Alçada
  2. Amplada
  3. Mirador
  4. Resolució
  5. Orientació

Preguntes i respostes de l'entrevista de desenvolupador web

51. Què és Cross-Site Scripting (XSS)?

XSS significa que el Cross site scripting es pot definir com un vector d'atac comú que injectarà codi maliciós a l'aplicació web vulnerable. XSS emmagatzemat, també anomenat XSS persistent, és el més perjudicial. Es produirà quan injectem un script maliciós directament a una aplicació web vulnerable.

52. Definiu float i z-index en CSS?

Flotar es pot definir com una propietat popular en CSS que s'utilitza per controlar la posició i la disposició d'un element en una pàgina web.

div { flotant: dret; }

En CSS, Índex Z es pot definir com una propietat que defineix l'ordre dels elements d'una pàgina web. Funciona principalment sobre la base d'índexs d'ordre; un element d'ordre superior ha d'aparèixer abans que un element d'ordre inferior.

53. Definiu l'emmagatzematge web HTML5?

Amb l'emmagatzematge web, les aplicacions web van poder emmagatzemar dades localment dins del navegador de l'usuari. Abans d'HTML5, les dades de l'aplicació s'emmagatzemaven en galetes que s'incloïen a totes i cadascuna de les sol·licituds del servidor. L'emmagatzematge web és més segur i grans quantitats de dades s'emmagatzemen localment sense afectar el rendiment del lloc web.

54. Diferenciar entre ES5 i ES6?

ES5 ES6
És una cinquena edició de l'ECMAScript.És una sisena edició de l'ECMAScript.
Només podem definir les variables utilitzant la paraula clau var.Podem definir variables de dues maneres (let i const).

A part de les preguntes tècniques, cal que us prepareu per a algunes de les preguntes generals i de comportament, i és possible que us enfronteu a aquest tipus de preguntes a la vostra entrevista. N'he enumerat uns quants; assegura't de passar-hi també.

55. Tens alguna experiència en el desenvolupament de llocs web multilingües?

56. Com gestionar un client que no està satisfet amb el lliurament web del vostre equip?

57. Has visitat el lloc web de la nostra empresa? Pots esmentar què no t'agrada del lloc?

58. Parla'm de tu?

59. Per què t'hauríem de contractar?

60. Quins són els teus punts forts i febles?

Molta sort amb la vostra entrevista de desenvolupador web, i esperem que les nostres preguntes i respostes de l'entrevista per a desenvolupadors web us siguin d'ajuda. També podeu consultar el nostre Preguntes i respostes de l'entrevista CSS , Preguntes i respostes de l'entrevista PHP , i Preguntes d'entrevista de Java .