Online TypeScript Compiler

Write, compile, run, and debug TypeScript online in a full-featured browser IDE. Manage multiple files and packages, save your workspace, and collaborate in real time.

Versión

Bibliotecas preinstaladas

🚀 1,158 ejecuciones totales (117 este mes)

Salida

Practica Python con desafíos de código

Resuelve problemas prácticos en este editor: ejecuta las pruebas de ejemplo, envía tu solución y recibe una revisión de código por IA.

Todos los desafíos de Python

Fácil

Rectangle Perimeter

Compute the perimeter of a rectangle from its sides.

Aprenderás AritméticaValores de retorno

BeginnerLearning-pathVariables

Ver soluciones (12)

Fácil

Distance Between Points

Compute the straight-line distance between two points.

Aprenderás Teorema de PitágorasRaíces cuadradas

BeginnerFunctionsLearning-pathmath

Ver soluciones (7)

Fácil

Days in a Month

Return how many days a month has, including leap years.

Aprenderás Reglas del calendarioFunciones auxiliares

BeginnerConditionsFunctionsLearning-path

Ver soluciones (6)

Fácil

Average of Three

Average three whole numbers.

Aprenderás AritméticaDivisión

BeginnerLearning-pathVariables

Ver soluciones (6)

Fácil

Producto escalar de dos vectores

Multiplica dos vectores elemento a elemento y suma los resultados, la operación central de toda neurona.

Aprenderás VectoresProducto escalar

Redes neuronalesaiaprendizaje automático

Ver soluciones (4)

Fácil

El mayor de tres

Elige el mayor de tres números sin usar una función máxima incorporada.

Aprenderás ComparacionesCombinar condiciones

BeginnerConditionsLearning-path

Ver soluciones (4)

Fácil

Verificación de número primo

Determina si un número es primo.

Aprenderás DivisibilidadOptimizar bucles

BeginnerLoopsNumbersStudent-beginner

Ver soluciones (3)

Fácil

Number Triangle

Build a triangle of increasing numbers.

Aprenderás Filas crecientesContador entre filas

BeginnerLearning-pathNested-loopsPatterns

Ver soluciones (3)

Fácil

Número de Armstrong

Verifica si un número es igual a la suma de sus dígitos elevados a la cantidad de dígitos.

Aprenderás Extraer dígitosPotencias

BeginnerNumbersStudent-beginner

Ver soluciones (3)

Fácil

Row Sums

Add up every row of a grid.

Aprenderás Listas 2DBucles anidados

BeginnerGridsLearning-path

Ver soluciones (3)

Fácil

Min and Max Together

Find the smallest and largest value in one pass.

Aprenderás Una sola pasadaVarios valores de retorno

ArraysBeginnerFunctionsLearning-path

Ver soluciones (3)

Fácil

Contar pares con una suma

Cuenta los pares de posiciones cuyos valores suman un objetivo dado.

Aprenderás Pares de índicesEvitar contar dos veces

ArraysBeginnerLearning-pathNested-loops

Ver soluciones (3)

🌀 Acerca de este ejecutor de TypeScript en línea

El CodeUtility TypeScript Executor te permite escribir y ejecutar código TypeScript directamente en tu navegador - sin configurar un compilador, instalar Node.js ni preparar un entorno local. Ejecuta código TypeScript real compilado a JavaScript dentro de un entorno seguro y aislado (sandbox).

Este entorno actualmente es compatible con TypeScript 5.4, dándote acceso a las funciones más recientes del lenguaje como decoradores, mejor inferencia de tipos y soporte moderno de ECMAScript.

Ya sea que estés aprendiendo TypeScript, probando funciones utilitarias o experimentando con tipos e interfaces, esta herramienta ofrece una forma rápida e interactiva de escribir, compilar y ejecutar tu código con retroalimentación instantánea.

Es perfecto para desarrolladores que quieren explorar el sistema de tipos de TypeScript o verificar cómo TypeScript compila a JavaScript sin cambiar entre editores o terminales locales.

Más que un ejecutor de código

Utiliza un editor de varios archivos, un terminal de ejecución aislado, bibliotecas específicas del entorno, espacios de trabajo persistentes, opciones para compartir y colaboración en tiempo real desde el mismo ejecutor.

¿Cómo se utiliza este ejecutor?

Elige un entorno de ejecución, abre o crea un archivo, escribe el código y selecciona Ejecutar. El resultado aparece en el terminal; los usuarios que han iniciado sesión pueden conservar archivos en un espacio de trabajo, instalar bibliotecas y colaborar mediante elementos compartidos.

Selecciona una versión y edita el archivo actual o abre otro archivo del espacio de trabajo.
Ejecuta el código, introduce datos en el terminal cuando se soliciten y revisa el historial de ejecuciones guardado.
Utiliza bibliotecas, herramientas del espacio de trabajo, opciones para compartir y el chat cuando la tarea requiera más de un fragmento.

Empezar a codificar

VersiónSeleccione un tiempo de ejecución antes de ejecutar.Las bibliotecas instaladas pertenecen a la versión del idioma seleccionado.
Archivos abiertos enumera archivos de texto no abiertos.Seleccione uno para abrirlo en una pestaña del editor disponible.
Ejecutar ejecuta el archivo activo con su espacio de trabajo disponible para el programa.
Stop finaliza la ejecución actual antes de su límite de tiempo.
El modo avanzado abre el diseño IDE con un explorador de archivos y un terminal móvil de tamaño variable.

Espacio de trabajo y bibliotecas

Nuevo archivo crea un archivo en el directorio principal seleccionado y lo abre en el editor.
La nueva carpeta crea un directorio, hasta la profundidad de anidamiento admitida.
Cargar archivos agrega uno o más archivos seguros a un directorio.
La descarga guarda un archivo o un directorio comprimido en su dispositivo.
Copiar duplica un archivo o directorio de espacio de trabajo.
Cambiar nombre cambia el nombre de un archivo y actualiza su pestaña abierta y su historial.
Mover reubica un elemento;También se pueden arrastrar archivos y directorios.
Eliminar elimina un elemento después de la confirmación y cierra la pestaña abierta del editor.
Las bibliotecas preinstaladas muestran los paquetes que ya están incluidos en este tiempo de ejecución.
Add Lib instala un paquete privado para su cuenta y el tiempo de ejecución seleccionado.

Terminal y asistencia

El historial de ejecución abre las salidas guardadas anteriores y siguientes.
Ejecutar con cambia TypeScript entre el servidor de ejecución y TypeScript en el navegador. El modo de navegador sincroniza los archivos del espacio de trabajo; las bibliotecas instaladas en la cuenta y la entrada interactiva requieren el servidor de ejecución.
Copiar salida copia el texto del terminal actual.
Borrar salida elimina todas las salidas de ejecución guardadas después de la confirmación.
Explicar resume el código activo.
Recientes abre explicaciones y resultados recientes.
La configuración cambia las fuentes, los temas y los botones visibles de la barra de herramientas.

Compartir y colaborar

Share publica el archivo actual, un directorio o todo el espacio de trabajo como una instantánea o un espacio de trabajo en vivo.Usted controla el acceso a los enlaces y quién puede guardar los cambios.
Registra las acciones guardadas de los colaboradores en un espacio de trabajo compartido.
Compartir chat permite a los participantes que han iniciado sesión enviar mensajes, mencionar personas, compartir bloques de código y ver miembros en línea o escribiendo.
La colaboración en vivo muestra los cursores de los colaboradores y las actualizaciones de archivos guardados.Los usuarios de solo lectura pueden cargar la última versión o mantener ediciones temporales.

Cuotas y límites

El tiempo de ejecución está limitado a 20 segundos por ejecución del servidor.Utilice Detener cuando desee finalizarlo antes.
El almacenamiento del espacio de trabajo permite 100 archivos, 100 directorios y 10 MiB en total para cada espacio de trabajo e idioma de usuario que haya iniciado sesión.
Los archivos y carpetas están limitados a 1 MiB por archivo y 5 niveles de directorio anidados.Los archivos generados por su código siguen la misma cuota.
Las bibliotecas privadas están limitadas a 10 paquetes instalados para cada cuenta y tiempo de ejecución.
Las instantáneas compartidas pueden contener hasta 100 archivos, 1 MiB por archivo y 2 MiB en total.
Las invitaciones para compartir admiten hasta 25 personas por acción, con permisos de acceso y guardado administrados por separado.
El chat compartido permite 2000 caracteres por mensaje y 10 000 mensajes por compartir.
La aplicación de cuotas también se aplica mientras se ejecuta el código.Una escritura que exceda los límites de recuento, tamaño, almacenamiento o anidamiento de archivos se rechaza de forma segura.

Es bueno saberlo Sólo ejecute código e instale paquetes en los que confíe.La ejecución es aislada y limitada, pero su programa aún puede modificar archivos dentro de un espacio de trabajo de escritura hasta su cuota impuesta.

💡 Guía básica de TypeScript para principiantes

1. Declaración de variables

TypeScript permite tipado estático con let, const y anotaciones de tipo.

let x: number = 10;
const pi: number = 3.14;
let name: string = "Alice";
let isActive: boolean = true;

2. Condicionales (if / switch)

Usa if, else if y else para ramificar. switch maneja múltiples valores.

let x = 5;
if (x > 0) {
  console.log("Positivo");
} else if (x < 0) {
  console.log("Negativo");
} else {
  console.log("Cero");
}

switch (x) {
  case 1:
    console.log("Uno");
    break;
  case 2:
    console.log("Dos");
    break;
  default:
    console.log("Otro");
}

3. Bucles

Usa for, while y for...of para iterar.

for (let i = 1; i <= 5; i++) {
  console.log(i);
}

let i = 5;
while (i > 0) {
  console.log(i);
  i--;
}

4. Arreglos

Usa corchetes [] para definir arreglos.

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob"];
console.log(numbers[1]);

5. Manipulación de arreglos

Usa métodos integrados como push, splice y filter.

let arr = [10, 20, 30];
arr.push(40);          // Agregar al final
arr.splice(1, 1);      // Eliminar el segundo elemento
console.log(arr);

6. Entrada/salida por consola

Usa console.log para mostrar salida en la consola.

const name: string = "Alice";
console.log("Hola, " + name);

7. Funciones

Declara funciones con parámetros tipados y valores de retorno.

function add(a: number, b: number): number {
  return a + b;
}

console.log(add(3, 5));

8. Mapas

Usa objetos simples o Map para estructuras clave-valor.

const m = new Map<string, number>();
m.set("Alice", 25);
console.log(m.get("Alice"));

9. Manejo de excepciones

Usa try y catch para manejar errores.

try {
  throw new Error("Algo salió mal");
} catch (e) {
  console.error(e.message);
}

10. Entrada/salida de archivos (solo Node.js)

Usa el módulo fs de Node.js para leer y escribir archivos.

import * as fs from "fs";

fs.writeFileSync("file.txt", "Hola archivo");
const content = fs.readFileSync("file.txt", "utf-8");
console.log(content);

11. Manipulación de cadenas

Usa métodos de cadena como length, concat, includes.

let str = "Hola Mundo";
console.log(str.length);
console.log(str + "!");
console.log(str.includes("Mundo"));

12. Clases y objetos

TypeScript admite la programación orientada a objetos.

class Person {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  greet() {
    console.log(`Hola, soy ${this.name}`);
  }
}

const p = new Person("Alice");
p.greet();