https://github.com/trainingitcourses/softtek_angular_pro_app
Demo app para el curso avanzado de Angular
https://github.com/trainingitcourses/softtek_angular_pro_app
angular custom modern
Last synced: about 2 months ago
JSON representation
Demo app para el curso avanzado de Angular
- Host: GitHub
- URL: https://github.com/trainingitcourses/softtek_angular_pro_app
- Owner: TrainingITCourses
- License: mit
- Created: 2024-05-21T08:15:57.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-06T15:08:01.000Z (about 2 years ago)
- Last Synced: 2025-01-31T10:24:26.241Z (over 1 year ago)
- Topics: angular, custom, modern
- Language: TypeScript
- Homepage:
- Size: 987 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Softtek Angular Pro App
Aplicación de ejemplo para el curso avanzado de Angular Moderno
> [Laboratorio de ejemplo](https://github.com/TrainingITCourses/softtek_angular_pro_app) del curso de [Angular Moderno Pro para Softtek](https://cursos.trainingit.es/course/view.php?id=1570) impartido por [Alberto Basalo](https://albertobasalo.dev) con TrainingIT.
> [!NOTE]
> This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version _17.3.7._
> Updated to Angular **17.3.7.**
## 1. Requisitos para el laboratorio
Comprobar [versión de Node.js](https://angular.io/guide/versions) y npm.
Instalar **Angular CLI**para generar aplicación de ejemplo.
```bash
# 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](https://github.com/AlbertoBasalo/api_bun) está desarrollado con [bun](https://bun.sh/), pero se puede ejecutar con _Node.js_.
```bash
# 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
```bash
# 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](./ActivityBookings)
## 2. Replicar aplicación de ejemplo
Puedes, replicar la aplicación usando los siguientes comandos y agregando el contenido desde este repo.
```bash
# Generate new Angular project
ng new ActivityBookings --inline-style --inline-template --prefix=lab --skip-tests --ssr --style=css
```
### 3 . Recomendaciones
- Instalar [Angular essentials](https://marketplace.visualstudio.com/items?itemName=johnpapa.angular-essentials) en Visual Studio Code.
- Configurar Prettier
- Configurar ESLint
🧑🏼💻 By Alberto Basalo
