Entrevista Angular

Bienvenido a tu prueba de ANGULAR, a continuación encontrarás una serie de requerimientos con los cuales deberás realizar un ejercicio práctico.

La prueba general se divide en pequeños ejercicios con los cuales se evaluará en práctica:

• Pensamiento lógico
• Resolución de problema
• Tiempo de desarrollo
• Entre otros.

Finalizada la prueba recuerda enviar link del proyecto o tu repositorio a [email protected] con tu información de contacto y en el asunto colocar: ANGULAR-INTERVIEW

Recomendación: No importa terminar todos los ejercicios, lo más importante es la funcionalidad del ejercicio resuelto(s).

Antes de empezar:

• Node
• NPM
• JSON Data

Ejercicios

1. Vistas.

HABILIDADES:

ANGULAR

PROBLEMA: Se necesitan vistas, y estas deben contener rutas amigables.

REQUERIMIENTO: Se requiere crear un proyecto Angular el cual debe tener como mínimo dos vistas con html básico y sus respectivas rutas.

• Vista principal POST LIST
  • RUTA: /posts
  • HTML: Tabla html con 10 registros.
• Vista detalle POST DETAIL
  • RUTA: /post/{id}
  • HTML: Deberás reflejar en la vista en cualquier parte el id pasado por el parámetro. Ejemplo <p>Este es el post: 12 </p> donde "12" es el id.
• Vista 404
  • RUTA: /404
  • HTML: A tu gusto.
  • NOTA: Debes poder re-direccionar rutas que no existan a 404

2. API.

HABILIDADES:

ANGULAR

PROBLEMA:

La vistas anteriores son representaciones estáticas, ahora vamos a agregarle dinamismo.

REQUERIMIENTO: Se requiere crear un servicio para consumir el siguiente api. https://jsonplaceholder.typicode.com/

• En la vista POST LIST donde anteriormente colocamos un table html estática se debe consumir una lista de post proveniente de https://jsonplaceholder.typicode.com/posts y generar el table html dinámico.
• En la vista POST DETAIL donde anteriormente colocamos un html estático se debe consumir un detalle de post proveniente de https://jsonplaceholder.typicode.com/posts/{id} representar el title y body en la vista.

3. COMPONENTE.

HABILIDADES:

ANGULAR

PROBLEMA:

Como todo buen post se necesitan ver los comentarios de dicho post.

REQUERIMIENTO: Se necesita generar un componente el cual se usará en vista del detalle, para cargar una lista de comentarios usando https://jsonplaceholder.typicode.com/comments?postId={id} pasando por atributo el id del post.

Ejemplo <comentarios post="{id}"/></comentarios>

4. EMIT

HABILIDADES:

ANGULAR

PROBLEMA:

En ocasiones se necesita emitir información o funciones entre componentes

REQUERIMIENTO: Se requiere emitir la fecha desde el componente comentarios con la acción de un botón hacia el componente padre de la vista detalle.

Extra.

Si has llegado hasta este punto, y consideras que tienes tiempo se valora el hecho de que puedas desplegar tu proyecto en Heroku o en cualquier servidor de tu gusto.

Gracias por participar!