giosoftware / prueba_dutti Goto Github PK

•  npm install 

•  npm install webpack -g 

•  npm install webpack-dev-server -g 

• Para ejecutar:

•  webpack-dev-server 

##Instrucciones:

A continuación detallamos las tareas a realizar. Por cada uno de los puntos que se detallan, crea un commit con los cambios realizados. En el comentario del commit especifica los cambios que has realizado así como explicaciones o aportaciones que consideres importante comentar. Valoraremos especialmente que los commits estén bien documentados

• 1. Crea una página pública que se acceda mediante: localhost:8080/#!/ships o similar.
  • 1.1 - El controlador de esta página debe realizar una petición a un servicio.
  • 1.2 - El servicio realizará la petición a http://swapi.co/api/starships/. --> Ojo con esto que puede dar problemas de autorización. comprobar la header authorization para ese path. Hay que poner 'none'
  • 1.3 - Muestra el resultado por consola.
  • 1.4 - Utiliza Promesas para gestionar el resultado.
• 2. Crea un componente que se llame de la siguiente forma: <custom-md-list> </custom-md-list> será una lista de elementos.
  • 2.1 - Este componente recibirá datos del controlador padre ( la página ships).
  • 2.2 - El componente mostrará por pantalla el campo name de cada uno de los elementos.
  • 2.3 - El controlador padre enviará solo 5 elementos al componente.
  • 2.3 - El componente tendrá un campo "más datos". Al pulsarlo, añadirá 5 elementos más a la lista. la gestión de añadir los componentes a la lista se realizará en el padre.
• 3. A la página starships a continuación de lo realizado añade la maquetación adjunta en la carpeta maqueta
  • 3.1 La maqueta ha de ser responsive. Se adjunta diseño web y mobile.
  • 3.2 se debe gestionar el evento click y que se pueda abrir y cerrar el detalle de la ficha