generales

Preguntas para entrevistas de Frontend

Generales

*** Este set de preguntas generales considera preguntas abiertas a propósito. *** *** Busca generar una conversación, más que escuchar al entrevistado dar una respuesta unitaria o exacta *** *** La idea es que con estas preguntas pueda el entrevistado expresarse y mostrar su conocimiento de una manera relajada y con menos presión ***

Preguntas

1. ¿Qué es lo que más te gusta de codear / programar?
2. ¿Cuál fue el último desafío técnico que tuviste?
3. ¿Cuál ha sido el desafío tecnológico más grande que has enfrentado?
4. ¿Qué consideraciones tendrías que tener para hacer para que tu sitio Web tenga mejor rendimiento?
5. ¿Qué consideraciones de Seguridad, SEO, Performance, UI, UX, Tecnología, Mantenibilidad y Tamaño debes tener para hacer una Webapp?
6. ¿Cómo debugueas tu Webapp?
7. ¿Qué aprendiste esta semana?
8. ¿Cuál es tu stack de desarrollo actual?
9. ¿Cuál es tu stack de desarrollo preferido?
10. Si tuvieras 4 hojas de estilo que tu sitio usa, ¿cómo las integrarías?
11. Tu sitio está funcionando lento, ¿Cómo lo arreglas?
12. ¿Cómo optimizarías los assets de un sitio Web? (CSS / JS).
13. Nombra 3 maneras de disminuir el tiempo de carga de un sitio Web (Tiempo de carga real o el percibido por el usuario).
14. ¿Cómo crearías un slideshow / carrusel de imágenes?
15. Llegas a tu nuevo trabajo y ves que todo el codebase usa tabs, pero tú usas espacios. ¿Qué haces?
16. ¿Qué es el FOUC? (Flash of unstyled content o Flash de Contenido sin Estilar).
17. ¿Qué es ARIA y Screen Readers?
18. ¿Cómo haces un sitio Web accesible?
19. ¿Cuáles son los pros y contras de usar animaciones de CSS vs animaciones de JavaScript?
20. ¿Qué es CORS?

Respuestas

1. ¿Qué es lo que más te gusta de codear / programar?

   ** Pregunta personal, la idea es con esto generar una conversación **

2. ¿Cuál fue el último desafío técnico que tuviste?

   ** Pregunta personal, la idea es con esto generar una conversación **

3. ¿Cuál ha sido el desafío tecnológico más grande que has enfrentado?

   ** Pregunta personal, la idea es con esto generar una conversación **

4. ¿Qué consideraciones tendrías que tener para hacer para que tu sitio Web tenga mejor rendimiento?

   Existen muchas respuestas correctas, sobretodo considerando que en una entrevista no tienes 3 horas para hablar de todas las formas en que podrías mejorar el rendimiento de una aplicación. (Ojo, que esta pregunta no se trata de decir "Usaría google-pagespeed y seguiría las recomendaciones")

   Algunas sugerencias de temas que impactan al rendimiento:

   • Relacionado a la Red

     • Revisar la compresión de los archivos que estás descargando (¿Tu servidor los comprime previamente?)
     • ¿Está el navegador cacheando archivos que no cambiarán tan seguido?
     • ¿Estás minificando tus CSS/JS en producción?

   • Relacionado al tiempo hasta el primer renderizado (En esta parte influye el critical rendering path)

     • ¿Estás "demorando" el parseo de archivos de JS que no son necesarios para la carga inicial de la página? <script defer src="..." />
     • ¿Estás "demorando" el parseo de archivos de JS hasta que sea absolutamente necesario? <script async src="..." />
     • ¿Estás descargando CSS necesario para el renderizado incial? ¿O todo el CSS del sitio?
     • ¿Estás dividiendo tus CSS o JS en archivos mas pequeños y manejables?
     • ¿Estás tomando en cuenta la latencia de la Red? (¿WiFi v/s 3G?)

   • JS

     • ¿Estás bloqueando el eventloop con alguna tarea demasiado larga? (Prueba usando WebWorkers para esto, tienen excelente compatibilidad).
     • Estás usando o 'eval'

   • CSS

     • Reducir la cantidad de selectores para aplicar un estilo ayuda bastante Cuantas menos reglas se requieran para un elemento dado, más rápida será su resolución

5. ¿Qué consideraciones de Seguridad, SEO, Performance, UI, UX, Tecnología, Mantenibilidad y Tamaño debes tener para hacer una Webapp?

6. ¿Cómo debugueas tu Webapp?

7. ¿Qué aprendiste esta semana?

8. ¿Cuál es tu stack de desarrollo actual?

   ** Pregunta personal, la idea es con esto generar una conversación **

9. ¿Cuál es tu stack de desarrollo preferido?

   ** Pregunta personal, la idea es con esto generar una conversación **

10. Si tuvieras 4 hojas de estilo que tu sitio usa, ¿cómo las integrarías?

11. Tu sitio está funcionando lento, ¿cómo lo arreglas?

12. ¿Cómo optimizarías los assets de un sitio Web? (CSS / JS).

13. Nombra 3 maneras de disminuir el tiempo de carga de un sitio Web (Tiempo de carga real o el percibido por el usuario).

14. ¿Cómo crearías un slideshow / carrusel de imágenes?

15. Llegas a tu nuevo trabajo, todo el codebase usa tabs pero tú usas espacios. ¿Qué haces?

16. ¿Qué es el FOUC? (Flash of unstyled content o Flash de Contenido sin Estilar).

17. ¿Qué es ARIA y Screen Readers?.

    Aria define como crear contenido Web para personas con discapacidad, para esto usa un conjunto de atributos que se pueden agregar a las etiquetas HTML.

    Screen readers es un software que interpreta lo que aparece en la pantalla y lo expresa con voz.

    Puedes aprender algo más de ARIA y Accesibilidad en el siguiente tutorial https://teachaccess.github.io/tutorial/

18. ¿Cómo haces un sitio Web accesible?

19. ¿Cuáles son los pros y contras de usar animaciones de CSS vs animaciones de JavaScript?

20. ¿Qué es CORS?