Aplicaciones

Clone el proyecto base, con:

git clone https://github.com/DAWFIEC/DAWM-apps.git

Calculadora

Frontend

Hitos

• hito1-calculadora esqueleto de frontend con MDBootstrap.

Album de fotos

Cliente

Hitos

• hito1-album Configuración básica de un proyecto Angular, según las instrucciones de Angular Local.
• hito2-album Incorpora una plantilla de Bootstrap en un proyecto Angular, según las instrucciones de Angular Bootstrap.
• hito3-album Usa un componente, comunicación de una vía (vista-controlador del componente) y directivas de repetición (*ngFor), según las instrucciones de Angular - Componentes, Comunicación y Directivas
• hito4-album TDD con Karma: directiva condicional (*ngIf) y plantillas (ng-container), según las instrucciones de Capítulo 04/Ejercicio05
• hito5-album PWA, según las instrucciones de Angular - PWA
• hito6-album Servicios, según las instrucciones de Angular - Servicios
• hito7-album TDD con Karma: Servicios, según las instrucciones de Capítulo 04/Ejercicio06

Instalación y Ejecución

cd DAWM-apps              #Ingrese a la carpeta de las aplicaciones
git switch hito<N>-album  #Cámbiese a la rama deseada
cd album/clienteAngular   #Ingrese a la carpeta del proyecto
npm i                     #Instale las dependencias
ng serve -o               #Levante el servidor

Test

Para los hitos marcados con TDDs:

cd DAWM-apps              #Ingrese a la carpeta de las aplicaciones
git switch hito<N>-album  #Cámbiese a la rama deseada
cd album/clienteAngular   #Ingrese a la carpeta del proyecto
npm i                     #Instale las dependencias
npm test                  #Ejecute los tests

Admin

Hitos

• hito1-admin Configuración básica de un proyecto Express, según las instrucciones de Express - Bases.
• hito2-admin Incorpora una plantilla de Bootstrap en un proyecto Express, según las instrucciones de Express - Bootstrap.
• hito3-admin Reutilización de componentes, según las instrucciones de Express - Layouts y Partials.
• hito4-admin Comunicación con la aplicación API, según las instrucciones de Guía 18.
• hito5-admin Uso de formularios para el envío de datos al API , según las instrucciones de Express - Formularios I.
• hito6-admin Uso de formularios para cargar un archivo en el API , según las instrucciones de Express - Formularios II.
• hito7-admin Autorización y autenticación, según las instrucciones de Express - Manejo de estados I: Sesión.
• hito8-admin Rastreo, según las instrucciones de Express - Manejo de estados II: Cookies.

Instalación y Ejecución

cd DAWM-apps              #Ingrese a la carpeta de las aplicaciones
git switch hito<N>-admin  #Cámbiese a la rama deseada
cd album/admin            #Ingrese a la carpeta del proyecto
npm i                     #Instale las dependencias
npm start                 #Levante el servidor

Test

Para los hitos marcados con TDDs:

cd DAWM-apps              #Ingrese a la carpeta de las aplicaciones
git switch hito<N>-admin  #Cámbiese a la rama deseada
cd album/admin            #Ingrese a la carpeta del proyecto
npm i                     #Instale las dependencias
npm test                  #Ejecute los tests

API (dbrms)

Hitos

• hito1-api Configuración básica de un proyecto Express, según las instrucciones de Express - Bases.
• hito2-api Uso básico del ORM del modelo FOTO y del modelo CATEGORIA, según las instrucciones de Express - ORM (Básico).
• hito3-api Uso intermedio del ORM al modificar la relación entre los modelos FOTO y CATEGORIA, e imágenes en la carpeta public; según las instrucciones de Express - ORM (Intermedio) y Guía 18.
• hito4-api TDD con Jest: FOTO, ETIQUETA y FOTOETIQUETA, según las instrucciones de Capítulo 05/Ejercicio02.
• hito5-api Uso de parámetros de consulta y parámetros de ruta, según las instrucciones de Express - Parámetros de consulta y Parámetros de ruta.
• hito6-api TDD con Jest: Etiqueta con uso de parámetros de consulta y parámetros de ruta, según las instrucciones de Capítulo 05/Ejercicio03.
• hito7-api Implementación del API REST del modelo FOTO, según las instrucciones de Express - REST.
• hito8-api TDD con Jest: FOTO, según las instrucciones de Capítulo 06/Ejercicio01.
• hito9-api Carga de archivo, según las instrucciones de Express - Formularios II.

Instalación y Ejecución

cd DAWM-apps              #Ingrese a la carpeta de las aplicaciones
git switch hito<N>-api    #Cámbiese a la rama deseada
cd album/api              #Ingrese a la carpeta del proyecto
npm i                     #Instale las dependencias

#Modifique la configuración para la conexión con la base de datos


sequelize db:drop         #Eliminación del schema
sequelize db:create       #Creación del schema
sequelize db:migrate      #Aplique las migraciones
sequelize db:seed:all     #Genere los datos

#Levante el servidor

npm start                 #Servidor predeterminado de Express
npm run devstart          #Servidor con detección de cambios (nodemon)

Test

Para los hitos marcados con TDDs:

cd DAWM-apps              #Ingrese a la carpeta de las aplicaciones
git switch hito<N>-api    #Cámbiese a la rama deseada
cd album/api            #Ingrese a la carpeta del proyecto
npm i                     #Instale las dependencias
npm test                  #Ejecute los tests

API2 (nodbrms)

Hitos

• hito1-api2 Configuración básica de un proyecto Express, según las instrucciones de Express - Bases.
• hito2-api2 Uso básico del ODM, según las instrucciones de Express - ODM (Básico).

Instalación y Ejecución

cd DAWM-apps              #Ingrese a la carpeta de las aplicaciones
git switch hito<N>-api2   #Cámbiese a la rama deseada
cd album/api2             #Ingrese a la carpeta del proyecto
npm i                     #Instale las dependencias

#Modifique la configuración para la conexión con la base de datos no relacional
#Levante el servidor

npm start                 #Servidor predeterminado de Express
npm run devstart          #Servidor con detección de cambios (nodemon)

SPA

Cliente

Hitos

• hito1-spa Sitio básico con Bootstrap y componentes compartidos, según las instrucciones de Guía 13.
• hito2-spa PWA y servicios, según las instrucciones de Guía 14.

Instalación y Ejecución

cd DAWM-apps              #Ingrese a la carpeta de las aplicaciones
git switch hito<N>-spa    #Cámbiese a la rama deseada
cd spa/clienteAngular     #Ingrese a la carpeta del proyecto
npm i                     #Instale las dependencias
ng serve -o               #Levante el servidor

Test

Para los hitos marcados con TDDs:

cd DAWM-apps              #Ingrese a la carpeta de las aplicaciones
git switch hito<N>-spa    #Cámbiese a la rama deseada
cd album/clienteAngular   #Ingrese a la carpeta del proyecto
npm i                     #Instale las dependencias
npm test                  #Ejecute los tests

Híbrida

Cliente

Hitos

• hito1-hibrida Sitio básico con Bootstrap, según las instrucciones de Angular Local y de Angular Bootstrap..
• hito2-hibrida usa Angular Material, según las instrucciones de Angular Material.
• hito3-hibrida incorpora el manejo de rutas, según las instrucciones de Angular Rutas.
• hito4-hibrida TDD con Karma: Material y Rutas, según las instrucciones de Capítulo 04/Ejercicio07

Instalación y Ejecución

cd DAWM-apps               #Ingrese a la carpeta de las aplicaciones
git switch hito<N>-hibrida #Cámbiese a la rama deseada
cd hibrida/clienteAngular  #Ingrese a la carpeta del proyecto
npm i                      #Instale las dependencias
ng serve -o                #Levante el servidor

Test

Para los hitos marcados con TDDs:

cd DAWM-apps              #Ingrese a la carpeta de las aplicaciones
git switch hito<N>-hibrida#Cámbiese a la rama deseada
cd hibrida/clienteAngular #Ingrese a la carpeta del proyecto
npm i                     #Instale las dependencias
npm test                  #Ejecute los tests

Referencias

• Guía completa markdown y su integración con R. (2022). Retrieved 28 November 2022, from https://rstudio-pubs-static.s3.amazonaws.com/330387_5a40ca72c3b14824acedceb7d34618d1.html
• Basic Syntax | Markdown Guide. (2022). Retrieved 28 November 2022, from https://www.markdownguide.org/basic-syntax/#paragraphs-1
• head, W., Stewart, R., & Bailey, C. (2011). What to do with commit made in a detached head. Retrieved 25 November 2022, from https://stackoverflow.com/questions/7124486/what-to-do-with-commit-made-in-a-detached-head/7124513#7124513
• How to rename and change a Git branch name locally & remotely. (2022). Retrieved 28 November 2022, from https://www.theserverside.com/blog/Coffee-Talk-Java-News-Stories-and-Opinions/rename-Git-branch-local-remote-GitHub-GitLab-BitBucket