Introducción a Angular

Ing. Adrián Egüez

Reuse your code and abilities to build apps for any deployment target

Introducción Angular

Ing. Adrián Egüez

Antes de conocer sobre angular debemos de entender su contexto

Angular - Contexto

Ing. Adrián Egüez

En el pasado SOLO se utilizaba renderización del servidor

Angular - Contexto

Ing. Adrián Egüez

Es decir el servidor se encargaba de:

  • Construir HTML
  • Lógica de Negocio
  • Validación
  • Autorización
  • Autenticación
  • Almacenamiento y Recuperación de Información

Angular - Contexto

Ing. Adrián Egüez

BENEFICIOS:

  • Seguridad

DESVENTAJAS:

  • Servidores hacen mucho más trabajo (necesita más recursos)
  • Difícil de crear contenido dinámicamente

¿Lenguaje Tipado?

¿Qué es eso?

Ing. Adrián Egüez

var nombre = "Adrian";

let nombre:string = "Adrian";

No Typado

Typado

La variable no se sabe de qué tipo es:

  • Desconoce métodos
  • Desconoce propiedades

Se sabe de qué tipo es:

  • Conoce métodos
  • Conoce propiedades
  • Se valida en el IDE
  • Código + Seguro

**IDE = Entorno de desarrollo

¿Donde se puede usar?

Ing. Adrián Egüez

let nombre:number= 55;

Variables

Parametros de Funciones

function HolaMundo (nombre:string){

*/ Implementación /*

}

¿Donde se puede usar?

Ing. Adrián Egüez

Tipo de retorno de Funciones

function HolaMundo (nombre):void{

*/ Implementación /*

}

¿Donde se puede usar?

Ing. Adrián Egüez

Definición de interfaces

interface persona{

  nombre:string,

  apellido:string,

  fecha:new Date(),

}

¿Cómo empiezo?

Ing. Adrián Egüez

Por lo tanto debemos de instalar Node.js

Typescript corre gracias a:

Node.js

¿Cómo empiezo?

Ing. Adrián Egüez

Después, instalamos mediante el gestor de paquetes de node.js npm :

$ npm install -g typescript

Escribimos nuestro código en un archivo TypeScript.

Transpilamos con el comando:

$ tsc archivo.ts

Los archivos TypeScript tienen por extension".ts"

¿Cómo empiezo?

Ing. Adrián Egüez

Al final tendríamos un nuevo archivo:

archivo.js

> Carpeta

   > archivo.ts

   > archivo.js

Documentación

Ing. Adrián Egüez

TypeScript tiene una genial documentación, puedes visitarla en el sigueinte enlace:

Handbook

Ing. Adrián Egüez

  • Types
  • Declarations
  • Interfaces
  • Classes
  • Iterators
  • Functions
  • Generics
  • Enums
  • Type Inference
  • Generators

Es un lenguaje tipado bastante completo:

En la documentación tenemos un Handbook con lo necesario

  • Symbols
  • Modules
  • Namespaces
  • Decorators
  • Mixins

Final Words

Ing. Adrián Egüez

TypeScript nos brinda mejores y actuales formas de escribir JavaScript

En los últimos meses se ha convertido el estándar dentro de código JavaScript

Final Words

Ing. Adrián Egüez

Es un lenguaje soportado por Microsoft

Muchos Frameworks lo  usan / están migrando a su uso

Gracias

Ing. Adrián Egüez

Angular - Introduccion

By Adrian Eguez

Angular - Introduccion

Dentro de estos slides se encuentra una pequeña descripción de Angular

  • 795