[](http://creativecommons.org/licenses/by-sa/4.0/) IES Luis Vélez de Guevara - Écija - Spain <hr> <a name="indice"></a> # Índice #### [Apuntes](#apuntes) #### [Cuestiones](#cuestiones) #### [Prácticas](#practicas) <pre> </pre> <pre> </pre> #<a name="apuntes"></a>[Apuntes](#indice) 1. Elabora los apuntes de esta Unidad y guárdalos en GitHub en un repositorio llamado 'Apuntes_HLC_Fullstack'. <hr> <pre> </pre> #<a name="cuestiones"></a>[Cuestiones](#indice) 1. ¿En qué directorio es aconsejable situar el frontend de una aplicación? <hr> 1. Explica la diferencia entre MPA y SPA. <hr> 1. Busca información acerca del framework Angular. Haz un resumen (mínimo de 10 líneas, máximo de 50) de sus características. <hr> 1. Busca información acerca de la librería React. Haz un resumen (mínimo de 10 líneas, máximo de 50) de sus características. <hr> 1. Busca información acerca de la librería-framework Vue. Haz un resumen (mínimo de 10 líneas, máximo de 50) de sus características. <hr> 1. Accede a la página http://vanilla-js.com/ y descarga el "framework" con todas las funcionalidades disponibles. ¿Cuantos MB pesa? <hr> 1. Escribe aquí el código de frontend de la **operación CRUD Create** que utilizas en tu proyecto. <hr> 1. Escribe aquí el código de frontend de la **operación CRUD Read** que utilizas en tu proyecto. <hr> 1. Escribe aquí el código de frontend de la **operación CRUD Update** que utilizas en tu proyecto. <hr> 1. Escribe aquí el código de frontend de la **operación CRUD Delete** que utilizas en tu proyecto. <hr> <pre> </pre> #<a name="practicas"></a>[Prácticas](#indice) Siguiendo el desarrollo de la aplicación iniciada en el tema anterior, realiza la implementación del frontend. Los requisitos a tener en cuenta son: - Deberás hacer uso de Javascript, HTML, CSS y frameworks como Bootstrap si así lo consideras necesario. - El desarrollo del frontend se hará en forma de Single Page Application. - La solicitud de datos al backend se realizará mediante peticiones asíncronas de tipo AJAX. ## Práctica 1 **Interfaz general**. - Diseña las secciones que tendrá la aplicación. - Los datos de cada sección se mostrarán siempre dentro de la única página de la aplicación. - No se permite el uso de varias páginas. - El diseño debe adaptarse a dispositivos móviles. - Realiza la gestión de eventos apropiada. ## Práctica 2 **Peticiones asíncronas al backend** - Realiza la solicitud de datos al backend y muestra dichos datos. - Diseña los mecanismos adecuados para insertar, modificar y eliminar datos. - Implementa las funcionalidades anteriores para cada una de las colecciones. - Realiza la gestión de eventos apropiada. <pre> </pre>