...

Formación autónoma

Para la formación inicial en FundeWebJS, se plantea ir siguiendo las guías disponibles en la documentación, e ir aplicando lo que se vaya viendo en un proyecto de prueba. Si queremos, podemos mirar como proyecto de ejemplo los proyectos de Consulta de Expedientes:

• Consulta de expedientes API
• Portal UI → Consulta de expedientes UI

Un guión orientativo a seguir sería el siguiente:

INTRODUCCIÓN

1. Presentación y arquitectura de aplicaciones FundeWebJS
2. Instalación de los entornos de desarrollo

SPRING BOOT

Seguimos las siguientes guías, implementando cada cosa para nuestro proyecto. La aplicación de ejemplo que tenemos es una en la que tratamos diplomas de alumnos, y para ello en el esquema PORTALFUNDEWEB tenemos las tablas CURSO_FDWJS_ALUMNO, CURSO_FDWJS_DIPLOMA y CURSO_FDWJS_TITULACION. En este proyecto tenemos un servicio REST que permite obtener un alumno por dni, la descripción de una titulación, las titulaciones con paginación, los diplomas (todos o los correspondientes a un alumno), persistir una titulación, y obtener un pdf de un diploma. Con esto, cubrimos todas las operaciones básicas y lo que se explica en las siguientes guías. El proyecto completo lo podemos descargar aquí: Proyecto Spring de ejemplo completo.

Para la formación, en función de las necesidades de cada grupo, se puede implementar este mismo ejemplo, o uno que sirva de cara a algún proyecto propio, pero en el que se cubran todos los apartados.

Entre los cursos que ya se han realizado y la documentación de Confluence disponemos de suficientes recursos para poder aprender y empezar a programar en FundeWebJS. A continuación indicamos un guión orientativo de los pasos que habría que seguir.

La página de la que parte toda la documentación es la siguiente: FUNDEWEBJS - Manuales

Introducción

De aquí, debemos empezar por el apartado Antes de empezar a trabajar, y en concreto nos centraremos en estas dos guías:

• Arquitectura de aplicaciones FundeWebJS
• Instalación del entorno de desarrollo

También debemos tener en cuenta el resto de páginas para desarrollar un nuevo servicio, pero a nivel de formación esas dos son las más importantes para empezar.

Como las aplicaciones se dividen en dos proyectos, vamos a ver los recursos para cada uno de ellos.

Backend - Spring Boot

En la parte de backend, podemos tomar las siguientes guías como troncalesEl guión a seguir es:

1. Creación y estructura de proyecto SpringBoot
2. Confiugración del proyecto
3. Despliegue en LOCAL de proyecto Backend
4. Creación de Entidades JPA a partir de tabla de Base de Datos
5. JPA: Acceso a base de datos
6. Servicios REST con Spring Boot

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

Recientemente se ha cambiado la manera de hacer el front-end de los servicios. Todos van a ir al Portal de Servicios, e irán unificados en un único proyecto. Los servicios que ya existían se están migrando a este proyecto unificado. Las formaciones anteriores se dieron cuando cada servicio tenía un proyecto independiente, por lo que hay cosas que ahora son diferentes, como la configuración del proyecto. Por ello, lo primero que debemos hacer es ponernos el proyecto Portal UI:

• Proyectos en POSE: Guía inicial - Se redirige a otras guías. Si es sólo por aprendizaje, podemos descargar el proyecto Portal UI directamente y arrancarlo en local.

Para trabajar en local, debemos tener VS Code configurado y configurar el proyecto:

• Instalación del entorno de desarrollo
• Despliegue en local de un proyecto Vue - Para abrir la consola de VS Code, podemos hacerlo pulsando en la línea azul de abajo, o con Ctrl + Ñ.

A partir de aquí, podemos ir viendo las diferentes guías para aprender y familiarizarnos con la forma de trabajar en Vue:

• Cómo depurar en Vue (ahora mismo tenemos problemas con el debugger de VS Code, estamos intentando solucionarlos).
• Gestión de paquetes y dependencias en Vue
• Estructura de los componentes en Vue: Options API y Composition API - Utilizar Options API.
• 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.
• Axios: llamadas a servicios REST. Implementar las llamadas a los servicios REST, y construir los componentes a partir de aquí.
• Vuex: estado global. No se utiliza en el proyecto de referencia, pero al menos hay que leérselo y entenderlo.
• i18n: internacionalización. No se utiliza en el proyecto de referencia, pero al menos hay que leérselo y entenderlo.

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:

...

1. Manejo de Errores en FundeWebJS

Después, igual que en el caso anterior el resto de páginas también son importantes, estaría bien entrar también al menos en estas:

• Logs en Spring Boot
• Login con OAuth en Spring Boot
• Devolver DTO como respuesta de peticiones REST
• Documentar APIs con OPENAPI
• Tests unitarios en Spring Boot

Frontend - Vue JS

La parte front puede ser la que más problemas nos de, pues salir de Java y entrar en un framework Javascript, es un cambio de concepto más grande. Para esta parte, tenemos un curso general para aprender Vue, y orientado al Portal de Servicios tenemos toda la documentación de Confluence y las explicaciones de cursos anteriores.

Curso Vue JS

 Este curso fue impartido por Edu Rey y hace un repaso muy completo de los aspectos principales del framework:

CURSO VUE JS DE EDU

Vue en el Portal de Servicios

Aquí, para ver la explicación del proyecto del Portal de Servicios (en el que desarrollaremos el front de nuestros servicios) y su estructura, podemos ver el vídeo 6 del Curso ACADE (abril 2022), este:

Además, tenemos todas las guías de Confluence que podemos consultar desde aquí: FUNDEWEBJS - Manuales. Podemos ir consultándolas a la par que vemos los vídeos del curso de Edu, para ir viendo cómo se realizará cada paso en FundeWebJS.

...

Cursos realizados

Curso ACADE (abril 2022)

...

Curso ACADE (febrero 2021)

...