BIENVENIDOS

ING. FIGUEROA WASHINGTON --- D.T.MOWED CIA.LTDA.

CONTENIDO DEL CURSO:

• Sección 1: Introducción al curso de Angular

• Introducción.
• Información sobre Angular y el curso.
• Instalaciones y configuraciones mínimas necesarias.
CONTENIDO DEL CURSO:

• Sección 2: Introducción a TypeScript • Programacion orienta a objetos

• Introducción a la sección.
• Objetos JSON • Clases, métodos y propiedades
• Entorno de Desarrollo • Constructores, Interfaces y herencia
• Primeros pasos TS
• Variables y tipado
CONTENIDO DEL CURSO:

• Sección 3: Aplicación hola mundo.

• Introducción.
• Introducción a componente y directivas estructurales.
• Primera interacción con Angular.
• Creando un entorno local de angular
• Estructura del proyecto.
• Utilización de Bootstrap 4
Angular es compatible desde, angular2 final, 4, 5, 6, 7, 8.
CONTENIDO DEL CURSO:
• Sección 4: Aplicación de
una sola página (SPA).
• Iniciar el proyecto - SPA.
• Creando la estructura del
proyecto.
• Instalando el Boostrap al
usar Angular-CLI.
• Configuración del navbar
y otros componentes.
• Rutas en Angular. • Rutas con parámetros
Router.
• RouterLink y
RouterLinkActive - • Recibiendo parámetros por
Completando a las rutas. URL- ActivatedRoute.
• Componente Heroes- • Pipes: transformación
diseño. visual de la data.
• Introducción a los
servicios.
• Creando el primer servicio
HeroesService.
CONTENIDO DEL CURSO:

• Sección 5: Transformación de valores mostrados en pantalla.

• Introducción a la sección.
• Inicio del proyecto a la introducción a los Pipes.
• Pipe: upercase, lowecase, silice, decimal, porcent, currency, Json, Async.
EMPECEMOS
QUE ES TYPESCRIPT

• Un lenguaje de programación libre y de código abierto 

• Desarrollado y mantenido por Microsoft.
• Es un superconjunto de JavaScript, que esencialmente añade tipos estáticos y objetos
basados en clases.
¿QUÉ ES ANGULAR?

Framework de JAVASCRIPT

Respaldado por GOOGLE

Aplicaciones APA (single page)

Conexión asíncrona con los servidores

Objetivo: Trasladar la lógica de negocio a una aplicación que se ejecuta en el navegador, en una
sola página con múltiples rutas
¿QUÉ SE PUEDE HACER CON ANGULAR?

Crear todo Se tiene el Mejorar el Volver a usar

1

4
tipo de control de rendimiento los
páginas webs. todo lo que se de conexión componentes
quiere que con los Back- que se haya
pase en la End creado a lo
web. largo de todo
el proyecto.
DOM (DOCUMENT OBJECT MODEL),

• Es una interfaz de programación para los documentos HTML y XML.

• Facilita una representación estructurada del documento y define de qué manera los
programas pueden acceder, al fin de modificar,
• Estructura,
• Estilo
• Contenido. 
DIRECTIVAS

• Son marcas en los elementos del árbol DOM, en los nodos del HTML.
• Indican al compilador de Angular que debe asignar cierto comportamiento a dichos
elementos o transformarlos según corresponda.
• *ngIf=“”
• *ngFor=“let usuario of usuarios”
• [ngSwitch]=“color” > *ngSwitchCase=“blue”