Scribd
Cargar
4 vistas10 páginas

Introducción a Angular y TypeScript

El documento presenta una introducción a Angular, un framework para el desarrollo de aplicaciones SPA utilizando HTML y Typescript, y cubre conceptos básicos, instalación y herramientas como Angular CLI. También se discuten las diferencias entre SPA y MPA, así como la evolución y características de Javascript y Typescript, destacando las ventajas de Typescript sobre Javascript. Se menciona la necesidad de npm para la instalación de Typescript.

Cargado por

zapatatome
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
4 vistas10 páginas

Introducción a Angular y TypeScript

El documento presenta una introducción a Angular, un framework para el desarrollo de aplicaciones SPA utilizando HTML y Typescript, y cubre conceptos básicos, instalación y herramientas como Angular CLI. También se discuten las diferencias entre SPA y MPA, así como la evolución y características de Javascript y Typescript, destacando las ventajas de Typescript sobre Javascript. Se menciona la necesidad de npm para la instalación de Typescript.

Cargado por

zapatatome
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Módulo 1: Introducción a Angular

Módulo 1: Introducción a Angular


● Conceptos básicos sobre Angular
● Instalación del software necesario
● Entorno de desarrollo
● Breve introducción a Typescript
● Breve introducción a Angular CLI
Angular

● Es un framework para desarrollo de


aplicaciones SPA utilizando HTML y
Typescript
● Escrito y basado en Typescript
● Basado en módulos, componentes y
servicios (clases Typescript con
decoradores)
● Extiende el código HTML con etiquetas
propias
[Link]
Single Page Application (SPA)

● SPA vs. MPA (Multiple Page Application)


● Aplicaciones cliente completas programadas con
HTML, CSS y Javascript
● Vistas vs. Páginas
● Comunicación con el servidor a través de API’s
● Frameworks para crear SPA’s: Angular, React, Vue,
EmberJS, Polymer, Svelte, etc.

[Link]
Javascript
● Creado en 1995
● En 1997 se crea un comité de la ECMA para su estandarización. Se diseña el DOM
(Document Model Object) para evitar incompatibilidades de navegadores
● Las nuevas versiones de Javascript se regirán por ECMAScript
● En 2011 se aprueba ES5
● En 2014 se aprueba ES6 (funciones de flecha, let y const, clases, template strings,
promesas, etc.)
● Versiones de Javascript: [Link]
● Compatibilidad con navegadores según versión de ECMASscript:
[Link]

[Link]
Typescript
● Es un lenguaje de programación Open Source
creado por Microsoft en 2012
● Superset de Javascript
● Transpilación vs compilación
● Sitios oficiales:
○ [Link]
○ [Link]
○ [Link]

[Link]
[Link]
Typescript
● Características principales:
○ Tipado estático (autocompletado de código, recomendación de argumentos de función,
documentación, etc.)
○ Orientado a objetos con clases
○ Interfaces
○ Tipos genéricos
○ Casting de datos
○ Argumentos con tipo
○ Tipo de retorno de las funciones
○ Tooling: soporte para herramientas en tiempo de desarrollo. Su servicio tsserver expone al
compilador y otros servicios del lenguaje y los expone como un servicio para los editores de código.
Esto permite disponer de herramientas fundamentales como el Intellisense.
Typescript - Ventajas frente a Javascript
● Tipado estático (y opcional) permite verificar corrección del código y produce
menos errores
● Permite que los editores de código ofrezcan autocompletar, refactorizar, ir a, etc.
● Sintaxis similar a Javascript y a Java o C#
● El compilador siempre generará código Javascript compatible con los navegadores
● Pone orden en Javascript. Código mucho más entendible
Typescript - Instalación
Typescript - Instalación
● Para instalar Typescript se necesita npm, el gestor de paquetes de NodeJS

[Link]

También podría gustarte