Historial de página

...

1. Creación de proyecto
2. Confiugración del proyecto
3. Creación de entidades JPA
4. Acceso a datos: añadir los JpaRepository, creación de DTOs
5. Servicio REST

Para estos apartados, aparte de la documentación, podemos ver los vídeos del curso anterior al que se referencia en "Otros recursos", más abajo. Aunque se hayan actualizado cosas en la documentación, nos pueden servir los siguientes vídeos como explicación adicional:

• Spring Boot: introducción y acceso a datos con JPA
• Spring Boot: servicios REST

VUE

En la parte Vue creamos tenemos la interfaz de lo que hemos hecho en Spring Boot. En el proyecto de ejemplo tenemos cuatro vistas, una de bienvenida, una para mostrar diplomas, una para mostrar todas las titulaciones, y otra para añadir titulaciones. Con esto cubrimos la navegación y la llamada al servicio REST, aparte de cómo desarrollar los componentes. Podemos descargar el proyecto de ejemplo aquí: Proyecto Vue de ejemplo completo. Recordad que si os descargáis este proyecto de referencia, antes de ejecutarlo tenéis que ejecutar npm i para descargar las dependencias.

...

1. Creación del proyecto y estructura. Tenemos que crear el proyecto y dejar nuestro App.vue listo con el elemento <router-view>.
2. Despliegue en local
3. Funciones útiles en Visual Studio Code
4. Cómo depurar en Vue
5. Gestión de paquetes y dependencias
6. Estructura de los componentes en Vue
7. Registro de Componentes
8. Vue Router: Navegación. Debemos añadir los componentes correspondientes a cada una de las vistas de la aplicación, aunque estén vacíos de momento, y comprobar que se hace la navegación correctamente.
9. Axios: llamadas a servicios REST. Implementar las llamadas a los servicios REST, y construir los componentes a partir de aquí.
10. Vuex: estado global. No se utiliza en el proyecto de referencia, pero al menos hay que leérselo y entenderlo.
11. i18n: internacionalización. No se utiliza en el proyecto de referencia, pero al menos hay que leérselo y entenderlo.
12. PDFs con Vue. Si queremos mostrar/descargar archivos PDFs en la aplicación, disponemos de esta guía.

Puede sernos de utilidad este vídeo, parte de la sesión en la que se explica Vue, del curso anterior, el que se referencia en "Otros recursos", más abajo. Puede ser también un buen complemento a la documentación:

• Vue: sintaxis y diferentes funcionalidades

Otros recursos

Página de la primera formación FundeWebJS, que se impartió al grupo CURIE. En este curso se utilizan recursos desactualizados, hay partes que se han revisado y se hacen mejor en la documentación actual, al igual que los proyectos de referencia. Aún así, por si puede ser de interés, se incluyen los vídeos de las sesiones y las presentaciones utilizadas.Es