Skip to content

Cómo codificar en TypeScript

INFO

La fuente original (en ingles) de este tutorial se encuentra aquí

Introducción

TypeScript es una extensión del lenguaje JavaScript que utiliza el tiempo de ejecución de JavaScript con un verificador de tipos en tiempo de compilación. Esta combinación permite a los desarrolladores usar el ecosistema completo de JavaScript y las características del lenguaje, al mismo tiempo que agrega verificación de tipos estáticos opcionales, tipos de datos de enumeración, clases e interfaces.

Esta serie le mostrará la sintaxis que necesita para comenzar con TypeScript, lo que le permitirá aprovechar su sistema de escritura para crear código escalable de nivel empresarial.

Cómo Usar Tipos Básicos en TypeScript

TypeScript es una extensión del lenguaje JavaScript que utiliza el tiempo de ejecución de JavaScript con un verificador de tipos en tiempo de compilación. Esta combinación permite a los desarrolladores usar el ecosistema completo de JavaScript y las características del lenguaje, al mismo tiempo que agrega verificación de tipos estáticos opcionales, tipos de datos de enumeración, clases e interfaces. Este tutorial analizará la declaración de tipos y todos los tipos básicos utilizados en TypeScript.

Cómo Crear Tipos Personalizados en TypeScript

Aunque los tipos básicos en TypeScript cubrirán muchos casos de uso, la creación de sus propios tipos personalizados basados en estos tipos básicos le permitirá asegurarse de que el verificador de tipos valide las estructuras de datos específicas de su proyecto. Este tutorial le mostrará cómo usar tipos personalizados con TypeScript, cómo componer esos tipos junto con uniones e intersecciones, y cómo usar tipos de utilidad para agregar flexibilidad a sus tipos personalizados.

Cómo Usar Funciones en TypeScript

TypeScript es totalmente compatible con la sintaxis de JavaScript existente para funciones, al tiempo que agrega información de tipo y sobrecarga de funciones como nuevas características. Además de proporcionar documentación adicional a la función, la información de tipo también disminuirá las posibilidades de tener errores. En este tutorial, comenzará creando las funciones más básicas con información de tipo, luego pasará a escenarios más complejos, como el uso de parámetros de descanso y la sobrecarga de funciones.

Cómo Usar Enumeraciones en TypeScript

En TypeScript, las enumeraciones o tipos enumerados son estructuras de datos de longitud constante que contienen un conjunto de valores constantes. Cada uno de estos valores constantes se conoce como miembro de la enumeración. Las enumeraciones son útiles cuando se establecen propiedades o valores que solo pueden ser una cierta cantidad de valores posibles. Este tutorial explicará la sintaxis utilizada para crear tipos de enumeración, el código JavaScript que el Compilador de TypeScript crea bajo el capó y un caso de uso para enumeraciones en el desarrollo de juegos.

Cómo Usar Clases en TypeScript

Las clases son una abstracción común utilizada en los lenguajes de programación orientada a objetos (POO) para describir estructuras de datos conocidas como objetos. TypeScript tiene soporte completo para la sintaxis de clase y también agrega características, como visibilidad de miembros, clases abstractas, clases genéricas, métodos de función de flecha y algunos otros. Este tutorial repasará la sintaxis utilizada para crear clases, las diferentes funciones disponibles y cómo se tratan las clases en TypeScript durante la verificación de tipos en tiempo de compilación.

Cómo Usar Decoradores en TypeScript

TypeScript permite a los desarrolladores usar el ecosistema completo de JavaScript y las características del lenguaje, al mismo tiempo que agregan verificación de tipo estático, enumeraciones, clases e interfaces opcionales. Una de esas características adicionales es el soporte para decoradores. Los decoradores son una forma de decorar miembros de una clase, o una clase en sí misma, con funcionalidad adicional. Este tutorial cubre la creación de decoradores en TypeScript para clases y miembros de clase, y también cómo usarlos.

Cómo Usar Interfaces en TypeScript

TypeScript ofrece múltiples formas de representar objetos en su código, una de las cuales es usar interfaces. Las interfaces en TypeScript tienen dos escenarios de uso, puede crear un contrato que deben seguir las clases, como los miembros que esas clases deben implementar, y también puede representar tipos en su aplicación, al igual que la declaración de tipo normal. Puede notar que las interfaces y los tipos comparten un conjunto similar de características. En este tutorial, creará interfaces en TypeScript, aprenderá a usarlas y comprenderá las diferencias entre los tipos normales y las interfaces.

Cómo Usar Genéricos en TypeScript

TypeScript es totalmente compatible con los genéricos como una forma de introducir la seguridad de tipos en los componentes que aceptan argumentos y devuelven valores cuyo tipo será indeterminado hasta que se consuman más adelante en su código. En este tutorial, probará ejemplos del mundo real de genéricos de TypeScript y explorará cómo se usan en funciones, tipos, clases e interfaces. También usará genéricos para crear tipos asignados y tipos condicionales, lo que lo ayudará a crear componentes de TypeScript que tengan la flexibilidad de aplicarse a todas las situaciones necesarias en su código.

Cómo Usar Espacios de Nombres en TypeScript

En TypeScript, puede usar espacios de nombres para organizar su código. Anteriormente conocidos como módulos internos, los espacios de nombres en TypeScript se basan en un borrador inicial de los módulos ECMAScript. En este tutorial, creará y usará espacios de nombres para ilustrar la sintaxis y para qué se pueden usar. Le guiará a través de ejemplos de código de declaración y fusión de espacios de nombres, cómo funcionan los espacios de nombres como código JavaScript bajo el capó y cómo se pueden usar para declarar tipos para bibliotecas externas sin tipificación.

Released under the MIT License.