Compilación de aplicaciones JavaScript con TypeScript
TypeScript ofrece todas las características de JavaScript, además de una capa adicional sobre ellas: el sistema de tipos de TypeScript. En esta ruta de aprendizaje, descubrirá cómo el uso de TypeScript para el desarrollo de JavaScript puede ayudarle a crear código más sólido, reducir los errores de tipos en tiempo de ejecución, aprovechar las ventajas de las modernas características antes de que estén disponibles en JavaScript y trabajar mejor con los equipos de desarrollo.
Requisitos previos
- Conocimientos de HTML básico y JavaScript ES6/2015, como:
- Condicionales
- Functions
- Ámbito
- Matrices
- Bucles
- Iterators
- Objetos
- Clases
- Módulos
- Software instalado:
- Git
- Visual Studio Code
- Node.js
- TypeScript
Código de logros
¿Desea solicitar un código de logro?
Módulos en esta ruta de aprendizaje
En este módulo se presenta el lenguaje TypeScript, por qué se creó y cómo se usa para el desarrollo en JavaScript. Además, aquí configurará un entorno de desarrollo de TypeScript para ejercicios futuros.
JavaScript es un lenguaje de tipos dinámicos. Aunque esto facilita la declaración de variables, en algunos casos puede provocar resultados inesperados. El sistema de tipos estáticos de TypeScript permite describir la forma de un objeto, proporcionando una mejor documentación y permitiendo que TypeScript valide que el código funciona correctamente. En TypeScript, las declaraciones de espacios de nombres, clases, propiedades, funciones, variables y otras entidades de lenguaje asocian tipos a esas entidades. La forma en que se forma un tipo y se asocia a una entidad de lenguaje depende del tipo de entidad. En este módulo, se presentan algunos de los tipos disponibles y se muestra cómo asociarlos con variables. En módulos posteriores, se examinará la forma en que las interfaces, las funciones y las clases utilizan tipos estáticos.
JavaScript no admite interfaces, por lo que, como desarrollador de JavaScript, podría tener o no experiencia con ellas. En TypeScript, puede usar interfaces igual que en la programación tradicional orientada a objetos. También puede emplear interfaces para definir tipos de objetos; este es el enfoque principal de este módulo.
Si sabe cómo escribir funciones en JavaScript, también sabrá escribir funciones en TypeScript. Solo que TypeScript agrega algunas nuevas funcionalidades a las funciones estándar de JavaScript para facilitar el trabajo.
Las clases de TypeScript amplían la funcionalidad de ES6 agregando características específicas de TypeScript como anotaciones de tipo para los miembros de clase, modificadores de acceso y la capacidad de especificar parámetros obligatorios u opcionales. Otro beneficio de usar TypeScript es que puede usarlo para realizar tareas de desarrollo con clases y luego compilar estas en JavaScript, que funciona en todos los principales exploradores y plataformas, según sea necesario.
Los genéricos son plantillas de código que puede definir y reutilizar en todo el código base. Proporcionan una manera de indicar a las funciones, clases o interfaces qué tipo quiere usar al llamarlas.
TypeScript proporciona dos maneras de organizar el código: espacios de nombres y módulos. En este módulo de Learn se presentan los módulos en TypeScript (denominados módulos externos en versiones anteriores).
TypeScript proporciona dos maneras de organizar el código: espacios de nombres y módulos. En este módulo se explica cómo organizar el código de TypeScript mediante espacios de nombres.