2.1 Introducción a TypeScript (Conceptos basicos)
- 2. ¿Qué esTypescript? • Typescript es un lenguaje de programación de código abierto que proporciona características adicionales al lenguaje de programación Javascript. Typescript es denominado un“superset” que proporciona o extiende las capacidades nativas de Javascript.
- 3. El nacimiento de Typescript remonta el año 2012, desarrollado por Microsoft con Anders Hejlsberg como el arquitecto principal. Typescript viene a solucionar algunos puntos en donde Javascript presentaba muchos problemas para bases de código de gran tamaño, problemas de modularidad y depuración de código.
- 6. El proceso de compilación de TypeScript a JavaScript se realiza mediante el compilador de TypeScript (tsc), que viene incluido con la instalación de TypeScript. Cuando ejecutas el compilador de TypeScript en tu código fuente (.ts), este genera un archivo JavaScript equivalente (.js) que puede ser interpretado y ejecutado por cualquier motor de JavaScript.
- 7. El compilador de TypeScript también admite diferentes versiones de ECMAScript (el estándar en el que se basa JavaScript), lo que te permite generar código que sea compatible con versiones más antiguas o más modernas de navegadores y entornos Node.js.
- 8. Artefactos y conceptos clave de Typescript • Compilador de Typescript: El compilador de TypeScript viene incorporado en la instalación, el compilador básicamente se encarga de transformar el código TypeScript en código JavaScript. • Archivo tsconfig.json: Es un archivo de configuración que utiliza el compilador para ser ejecutado bajo ciertas condiciones. La presencia de un archivo tsconfig.json en un directorio indica que el directorio es la raíz de un proyecto de TypeScript.
- 9. Artefactos y conceptos clave de Typescript • Módulos de Typescript: A partir de ECMAScript 2015, JavaScript tiene el concepto de módulos. TypeScript comparte este mismo concepto, utilizando la misma sintaxis para exportar e importar módulos externos. • Archivos fuente (.ts): Estos son los archivos que contienen el código TypeScript escrito por los desarrolladores. Tienen la extensión “.ts” y contienen todas las características de TypeScript, como tipos estáticos, interfaces, clases, etc.
- 10. Artefactos y conceptos clave de Typescript • Archivos de definición de tipos (.d.ts): Estos archivos contienen definiciones de tipos para bibliotecas de JavaScript existentes. Permiten a TypeScript comprender la forma de los objetos y funciones proporcionados por las bibliotecas JavaScript para ofrecer un mejor soporte de autocompletado y verificación de tipos en proyectos TypeScript que utilizan esas bibliotecas. • Carpeta de declaración de tipos (@types): Cuando instalas bibliotecas TypeScript a través de npm, algunas de ellas pueden incluir archivos de declaración de tipos en la carpeta“@types” dentro del directorio “node_modules”. Estos archivos proporcionan información de tipos para las bibliotecas, lo que facilita su integración con proyectos TypeScript.
- 11. Artefactos y conceptos clave de Typescript • Mapas de origen (.map): Estos archivos opcionales se generan junto con los archivos JavaScript transpilados. Proporcionan un mapeo entre el código TypeScript original y el código JavaScript generado, lo que ayuda a los navegadores y herramientas de depuración a mostrar los errores y excepciones en el código fuente TypeScript en lugar del código JavaScript transpilado.