DESARROLLO DE APLICACIONES WEB CON ANGULAR 8 - NIVEL BÁSICO

Personas interesadas en desarrollo de aplicaciones

El curso consiste en una introducción al entorno 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.

TEMA 0 (1 sesión)

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

● Introducción a los Frameworks actuales (Angular 8, React, Vue, Ember...)
● Concepto de SPA o Single Page Application
● Explicación del desarrollo del curso (Contenidos, metodología, etc.)
● Presentación alumnos y cuestionario conceptos básicos

TEMA 1 (1 sesión)

Introducción a las herramientas y librerías del framework Angular 8:

● Presentar la dinámica del curso
● Requisitos mínimos para instalación de herramientas
● Instalación y configuración de todas las herramientas necesaria (Programas, Versiones, Arrancar proyecto de prueba)

TEMA 2 (2 sesiones)

Crear y configurar nuestro primer proyecto:

● Comando para crear el proyecto
● Estructura de archivos y directorios (scaffolding)
● Comando para arrancar la app en local
● Comandos básicos de angular CLI
● Fichero angular.json y package.json
○ Comentar estructura
○ Como funciona la importación de ficheros
○ Configuraciones importantes

TEMA 3 (2 sesiones)

Renderizado de una vista y directivas de control:

● Explicación mediante ejemplos del funcionamiento y uso de:
○ Los corchetes: [ ]
○ Los paréntesis: ( )
○ Corchetes y paréntesis: [( )]
○ Double Moustache: {{ }}

TEMA 4 (2 sesiones)

Componentes I, introducción a la filosofía de componentes y creación de un componente:

● Estructura de un componente
● Hacer nuestro componente
● Ciclo de vida de un componente
○ ngOnInit
○ ngOnDestroy
○ ngAfterViewInit
● Pasar parámetros a nuestro componente (@Input)
● Comentar NgModule y los imports de los componentes

TEMA 5 (2 sesiones)

Router, explicación y funcionamiento del router de angular:

● Configuración y opciones
● Auth Guard
●
● Navegación entre rutas
● Pasar parámetros por la ruta