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

Cuando realizas el último examen de tu título, las evaluaciones aún no han terminado. Ahora viene la parte más difícil: responder correctamente las preguntas de la entrevista de trabajo para obtener un buen puesto en una empresa de tu interés.

Afortunadamente, la mayoría de las principales compañías de MNC están contratando a programadores front-end para construir interfaces receptivas, elegantes, convenientes e interactivas en todos los dispositivos. Entonces, tus posibilidades de comenzar a trabajar de inmediato son buenas, pero debes prepararte para hacer la entrevista de trabajo perfecta.

Todas las compañías tienen su propio librito al contratar, pero debes tener una idea de lo que te enfrentarás en una entrevista, para ser seleccionado como programador front-end y obtener el trabajo que deseas. Por lo tanto, hemos tratado de compilar para ti las preguntas más comunes que se hacen durante el proceso de contratación.

Preguntas comunes de entrevista para programadores front-end

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.

¿Cuáles son los componentes de un estilo CSS?

El estilo CSS se compone de tres cosas:

• Selector: una etiqueta HTML donde se pueden aplicar estilos.
• Propiedad: un atributo de la etiqueta HTML. Puede ser cualquier cosa como colores, bordes, sombras, etc. Los atributos HTML se convierten en propiedad CSS.
• Valor: siempre se asigna a cualquier propiedad definida.

Preguntas psicológicas en una entrevista de programador front-end

Además del conocimiento para hacer el trabajo, debes demostrar que tienes la capacidad de interactuar con un equipo, así como la creatividad, la pasión y el compromiso que la empresa necesita.

Aquí puedes enfrentar cualquier tipo de preguntas, desde acertijos hasta rompecabezas de lógica… los criterios varían mucho. Pero hay algunas preguntas básicas que debe responder con la mayor honestidad posible. No es una mala idea practicar con un amigo, para estar preparado y seguro.

• Describa una situación de trabajo difícil que haya enfrentado en el pasado y lo que hizo para superarla.
• Háblame de ti.
• ¿Cuál es tu mayor logro?
• ¿Cuál es tu mayor fortaleza?
• ¿Cuál es tu mayor debilidad?
• ¿Dónde te ves en cinco años?
• ¿Por qué dejaste tu último trabajo?
• ¿Por qué quieres trabajar aquí?
• ¿Por qué deberíamos contratarte?
• ¿Tienes alguna pregunta para mí?

Preguntas para ser administrador de programadores front-end

Si la empresa está buscando un administrador de programadores front-end, te harán este tipo de preguntas. Este puesto de trabajo tiene mayores responsabilidades y requiere que sepas cómo coordinar el trabajo de varios programadores front-end, pero las oportunidades salariales y profesionales son sustancialmente más altas.

¿Cómo te asegurarías de que tu diseño web sea fácil de usar?

Aquí hablamos de trabajar junto con diseñadores de experiencia de usuario para conceptualizar una página web, que se base en una experiencia centrada en el usuario. También debemos probar el sitio web con los usuarios para garantizar un diseño óptimo. Otro aspecto importante es asegurar que la página web esté optimizada para la visualización en teléfonos móviles.

¿Qué es la optimización front-end?

También conocido como optimización de contenido, es el proceso de ajuste fino de un sitio web para que se cargue rápidamente y sea más amigable para el navegador. La optimización front-end ayuda a minimizar la cantidad de solicitudes necesarias para que se cargue una página determinada y a reducir el tamaño de los archivos.

¿Cómo podemos aumentar el rendimiento de la página?

El rendimiento de la página se puede aumentar mediante los siguientes métodos:

• Limpieza del documento HTML.
• Reducción de solicitudes HTTP externas.
• Uso de sprites, imágenes comprimidas e imágenes más pequeñas.
• Incorporación de JavaScript en la parte inferior de la página.
• Usar la cantidad mínima de CSS, JavaScript y HTML en la página web.
• Uso de CDN y almacenamiento en caché.

¿Cómo estructura su código fuente para que sus colegas lo modifiquen fácilmente?

Un programador front-end necesita documentar su uso del código de la organización y hacer comentarios al respecto. Deben explicar cómo usa las notas en su proceso de programación para explicar los pasos que ha tomado, asegurando la comprensión eficiente entre los colaboradores.

Por supuesto, esta es solo una muestra de las preguntas que  los entrevistadores pueden hacerte como programador front end. Sin embargo, es posible que desees investigar qué área de experiencia requiere la empresa, para que puedas prepararte mejor. Si lees detenidamente la descripción del trabajo en busca de pistas, aumentan tus posibilidades de obtener el puesto que estás solicitando. ¡Buena suerte!