GeneralTecnologíaWeb

Preguntas comunes de entrevista para programadores front-end

Para un reclutador o gerente de contratación que busca un especialista en software de desarrollo web, la tarea de encontrar uno es potencialmente una contratación costosa. Se debe hacer una investigación seria, tanto en términos de búsqueda y selección de candidatos, ya que contratar a la persona equivocada podría ser potencialmente muy costoso.

Como entrevistado primero deberás responder algunas preguntas básicas para ser seleccionado como el candidato adecuado. Entonces tu entrevistador puede preguntarte algo como:

¿Cuáles son las habilidades técnicas que debe tener un programador front-end?

Un programador front-end necesita ser experto en HTML, CSS, JQuery y JavaScript. Además, debe tener experiencia en sistemas de gestión de contenido (WordPress, Drupal, Joomla); conocimiento de las pruebas entre navegadores; habilidades en OOPS y PHP; algunos conocimientos básicos sobre SEO y cómo trabajar con herramientas como Dreamweaver y Flash.

¿Cuáles son las capas presentes en una página web?

Hay 3 tipos de capas en cualquier página web: la capa de contenido, la capa de presentación y la capa de interacción.

La capa de contenido es la información que contiene un sitio web determinado. La capa de presentación define cómo aparecerá el contenido para sus usuarios, o sea, la apariencia de la página web. La capa de interacción es la que lleva la interacción en tiempo real entre los usuarios y la página web.

Mencione algunas ventajas de usar CSS

CSS:

  • Ahorra tiempo
  • Ayuda en la carga rápida de páginas
  • Es fácil de mantener
  • Es superior al estilo HTL
  • Tiene compatibilidad con múltiples dispositivos
  • Es un estándar global para la web
  • Permite la navegación sin conexión
  • Es independiente de la plataforma donde funciona

Háblame sobre la diferencia entre XHTML y HTML.

HTML y XHTML son lenguajes para escribir páginas web. La principal diferencia es que la sintaxis HTML está basada en SGML, mientras que la sintaxis XHTML está basada en XML.

Nombra algunas de las nuevas características presentes en HTML5.

Algunas características nuevas en HTML5 son:

  • La declaración DOCTYPE
  • La etiqueta Sección (<sección /.… </section>)
  • La etiqueta de encabezado y pie de página
  • La etiqueta Flgcaption

¿Cuál es la diferencia entre cookies, almacenamiento de sesión y almacenamiento local?

Las cookies permiten que las aplicaciones almacenen datos en el navegador. La propiedad de almacenamiento de sesión permite almacenar datos hasta que se cierre la ventana. La propiedad de almacenamiento local permite que las aplicaciones almacenen datos sin que estos expiren.

¿Cuáles son los beneficios de Coffee Script sobre JavaScript?

CoffeeScript tiene muchos complementos ligeros, como la comprensión de la lista de estilos de Python o la interpolación de cadenas Ruby. Con CoffeeScript podemos hacer un programa con un código mucho más corto que JavaScript, y hace que incluso un buen código JavaScript sea más legible. Las tareas cotidianas son más fáciles de realizar con CoffeeScript que con JavaScript.

Preguntas técnicas principales

Luego, deberás responder preguntas más técnicas. Ten en cuenta que las preguntas se alinearán con el interés de los empleadores para cumplir con una tarea actual, por lo que debe estar preparado para responder preguntas relacionadas con la tecnología que la empresa utiliza.

¿Cuándo usarías CSS float?

Float se usa cuando necesitamos hacer que un elemento de nuestra página web sea empujado hacia la derecha o hacia la izquierda y hacer que otros elementos se alineen a su alrededor.

¿Cuál es la diferencia entre la clase y la herencia de prototipos?

La herencia en JavaScript difiere de la mayoría de los otros lenguajes de programación, ya que el sistema de objetos en JavaScript está basado en prototipos, no en clases.

Los objetos en JavaScript son una colección de un nombre (clave) y pares de valores. Cuando se trata de herencia, JavaScript solo tiene una construcción: objetos. Cada objeto tiene una propiedad privada que contiene un enlace a otro objeto llamado prototipo.

¿Cuál es la importancia del HTML DOCTYPE?

DOCTYPE es una instrucción para el navegador web que indica en qué versión del lenguaje está escrita la página. La declaración debe ser lo primero en su documento HTML, incluso antes de la etiqueta <html>.

La declaración DOCTYPE apunta a una definición de tipo de documento (DTD) que proporciona las reglas del lenguaje, por lo que un navegador puede interpretar el contenido correctamente.

¿Qué es la carga diferida? (lazy loading)

La carga diferida es un patrón de diseño que generalmente se usa para retrasar la inicialización de un objeto hasta el período en el que se requiere. Puede ayudar al rendimiento en la operación del programa si se usa correcta y adecuadamente.

Es un código que carga solo una vez que el usuario lo necesita, como un botón en la página que revela un diseño diferente una vez que el usuario lo presionó. Por lo tanto, no es necesario cargar el código para ese diseño en la carga inicial de la página. 

¿Cómo manejas la incompatibilidad de estilo específica del navegador?

Hay varias formas de solucionar este problema. La forma más sencilla de hacerlo sería usar una declaración condicional en la etiqueta principal de nuestro HTML. De esta manera, podemos reconocer el navegador y cargar una hoja de estilo externa si es necesario.

Explica la diferencia entre diseño web adaptable y sensible.

Responsive Web Design se basa en una cuadrícula fluida que cambiará automáticamente con el navegador, sin importar cuál sea la resolución de la pantalla, el contenido puede separarse y realinearse si es necesario.

Por otro lado, el diseño web adaptativo no se establece necesariamente en una cuadrícula fluida. Apunta a resoluciones específicas del dispositivo y puede establecer anchos relativos con porcentajes, controlados por consulta de medios.

Puedes leer mas, y analizar mas preguntas/respuestas en los sighuientes links;

Preguntas para programadores front-end: pasar la entrevista sin experiencia

Las 60 preguntas de la entrevista de los especialistas en desarrollo de software para la web

10 preguntas típicas en una entrevista de trabajo para desarrollador web

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *