prueba-frontend-vuejs/README.md

27 lines
1.8 KiB
Markdown
Raw Normal View History

2022-03-01 16:27:17 +01:00
# Prueba Junior de FrontEnd con VueJS.
## 👨🏻‍🏫 Instrucciones
1. Crea una rama solo para ti a partir de la actual (`main`).
2. Crea un archivo `CHANGELOG.md` con el texto "Empiezo la prueba" y súbelo al repositorio.
3. Lista en HTML, con la ayuda de JavaScript, todos los `post` del *Endpoint* [https://jsonplaceholder.typicode.com/posts](https://jsonplaceholder.typicode.com/posts) mostrando el título y contenido.
4. Añade un botón, a cada elemento, para poder visualizar sus comentarios (`comments`). Pueden mostrarse a continuación del artículo o en un *modal*. Su Endpoint es [https://jsonplaceholder.typicode.com/comments](https://jsonplaceholder.typicode.com/comments)
5. Lista en HTML, con la ayuda de Vue, todos los usuarios (`users`) del Endpoint [https://jsonplaceholder.typicode.com/users](https://jsonplaceholder.typicode.com/users) con su *nombre*, *email* y *ciudad*.
6. Muestra en un `iframe`de mapa (Google Maps, Openstreetmap, Mapbox...) para enseñar donde esta situado el usuario (address → geo → lat/lng).
7. Crea un formulario para **añadir** nuevos `post`. Debe funcionar en local, ignora el Endpoint.
8. Crea un formulario para **editar** cualquier `post`. Debe funcionar en local, ignora el Endpoint.
9. Crea un botón para **borrar** cualquier `post`. Debe funcionar en local, ignora el Endpoint.
10. Modifica `CHANGELOG.md` con el texto "He terminado la prueba".
## ⏳Tiempo límite
8h
## 📝 Notas
- Después de cada tarea, realiza un **commit** y un **push**.
- El código debe estar **ordenado** y **comentado**.
- Solo puedes usar Vue para renderizar.
- Puedes utilizar CSS simple para mejorar la visibilidad o cualquier Framework que te resulte cómodo (como por ejemplo *Bootstrap* o *Tailwinds*).
- Cualquier elemento extra será bien recibido, cuanto más azúcar más dulce: watchers, computeds, componentes...