Ir al contenido principal

Transpilando que es gerundio


Si que llevaba tiempo sin pasarme por aquí, madre mía como esta esto de descuidado... A ver si me animo y como propósito de 2025 escribo un poco más (que no es díficil).

He empezado un par de cursos y el primero ha sido uno de TypeScript, ya sabéis que me gusta mucho JavaScript y he decidido echarle un ojo.

Pero, ¿qué es TypeScript?

TypeScript es un lenguaje de programación que se creó como una especie de "superpoder" para JavaScript. Básicamente, es JavaScript dopado con esteroides, ya que agrega características que lo hacen más robusto y fácil de usar, especialmente en proyectos grandes. Una de las grandes ventajas de TypeScript es el tipado estático, que nos permite definir qué tipo de datos estamos manejando, lo que ayuda a evitar errores que en JavaScript podrían ser difíciles de detectar hasta que es demasiado tarde. En otras palabras, te ayuda a “prevenir fuegos” en el código antes de que sucedan.

Una de las cosas que hace especial a TypeScript es que sigue siendo JavaScript en el fondo. Es compatible con todos los navegadores y plataformas donde JavaScript funciona, ya que después de escribir el código en TypeScript, se transpila (que no compila) a JavaScript para que funcione sin problemas. Esto hace que sea fácil integrarlo en proyectos existentes y empezar a disfrutar de sus beneficios sin tener que cambiar el ecosistema completo. Además, al ser desarrollado por Microsoft, tiene el respaldo de una gran empresa y una comunidad activa, lo que garantiza mejoras constantes y buen soporte.

Entonces, ¿qué beneficios reales ofrece? El tipado en TypeScript no solo hace que el código sea más seguro, sino que también facilita mucho la colaboración en equipo. Al definir los tipos de datos, es más fácil entender qué está haciendo cada parte del código sin necesidad de un montón de documentación adicional. Los editores de código también se benefician, ya que pueden ofrecer autocompletado, sugerencias y detección de errores en tiempo real. En proyectos grandes, estos detalles ahorran muchísimo tiempo y dolores de cabeza, haciendo que la experiencia de desarrollo sea mucho más fluida.

En resumen, TypeScript es una herramienta poderosa que, aunque puede tener una curva de aprendizaje si vienes de JavaScript puro, vale totalmente la pena. Cada vez más empresas lo adoptan para proyectos serios porque ayuda a hacer el código más limpio, más fácil de mantener y menos propenso a errores.

Un ejemplo sencillo sería esta función suma:

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

Esta funcíón sólo puedo recibir números y sólo va a devolver números, si lo hiciéramos con JavaScript sin definir tipos también podría recibir cadenas y concatenarlas. Por ejemplo:

suma(20,20) -> 40

suma("20","20") -> "2020"

Con TypeScript no podríamos invocar con cadenas, el propio editor nos avisaría del error, lo que hace que nos adelantemos a futuros problemas.

Ya os contaré, nos vemos pronto.




Entradas populares de este blog

Spring Boot: Página inicial con Bootstrap

  Este es el segundo artículo de la serie sobre Spring Boot que comenzamos hace dos semanas, si quieres ver el primero puedes acceder pulsando aquí . En el primer artículo vimos cómo descargar nuestro proyecto configurado para nuestros intereses y listo para ser importado en nuestro IDE (nosotros usaremos Eclipse ). Lo primero que vamos a hacer es importar el proyecto: File -> Import Existing Maven Projects Seleccionamos el fichero pom.xml en la carpeta donde lo hemos descomprimido y esperamos unos segundos Cuando acabe la importación, esta es la estructura que nos aparecerá: Con Spring Boot no necesitamos configurar el servidor, ya se encarga él de facilitarnos la vida. Lo único que tenemos que hacer es arrancar la clase BootApplication.java , que se encargará de arrancar Tomcat y dejar nuestra aplicación funcionando en el puerto 8080.  Y si todo fuera bien, podríamos acceder a través de la URL:  http://localhost:8080/ Pero ahora mismo tenemos un error de conexión c...

Redirección de puertos en Virtual Box

Continuando con mis anteriores "posts", vamos a terminar nuestro entorno de pruebas redirigiendo los puertos que nos interesan de la máquina virtual a nuestro PC. Con Virtual Box podemos configurar la red de diversas formas, una de ellas es redireccionar los puertos de la máquina virtual a la nuestra. Es bastante fácil y rápido de configurar, y lo que hace es que tengamos unos puertos destinados al entorno de desarrollo y otros para el entorno de pruebas. Ejemplo de uso:  - podemos usar el puerto 8080 para desarrollar en eclipse en nuestro entorno de desarrollo con Tomcat. - usaremos el puerto 80 para el Tomcat del entorno de pruebas Más adelante veremos cómo configurar las redes de virtual box para que sean máquinas independientes conectadas a nuestra red y más opciones. Vamos a hacer la redirección del puerto 22 para poder acceder a nuestra máquina virtual a través de uno de los clientes ssh más extendidos (y con nombre controvertido): ...

ASP.Net MVC: Subida de imágenes al servidor y recorte con Jcrop

Recientemente tuve que incluir, en un proyecto de ASP.Net MVC en el que estoy trabajando, un formulario donde un usuario podía subir su foto al perfil, y si el sistema detectaba que el tamaño de la imagen subida superaba el 100x100, había que recortarla. Esta premisa, aunque parece sencilla, encierra varios problemas técnicos a solucionar: 1) Subida de ficheros al servidor con ASP.Net MVC. 2) Recorte de foto y guardado. 3) Puntos a tener en cuenta: versiones de navegadores y otros aspectos técnicos. Vamos a ir viendo paso a paso cómo implementar esta práctica funcionalidad. Subida de ficheros al servidor con ASP.Net MVC Para subir ficheros al servidor desde la Vista, en Mvc se dispone de la clase System.Web.HttpPostedFileBase.  Para utilizarla, hay que seguir los pasos: - Declarar una propiedad de este tipo en el Model que se va a utilizar: public HttpPostedFileBase Fichero { get; set; } - Crear en la vista el formulario para realizar la subida ...