DESARROLLO DE APLICACIONES WEB CON ANGULAR 8 - NIVEL AVANZADO

Personas interesadas en desarrollo de aplicaciones con Angular

El curso consiste en ver y aplicar técnicas avanzadas y complejas de desarrollo de aplicaciones SPA (Single Page Applications) con Angular 8. Tendrá un carácter eminentemente práctico con la realización de ejercicios y pequeñas prácticas sobre los conceptos teóricos impartidos.

Las sesiones tendrán una primera parte introductoria de conceptos teóricos con explicación de la sintaxis Angular para la implementación de esos conceptos. A continuación se propondrán ejemplos prácticos para aplicar esos conceptos teóricos vistos. El alumnado deberá ser lo más autónomo posible para resolver dudas o incidencias con el código puesto que se pretende que conozca y domine los recursos y documentación disponible en la web.

TEMA 0 (1 sesión)

Presentación del curso e introducción a las tecnologías web modernas

● Requisitos del curso
Imprescindibles: Nivel alto de HTML, CSS y JS, Nociones básicas de Typescript
Recomendados: Node.js, Manejo del comando NPM
● Introducción a los Frameworks actuales (Angular 8, React, Vue, Ember...)
● Conceptos de SPA, Inyección de Dependencias y Lazy Loading
● Explicación del desarrollo del curso (Contenidos, metodología, etc.)
● Presentación alumnos y cuestionario conceptos básicos

TEMA 1 (2 sesiones)

Servicios, Introducción a Dependency Injection

● Crear un servicio e inyectar en un componente
● Configuración de servicios
● Montar un sistema de red básico para gestionar
● Hacer un CRUD

TEMA 2 (2 sesiones)

Componentes II, un poco más sobre los componentes

● Comunicación externa mediante @Output
● Añadir y estructurar contenido desde fuera del componente
○ ng-content
○ ng-template
○ ng-container

TEMA 3 (2 sesiones)

Módulos, introducción a la modularización de una app

● Explicación de qué función tiene un módulo
● Como crear varios módulos
● Diferencias entre la carga estándar y lazy
● Montar lazyloading

TEMA 4 (1 sesión)

Subir proyecto a producción

● Preparar el proyecto para poder subirlo a producción
● Explicación del empaquetado
● Cómo compilar correctamente
● Subir a un FTP y probar

TEMA 5 (1 sesión)

Implementar APIs y Backend con Loopback

● Instalación y configuración de Loopback 4.0
● Enlace con Data Base Engine
● Creación de APIs
● Testeo de la API con Loopback Swagger

TEMA 6 (1 sesión)

Librerías de componentes

• PrimeNG (Prime Faces)
• DataTables
• Dropdowns
• Panels