Softtek Angular Pro App

Aplicación de ejemplo para el curso avanzado de Angular Moderno

Laboratorio de ejemplo del curso de Angular Moderno Pro para Softtek impartido por Alberto Basalo con TrainingIT.

Note

This project was generated with Angular CLI version 17.3.7. Updated to Angular 17.3.7.

1. Requisitos para el laboratorio

Comprobar versión de Node.js y npm.

Instalar Angular CLIpara generar aplicación de ejemplo.

# Check Node.js and npm versions
node -v
npm -v
# Install Angular CLI
npm i -g @angular/cli@latest

1.1. Instalación de API para pruebas

En otra carpeta aparte, se debe instalar un servidor de datos de pruebas para la aplicación.

Api-Bun está desarrollado con bun, pero se puede ejecutar con Node.js.

# Clone bun api from github
git clone https://github.com/AlbertoBasalo/api_bun.git
cd api_bun
# Install the bun dependencies
npm run bun:i
# Run the bun server
npm start

1.1. Clonado y ejecución de aplicación de ejemplo

# Clone demo lab from github
git clone https://github.com/TrainingITCourses/softtek_angular_pro_app.git
cd softtek_angular_pro_app/ActivityBookings
# Install
npm i
# Run Angular Server App
npm start

Note

La aplicación de ejemplo estará en la carpeta ActivityBookings

2. Replicar aplicación de ejemplo

Puedes, replicar la aplicación usando los siguientes comandos y agregando el contenido desde este repo.

# Generate new Angular project
ng new ActivityBookings --inline-style --inline-template --prefix=lab --skip-tests --ssr --style=css

3 . Recomendaciones

• Instalar Angular essentials en Visual Studio Code.

• Configurar Prettier

• Configurar ESLint

🧑🏼‍💻 By Alberto Basalo