Las 25 preguntas y respuestas más importantes de la entrevista para desarrolladores web

Los desarrolladores web continúan teniendo demanda a medida que Internet continúa creciendo. Sin embargo, para conseguir el trabajo, primero debe escalar la sesión de entrevista del empleador.

Aunque los equipos más grandes tienden a contratar específicamente desarrolladores front-end o back-end, los equipos más pequeños y startups A menudo optará por desarrolladores full-stack. Por lo tanto, es útil saber todo lo que puedas.

La siguiente es una lista de las 25 preguntas más importantes de la entrevista para desarrolladores web y sus respuestas para ayudarlo a prepararse.

1. ¿Cuáles son las funciones de HTML, JavaScript y CSS en el desarrollo web?

HTML significa HyperText Markup Language y es el lenguaje estándar para desarrollar documentos para publicar en la web. JavaScript y CSS son extras.

JavaScript se diseñó originalmente como un lenguaje de programación del lado del cliente, se ejecuta en el navegador para producir más funcionalidad en la página web. CSS significa Hojas de estilo en cascada y se utiliza para presentar elementos en la pantalla.

2. ¿Qué es el diseño web receptivo?

El diseño web receptivo es un enfoque de desarrollo web que tiene como objetivo crear la mejor experiencia para un usuario adaptando la apariencia del sitio web en función del dispositivo o entorno de ese usuario.

El objetivo es que el sitio web se vea bien en todos los dispositivos y esto implica cambios dinámicos que reducen o aumentan el tamaño de los cuadros y la alineación según el tamaño de la pantalla o la orientación del dispositivo.

3. ¿Cuáles son los beneficios de usar un marco?

Hay muchos beneficios al usar un marco en el desarrollo de una aplicación web. Los principales son los siguientes:

1. Proceso de desarrollo más fácil con las mejores prácticas.
2. Un desarrollo más rápido con proyectos iniciales ahorra tiempo.
3. El uso de código probado y comprobado.
4. A menudo proporciona mejores EN LINEA.
5. Ahorra costos, especialmente con proyectos más grandes.

4. ¿Qué es una devolución de llamada de JavaScript?

Una devolución de llamada de JavaScript es una función que debe ejecutarse después de otra función. El nombre y los argumentos de la función de devolución de llamada se pueden pasar como argumentos a la primera función, además, la primera función también puede pasar argumentos internamente a la función de devolución de llamada que son el resultado de sus cálculos.

Las funciones de devolución de llamada se usan mejor con funciones asincrónicas que tienen que esperar a que otras funciones terminen primero de ejecutarse.

5. Explicar el alcance local frente al global en JavaScript

Las variables definidas se escriben con palabras y solo tienen significado en el contexto adecuado. El ámbito local y global se refiere a este contexto de variables definidas. Una variable global debe definirse fuera de una función, mientras que las variables locales se definen dentro de una función.

Por lo tanto, una variable global tiene alcance global, lo que significa que se puede acceder a ella desde cualquier parte del programa. Sin embargo, una variable local tiene alcance local y esto significa que solo se puede acceder a ella desde dentro de la función.

6. Explicar el índice Z en CSS

El índice z es una propiedad de elemento que se utiliza para definir el orden de pila del elemento. El orden de la pila se refiere a la capacidad de un elemento para estar detrás o delante de otros elementos, como una pila de cartas.

Los elementos con un orden de pila más alto aparecen delante de los elementos con un orden de pila más bajo. En este contexto, dar a un elemento un orden de pila de 2 o 100 garantiza que se mostrará encima de todos los demás en una página. De manera similar, una página sin órdenes de apilamiento especificados apilará los elementos inferiores de la fuente más arriba que los superiores.

7. ¿Qué es Marquee en HTML?

Marque es una etiqueta de contenedor en HTML, que se utiliza para mostrar texto desplazable. Le permite controlar la dirección de desplazamiento, así como la velocidad. Sin embargo, Marquee está obsoleto en HTML5 y se recomienda utilizar CSS en su lugar.

Ejemplo de desplazamiento con marquesina:

Texto de desplazamiento de marquesina

8. Enumere las principales formas de reducir el tiempo de carga de la página

Hay muchos pasos que un desarrollador puede tomar para mejorar el tiempo de carga de una página, los principales son:

• Optimiza imágenes y reduce su tamaño
• Deshazte de los widgets innecesarios
• Reduzca las búsquedas al mínimo
• Aloje el sitio web en un host decente
• Utilice páginas móviles aceleradas o sitios estáticos
• Imágenes de lazy load
• Minifica tu código

9. ¿Cuáles son las diferencias entre Canvas y SVG?

SVG significa Scalable Vector Graphics y el etiqueta es un elemento contenedor para crear gráficos, como un círculo, un cuadro, una elipse, etc. Puede modificar SVG usando CSS o JavaScript y ser escalable significa que funciona bien para salidas de alta resolución.

los El contenedor, por otro lado, está basado en ráster y no es escalable. También se utiliza para crear gráficos, pero solo se puede modificar mediante JavaScript. Sin embargo, es más eficiente en el manejo de una mayor cantidad de objetos.

10. Cómo Nulo Difiere de Indefinido?

Nulo es una representación sin valor. Generalmente se utiliza como marcador de posición para inicializar una variable definida a la que no se le ha asignado un valor real. Indefinido, por otro lado, se refiere a una variable definida que no ha sido inicializada.

En JavaScript:

var variableA;

var variableB = nulo;

alerta(variableA); // muestra indefinido

alerta(variableB); // muestra nulo

11. ¿En qué se diferencia la identificación de la clase?

ID y clase son dos métodos para identificar y manejar elementos en un documento HTML. La principal diferencia entre los dos, sin embargo, es que la identificación debe ser única. En otras palabras, dos elementos no pueden compartir el mismo ID, pero dos o más elementos pueden compartir la misma clase.

Una ID se usa para manejar elementos específicos, mientras que una clase se usa para manejar un grupo de elementos que comparten uno o más rasgos comunes.

12. ¿Cómo se mejoran las funciones de seguridad de un sitio web?

Los pocos pasos que puede seguir para mejorar la seguridad de un sitio web incluyen:

1. Hacer cumplir una política de contraseña segura. Esto significa comprobar que una contraseña seleccionada tiene más de 8 caracteres y contiene números, caracteres especiales y caracteres en mayúsculas y minúsculas.
2. Uso de captcha o cualquier medida anti-bot.
3. Emplear métodos de autenticación de 2 factores o de múltiples factores, como OTP (contraseñas de un solo uso) y dongles de hardware, cuando sea necesario.
4. Uso de un host con protección DDoS y funciones de copia de seguridad automática.

13. ¿En qué se diferencia localStorage de sessionStorage?

Los sistemas localStorage y sessionStorage permiten que un desarrollador almacene datos en un navegador web. Sin embargo, localStoarage es persistente, mientras que sessionStorage no lo es. En otras palabras, los datos almacenados en localStorage estarán disponibles en el navegador durante varias sesiones, mientras que los datos almacenados en sessionStorage se eliminan una vez que se cierra la pestaña del navegador.

14. Enumere las mejoras de HTTP 2.0 sobre HTTP 1.1

El protocolo HTTP/2 se publicó en 2015 y ofrece mejoras significativas, como:

1. Mejor seguridad usando binario sobre texto.
2. Mejor presentación.
3. Baja latencia.
4. Mejor manejo de errores.
5. Bajar gastos generales.

15. ¿Cuál es la diferencia entre Git Pull y Git Merge?

El comando git pull te permite descargar contenido de un repositorio remoto y luego actualiza tu repositorio local con el contenido descargado.

El comando git merge, por otro lado, te permite combinar dos ramas desarrolladas por separado del mismo proyecto. El comando de fusión debe realizarse desde la rama en la que desea fusionarse, y esta suele ser la rama principal.

16. ¿En qué se diferencia GET de POST y PUT?

Un navegador utiliza el método HTML GET para solicitar información de un servidor, mientras que los métodos POST y PUT se utilizan para enviar información desde el navegador a un servidor.

Pero mientras que una solicitud POST puede simplemente agregar datos a un recurso del servidor, una solicitud PUT se usa para reemplazar el recurso por completo utilizando la carga útil de la solicitud.

17. Enumere los formatos de intercambio de datos más populares

Estos son los formatos de intercambio de datos más populares hasta la fecha:

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

18. Enumere los 3 tipos de cuadros emergentes

Los cuadros emergentes en JavaScript se utilizan para mostrar mensajes al usuario, para solicitar información y, a veces, para hacer ambas cosas. Estos son los 3 tipos de ventanas emergentes de JavaScript:

1. Cuadro de alerta – Esto muestra su mensaje más un botón 'OK'.
2. Confirmar caja – Este cuadro de diálogo incluye los botones 'Aceptar' y 'Cancelar' que pueden afectar el código.
3. Cuadro de aviso – Este cuadro incluye un cuadro de entrada de texto para recopilar información del usuario.

19. Nombre las diferentes formas de incluir código CSS

Hay 3 formas de incluir CSS en un documento HTML. Están:

1. CSS externo – Incluyes un documento .css usando dentro del documento etiquetas
2. CSS incrustado – Incluyes el código CSS dentro del etiquetas, en cualquier parte del documento.
3. CSS en línea – Usas el par style=”CSS-property: value” dentro de tus etiquetas HTML, p. ¡Cuadrado!

20. Cómo ventana.onload ¿Difiere de document.onload?

Window.onload se usa para ejecutar código JavaScript una vez que el navegador ha cargado el árbol DOM de la página y otros elementos básicos, incluidas imágenes, código CSS y scripts.

Si bien document.onload se ejecuta inmediatamente después de que el DOM esté listo, esto puede significar incluso antes de que se carguen las imágenes y las bibliotecas externas.

21. ¿Cómo se oculta un elemento usando CSS?

Puede ocultar un elemento HTML usando 3 métodos CSS, son:

1. Pantalla: ninguna; – El elemento no se renderiza ni se muestra.
2. Visibilidad: oculta; – El elemento se representa pero no se muestra.
3. Posición: Absoluta; – El elemento se representa y se muestra, pero se coloca fuera del área de visualización.

22. ¿Cuáles son los mejores usos para Ajax?

Ajax es un método para cargar datos desde un servidor en segundo plano usando JavaScript. Tiene muchos usos, como validación de datos, aplicaciones de chat, comentarios, filtrado de datos, edición visual, encuestas, etc.

23. Enumere algunas características nuevas de CSS3

CSS3 incluye muchas características modernas y útiles sobre CSS2, como:

1. Esquinas redondeadas para cuadros e imágenes.
2. Animación de objetos.
3. Variables y funciones para declaraciones.
4. Grid y Flexbox para un diseño receptivo.
5. Gradientes de colores de fondo.
6. Control de opacidad usando rgba.
7. Efecto de sombra para cuadros y textos.
8. Transiciones para Hover y Focus en elementos.

24. ¿Qué nuevos tipos de entrada se introdujeron en HTML5?

El tipo de entrada es el valor que le das a un elemento de entrada en un documento HTML.

Un ejemplo es:

or

Los nuevos tipos de entrada de HTML5 incluyen:

1. Fecha
2. Color
3. Correo electrónico
4. Buscar
5. Tel
6. Mes
7. Rango de números
8. Mes
9. Enlance
10. Fechahora-local

25. Describa los elementos multimedia de HTML5

HTML5 incluye más etiquetas de elementos para manejar fuentes y tipos de medios. Están:

• – para videos MP4, WebM y Ogg.
• – para definir múltiples fuentes en diferentes formatos.
• – para audio MP3, Ogg y WAV.
• – un contenedor para incluir recursos externos desde imágenes hasta videos y páginas web.
• – para especificar pistas de subtítulos para videos.

Conclusión

Al llegar al final de nuestra lista de las 25 preguntas más importantes de la entrevista para desarrolladores web, puede ver que se necesita una gran combinación de tecnologías para ser un desarrollador completo.

Si bien esta es una guía que toca los diferentes aspectos del trabajo, de ninguna manera es exhaustiva. Entonces, depende de usted identificar las áreas que no tiene claras y luego aprender.