Angular framework: preguntas de entrevistas de trabajo

Saber cómo afrontar una entrevista de trabajo es una tarjeta de presentación importante para quienes te van a contratar. Saber que decir en una entrevista de trabajo, sobre todo si es técnica, es una práctica muy útil, sobre todo para quien está iniciando y no está familiarizado con este tipo de reuniones. En este artículo veremos en profundidad cómo afrontar una entrevista de trabajo.

Como preparar una entrevista de trabajo

Una de las mejores maneras de prepararse para una entrevista técnica es practicar respondiendo a las preguntas que crees que te harán durante la entrevista. Puedes hacerlo tú mismo o pedirle a un amigo o familiar que simule una serie de preguntas que deberás responder, para que puedas practicar respondiendo las preguntas en voz alta. Esto también ayuda a aumentar tu confianza en una entrevista que es potencialmente importante o crucial para el puesto de trabajo que deseas.

Si tienes la ambición de seguir una carrera como desarrollador web, un excelente conocimiento del framework Angular es una habilidad muy buscada. Prepararse para una entrevista de trabajo para el rol de Full Stack Developer o Front-End Developer requiere una preparación adecuada del framework Angular.

Que es angular y para qué sirve

También conocido como Angular 2+ es un framework JavaScript de código abierto nacido en 2016 y desarrollado por Google. Centrado en mejorar la velocidad y el rendimiento para el desarrollo móvil, proporciona una interfaz de línea de comandos para administrar herramientas, componentes externos e integraciones. Hoy en día es uno de los frameworks más utilizados gracias a su escalabilidad eficiente, que permite diseñar e implementar proyectos estructurados para la creación de interfaces de usuario, con ventajas inmediatas en términos de robustez de código, testabilidad y mantenibilidad. A pesar de ser cross-platform, es muy popular entre los desarrolladores front-end móviles.

Después de profundizar en esto, aquí hay 10 preguntas (y respuestas) útiles para entrevistas de trabajo que te ayudarán a alcanzar tus ambiciones profesionales.

1. ¿Cómo funciona una aplicación Angular? - Las aplicaciones Angular funcionan almacenando todas las configuraciones en un solo archivo llamado angular.json. Durante la creación de la app, este archivo le dice al builder el entry point de la aplicación. Crea un entorno browser para ejecutar la aplicación. La aplicación lanzada se declara dentro de un módulo específico en el archivo, que contiene las declaraciones de todos los componentes de la aplicación. Cada componente se declara con un Selector, un Template y un StylesURL. Estos proporcionan información sobre como acceder al componente, el componente HTML y las hojas de estilo CSS. Por último, Angular llama al archivo index.html, que llama al componente root (definido en app.component.ts) y de esta manera el archivo proporciona todos los datos que necesita la página Web para ejecutar la aplicación.
2. Perché Angular è stato introdotto? – Antes de Angular, lado client, los desarrolladores generalmente usaban VanillaJS y jQuery para desarrollar sitios web dinámicos. Sin embargo, la complejidad de los sitios ha complicado la vida de los programadores. El código se ha vuelto más difícil de mantener y no se proporcionan instalaciones de gestión de datos. Angular ha venido al rescate para corregir estas debilidades, al dividir el código en fragmentos de información más pequeños (conocidos como Componentes)
3. ¿Cuáles son las ventajas de Angular en comparación con otros framework? - Muchas funciones integradas se proporcionan directamente "out of the box" (sin tener que buscarlas por separado), como el routing, administración de estados y servicios HTTP. Angular usa HTML para representar la UI de una aplicación, que es más fácil de usar que JavaScript. Además, Angular tiene un excelente soporte de la community. Google también ha anunciado el soporte a largo plazo para Angular, lo que demuestra su compromiso con el uso de este framework y su intención de expandir aún más el ecosistema.
4. ¿Cuáles son las diferencias con AngularJS? - AngularJS usa el lenguaje JavaScript y el modelo de diseño MVC (Model-View-Controller), mientras que Angular usa el lenguaje TypeScript con componentes y directivas. Sin embargo, para ser más específicos, puedes sorprender al interlocutor mencionando las diferencias en la arquitectura, el lenguaje, la estructura, la sintaxis de las expresiones y la capacidad de soportar dispositivos móviles (el punto fuerte de Angular). Si quieres hablar sobre las diferencias lingüísticas, puedes mencionar como AngularJS usa un lenguaje escrito dinámicamente, mientras que Angular usa un lenguaje escrito estáticamente que funciona mejor para el desarrollo de aplicaciones más grandes. Estructuralmente, Angular proporciona una mejor capacidad de mantenimiento del código, especialmente para aplicaciones grandes.
5. ¿Qué es la compilación AOT en Angular? – La compilación AOT (Ahead-of-Time) hace referencia a la compilación de la aplicación durante el tiempo de compilación. Las app Angular deben usar la compilación AOT porque incluye componentes y plantillas que, de forma predeterminada, un navegador no puede entender. La compilación AOT permite compilar la aplicación Angular antes de ejecutarla dentro del navegador. Esto significa que el compilador Angular cogerá el código JS, lo compilará y luego generará el código JS.

Esta acción permite una renderización extremadamente rápida, porque el navegador puede cargar y renderizar inmediatamente el código ejecutable dado que la aplicación ya está compilada.

6. Explica las formas de obtener el data binding en Angular. – Hay 4 formas principales de data binding en Angular:
   1. Event binding: permite a la app responder al input del usuario en el entorno de destino.
   2. Property binding: permite la interpolación de valores calculados de los datos de la aplicación en HTML.
   3. Two-way binding: utiliza la directiva ngModel para reflejar automáticamente los cambios en el estado de la aplicación en la vista y viceversa. 
   4. String interpolation binding: utiliza expresiones prefijadas para mostrar los datos de los componentes. También se conoce como "sintaxis de bigotes" porque las expresiones de patrón están encerradas entre llaves.
7. ¿Qué son los decoradores y las anotaciones? ¿Cuál es la diferencia? - Los decoradores se refieren a design pattern que separan la modificación de una clase sin alterar el código fuente. Un decorador agrega metadatos a una clase, objetos o métodos. Una anotación es una característica hardcoded que refleja la biblioteca de metadatos. Cuando se establece en la clase, crea un array almacenadas en esa clase. Los decoradores son predeterminados y las anotaciones no lo son.
8. ¿Qué son las expresiones en Angular y en qué se diferencian de las de JavaScript? - Las expresiones en Angular vinculan los datos de la aplicación a HTML. Cuando se resuelve la expresión, se devuelve el resultado en el punto donde se escribe. Permiten al usuario escribir JavaScript en HTML. En Angular, se evalúan en función del objeto de alcance local, en lugar del objeto global. Usándolos no podrás acceder a una propiedad fuera de tu declaración local. Además, pueden contener valores nulos e indefinidos, a diferencia de las expresiones de JavaScript. Por último, formatean los datos antes de que se visualicen, en lugar de usar loop, if condicionales o excepciones (try-catch) como en JS.
9. ¿Qué son las directivas en Angular? - Las directivas en Angular son clases que se pueden importar en componentes. Estos se utilizan a menudo cuando varios componentes de una aplicación necesitan tener una funcionalidad similar. En lugar de agregar manualmente la misma funcionalidad a cada componente, el desarrollador puede crear una directiva con la funcionalidad e importarla a todos los componentes relevantes. Cada directiva tiene su propio comportamiento y se declara mediante el decorador @Directive.
10. ¿Qué son los lifecycle hooks en Angular? – se utilizan para verificar dónde se encuentra un componente en su ciclo de vida y para desencadenar cambios en una etapa específica de la construcción. Son de varios tipos, se utilizan para inicializar componentes, destruirlos, administrar vistas.