prueba-frontend/README.md

26 lines
1.8 KiB
Markdown
Raw Normal View History

2022-01-20 07:32:35 +01:00
# Prueba FrontEnd
2021-11-01 10:05:15 +01:00
## 👨🏻‍🏫 Instrucciones
1. Crea un archivo `CHANGELOG.md` con el texto "Empiezo la prueba" y súbelo al repositorio.
2. 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.
3. 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)
4. Lista en HTML, con la ayuda de JavaScript, todos los usuarios (`users`) del Endpoint [https://jsonplaceholder.typicode.com/users](https://jsonplaceholder.typicode.com/users) con su *nombre*, *email* y *ciudad*.
5. Muestra en un `iframe`de mapa (Google Maps, Openstreetmap...) para enseñar donde esta situado el usuario (address → geo → lat/lng).
6. Crea un formulario para **añadir** nuevos `post`. Debe funcionar en local, ignora el Endpoint.
7. Crea un formulario para **editar** cualquier `post`. Debe funcionar en local, ignora el Endpoint.
8. Crea un botón para **borrar** cualquier `post`. Debe funcionar en local, ignora el Endpoint.
2021-11-01 20:51:14 +01:00
9. Modifica `CHANGELOG.md` con el texto "He terminado la prueba".
2021-11-01 10:05:15 +01:00
## ⏳Tiempo límite
8h
## 📝 Notas
- Después de cada tarea, realiza un **commit** y un **push**.
- El código debe estar **ordenado** y **comentado**.
- Puedes usar JavaScript plano (Vainilla) o cualquier Framework que te resulte cómodo.
- 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.