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
