*** 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 ***
- ¿Qué es lo que más te gusta de codear / programar?
- ¿Cuál fue el último desafío técnico que tuviste?
- ¿Cuál ha sido el desafío tecnológico más grande que has enfrentado?
- ¿Qué consideraciones tendrías que tener para hacer para que tu sitio Web tenga mejor rendimiento?
- ¿Qué consideraciones de Seguridad, SEO, Performance, UI, UX, Tecnología, Mantenibilidad y Tamaño debes tener para hacer una Webapp?
- ¿Cómo debugueas tu Webapp?
- ¿Qué aprendiste esta semana?
- ¿Cuál es tu stack de desarrollo actual?
- ¿Cuál es tu stack de desarrollo preferido?
- Si tuvieras 4 hojas de estilo que tu sitio usa, ¿cómo las integrarías?
- Tu sitio está funcionando lento, ¿Cómo lo arreglas?
- ¿Cómo optimizarías los assets de un sitio Web? (CSS / JS).
- Nombra 3 maneras de disminuir el tiempo de carga de un sitio Web (Tiempo de carga real o el percibido por el usuario).
- ¿Cómo crearías un slideshow / carrusel de imágenes?
- Llegas a tu nuevo trabajo y ves que todo el codebase usa tabs, pero tú usas espacios. ¿Qué haces?
- ¿Qué es el FOUC? (
Flash of unstyled content
oFlash de Contenido sin Estilar
). - ¿Qué es
ARIA
yScreen Readers
? - ¿Cómo haces un sitio Web accesible?
- ¿Cuáles son los pros y contras de usar animaciones de CSS vs animaciones de JavaScript?
- ¿Qué es CORS?
-
¿Qué es lo que más te gusta de codear / programar?
** Pregunta personal, la idea es con esto generar una conversación ** -
¿Cuál fue el último desafío técnico que tuviste?
** Pregunta personal, la idea es con esto generar una conversación ** -
¿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 ** -
¿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
-
-
-
-
-
¿Cuál es tu stack de desarrollo actual?
** Pregunta personal, la idea es con esto generar una conversación ** -
¿Cuál es tu stack de desarrollo preferido?
** Pregunta personal, la idea es con esto generar una conversación ** -
Si tuvieras 4 hojas de estilo que tu sitio usa, ¿cómo las integrarías?
-
Tu sitio está funcionando lento, ¿cómo lo arreglas?
-
¿Cómo optimizarías los assets de un sitio Web? (CSS / JS).
-
-
¿Cómo crearías un slideshow / carrusel de imágenes?
-
Llegas a tu nuevo trabajo, todo el codebase usa tabs pero tú usas espacios. ¿Qué haces?
-
¿Qué es el FOUC? (
Flash of unstyled content
oFlash de Contenido sin Estilar
). -
¿Qué es
ARIA
yScreen 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/
-
¿Cómo haces un sitio Web accesible?
-
¿Cuáles son los pros y contras de usar animaciones de CSS vs animaciones de JavaScript?
-