Docsity
Docsity

Prepara tus exámenes
Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity


Consigue puntos base para descargar
Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium


Orientación Universidad
Orientación Universidad


Introducción a TypeScript: Un Superconjunto de JavaScript con Tipos Estáticos, Monografías, Ensayos de Lenguajes de Programación

laboratorio de programación laboratorio de programación laboratorio de programación

Tipo: Monografías, Ensayos

2021/2022

Subido el 12/05/2023

mrcdspt
mrcdspt 🇵🇦

4.3

(3)

18 documentos

1 / 13

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
Universidad Tecnológica de
Panamá
Facultad de Ingeniería Mecánica
Ingeniería de Energía y Ambiente
Proyecto #1
Lenguaje de Programación: Typescript
Profesora:
Darling Zelaya
Integrantes:
Jesús Gaitán 8-995-564
Juan Carrión 8-994-358
Linny Martínez 9-762-767
Rosa Martínez 2-751-670
Grupo 1EM111
Fecha de entrega:
21 de noviembre del 2021
pf3
pf4
pf5
pf8
pf9
pfa
pfd

Vista previa parcial del texto

¡Descarga Introducción a TypeScript: Un Superconjunto de JavaScript con Tipos Estáticos y más Monografías, Ensayos en PDF de Lenguajes de Programación solo en Docsity!

Universidad Tecnológica de

Panamá

Facultad de Ingeniería Mecánica

Ingeniería de Energía y Ambiente

“Proyecto #1”

“Lenguaje de Programación: Typescript”

Profesora:

Darling Zelaya

Integrantes:

Jesús Gaitán 8- 995 - 564

Juan Carrión 8 - 994 - 358

Linny Martínez 9- 762 - 767

Rosa Martínez 2- 751 - 670

Grupo 1EM

Fecha de entrega:

21 de noviembre del 2021

Introducción

A través del tiempo se ha surgido distinto tipos de lenguaje de programación, como lo ha sido el lenguaje Javascritp, el cual es uno de los lenguajes más utilizado en el mercado. Resulta utilizado por empresas y sitios web, pero este programa se hace muy extenso y dado a cometer errores en ciertas aplicaciones, y se pueden cometer errores o fallos a la hora de utilizar este lenguaje. A raíz de ésto, surge como una solución el empleo de ciertas herramientas como es el caso de Typescript, que resulta un lenguaje de código libre y abierto muy fácil de comprender y reducir los fallos a la hora de programar. Esta forma de lenguaje se hace muy flexible para programadores, quienes buscan esta herramienta para reducir los errores en sus proyectos. La idea Typescript es tener datos fijos; es decir, tipos estáticos de datos, lo que básicamente se consigue haciendo que al definir una variable o el argumento que está recibiendo una función, hay que especificar exactamente qué tipo de dato es, de modo que, en caso de que se le intente enviar otro valor, el editor de código, si está preparado para leer sintaxis de TypeScript, avisará de que hay un error y no lo puede transpilar. Esto le da una clara ventaja con respectos a otros lenguajes.

Contenido

1. Descripción del lenguaje, ¿quién lo creó y en qué año lo creó?

TypeScript es un lenguaje de programación que fue construido por encima de JavaScript, por lo que todo el código JavaScript es válido para poder migrarlo a TypeScript. Se puede describir typescript como un lenguaje de programación libre y de código abierto. Es un superconjunto de JavaScript, que básicamente agrega tipos estáticos y objetos basados en clases, dando una clara opción la cual permite ahorrar algo de código al no tener que escribir el tipo de las variables. Reduce la atención que hemos de poner cuando declaramos variables y da lugar a un código con menos cosas que interpretar para el programador. La función clásica de typescript es eliminar la mayor cantidad de errores a la hora de programar, como también se puede integrar fácilmente a cualquier otro proyecto. El compilador TypeScript emite JavaScript, diseñado y creado por Microsoft a cargo de los ingenieros Anders Hejlsberg. Está diseñado para operaciones a gran magnitud, tanto en operaciones del lado del cliente como del lado del servidor este leguaje. Aparece, el 1 de octubre del 2012. De esto surge algunas diferencias y ventajas de typescript con respecto a javascript

1.1 Diferencia entre TypeScript y JavaScript:

TypeScript se conoce como un lenguaje de programación orientado a objetos, mientras que JavaScript es un lenguaje de scripting. TypeScript tiene una función conocida como escritura estática, pero JavaScript no tiene esta función. TypeScript brinda soporte para módulos, mientras que JavaScript no admite módulos. TypeScript tiene una interfaz, pero JavaScript no tiene una interfaz.

1.2 Cuadro comparativo entre leguajes

TypeScript JavaScript TS es un lenguaje de scripting orientado a objetos JS es un lenguaje de scripting orientado a objetos Lenguaje dependiente (compila en JavaScript) Lenguaje independiente (se puede interpretar y ejecutar) Lenguaje compilado, no se puede ejecutar directamente en un navegador Lenguaje interpretado, ejecutado directamente en un navegador web Se puede escribir estáticamente Tipeado dinámicamente Mejor estructurado y conciso Más flexible ya que no está limitado por el sistema de tipos Tiene una extensión .ts Tiene una extensión .js Creado en Microsoft por Anders Hejlsberg (diseñador de C #) y mantenido por Microsoft Creado por Brendan Eich (Netscape) y mantenido por ECMA (Asociación Europea de Fabricantes de Computadoras).

Una elección justa para proyectos complejos Bueno para trabajar con proyectos pequeños y simples.

1. 3 Ventajas de usar TypeScript sobre JavaScript

TypeScript siempre señala los errores de compilación solo en el momento del desarrollo. Debido a esto en el tiempo de ejecución, la posibilidad de obtener errores es muy menor mientras que JavaScript es un lenguaje interpretado. TypeScript tiene una función que se escribe fuertemente o admite la escritura estática. Eso significa que la escritura estática permite verificar la corrección del tipo en el momento de la compilación. Esto no está disponible en JavaScript. TypeScript no es más que JavaScript y algunas características adicionales, es decir, características de ES6. Es posible que no sea compatible con su navegador de destino, pero el compilador de TypeScript también puede compilar los archivos

2. Propósito y mayor uso del lenguaje en la industria

En aplicaciones grandes. Suele tener un pequeño inconveniente, y es que es muy difícil de antener y ocurren muchos errores lógicos. Al importar nuestro código en el navegador no nos daremos cuenta de que está fallando hasta que veamos el error o el reporte del mismo. La idea de TypeScript es tener datos fijos, es decir, tipos estáticos de datos, lo que básicamente se consigue haciendo que, al definir una variable o el argumento que está recibiendo una función, hay que especificar exactamente qué tipo de dato es, de modo que, en caso que se le intente enviar otro valor, el editor de código, si está preparado para leer sintaxis de TypeScript, avisará de que hay un error, está pensado para el desarrollo de aplicaciones robustas, implementando características en el lenguaje que nos permitan desarrollar herramientas más avanzadas para el desarrollo de aplicaciones. Algunos de los tipos de typescript typeScript tiene una variedad de tipos básicos, como Boolean, Number, String, Array, Tuple, etc. Algunos de estos no existen en JS Tipos de intersección y unión Estos le permiten crear tipos personalizados para adaptarse mejor a su lógica. Los tipos de intersección le permiten juntar varios tipos básicos en un solo tipo. Por ejemplo, puede crear un tipo personalizado Person que tenga un name: stringy un phone_number: number. Equivale a decir: quiero que mi tipo sea esto y aquello. La industria de la programación es increíblemente diversa, incluso, si te especializas en algún área de la programación. Todos los días hay algo nuevo que aprender, una nueva tecnología, un

3.1 Recursos para un mayor aprendizaje

Si desea obtener más información sobre TypeScript, aquí hay algunos otros recursos que puede consultar:

  • Documentación de TypeScript. La documentación oficial presenta excelentes guías para principiantes TypeScripters, incluidas guías para aquellos que cambian de otros lenguajes de programación.
  • Análisis profundo de TypeScript. Este recurso web gratuito tiene todo lo que necesita para comenzar con TypeScript, incluidas explicaciones más detalladas de las secciones que ya hemos cubierto aquí.
  • Programación de TypeScript: escalar sus aplicaciones de JavaScript. Este es un gran libro para aquellos de ustedes que ya dominan JavaScript. Le ayudará a empezar a escribir TypeScript en poco tiempo.
  • Ejercicio. Este es el mejor recurso para practicar la escritura de código en un nuevo lenguaje de programación. Mentores que lo guiarán hacia el código idiomático, muchas tareas de práctica divertidas: no hay nada que no le guste de este sitio web.

4. Empresas que hacen uso del lenguaje Typescript y proyectos exitosos

en dichas empresas

TypeScript prácticamente es un superconjunto de JavaScript que se compila para limpiar la salida del lenguaje tipado. Además, que este lenguaje se basa del desarrollo de JavaScript a escala de aplicaciones. Muchos programadores opinan que TypeScript Se ha convertido en el lenguaje de programación principal de muchas empresas incluso para Microsoft. Ya que en combinación con Node- webkit , ofrece opciones de desarrollo a escala de aplicaciones reales. Se siente como un desarrollo nativo y es multiplataforma. Además, que ofrece todas las tecnologías web modernas; haciendo el diseño personalizado se vuelva realmente fácil.

Muchas de las empresas que utilizan Typescript varían entre finanzas y técnico. Las cuales las empresas más activas utilizando el Typescript durante este año son:

4.1 Razones por las Parsons y Citigroup utilizan Typescript junto con Node J.S

Parsons siendo un proveedor de soluciones habilitadas digitalmente con un enfoque en hacer que el mundo sea más seguro, más inteligente, más saludable, más sostenible y conectado. Así que esta empresa sirve principalmente a los mercados de defensa, seguridad e infraestructura. Así que sus desarrolladores han optado el uso de Este lenguaje con el Node J.s, ya que les están eliminado la necesidad de hacer el código más de dos veces, Además del alto rendimiento que este lenguaje tipado les ofrece. Mientras que Citigroup que es una empresa de servicios financieros que opera en más de 160 países para ofrecer créditos y banca de consumo, banca corporativa y de inversión, corretaje de valores, servicios comerciales y de valores, y gestión de patrimonio, entonces estos manejan su dominio de la programación en Typescript ya que es ideal para manejar y procesar datos. Básicamente, porque es sencillo de leer y que los códigos puedan ser ejecutados en un navegador algo que Java y .NET quedan bastante lejos de hacer.

4.2 Proyectos que trabajan junto a Typescript

TypeScript está bien establecido en el mundo de Node.js y es utilizado por muchas empresas, proyectos de código abierto, herramientas y marcos. Algunos de los ejemplos notables de proyectos de código abierto que utilizan TypeScript son: NestJS: Un robusto Framework con todas las funciones que hace que la creación de sistemas escalables y bien diseñados sea fácil y agradable TypeORM: gran ORM influenciado por otras herramientas conocidas de otros lenguajes como Hibernate, Doctrine o Entity Framework Prisma: ORM de próxima generación con un modelo de datos declarativos, migraciones generadas y consultas de bases de datos totalmente seguras.

Parsons

Corporation

parsons.com Técnico Desarrollo de

software y

consultoría técnica

Dell delltechnologies.com Técnico Hardware de

computadora

Fabricantes

Capital One capitalone.com Finanza Bancario

Tableau

Software

tableau.com Técnico Fabricantes de

software

PNC pnc.com Finanza Bancario

Citigroup citigroup.com Finanza Información y

servicios financieros

generales

  • Parte del Framework Node JS TypeScript en este caso para Node JS nos provee del paquete NPM typescript que se encuentra hasta la fecha en su versión 3.9.7 También se le añade el paquete NPM types/express que instala los tipos Express que le dan compatibilidad con TypeScript. El paquete type/express es necesario, porque TypeScript y Express son paquetes dependientes, sin el paquete types/express, TypeScript no tiene una forma de conocer los tipos de clases del Framework Express
  • Parte del Framework React JS Se puede decir que React tiene documentación es muy completa, pero a la vez por desgracia, la literatura sobre React usado con Typescript es relativamente escasa, pero algunas de sus ventajas utilizarlos juntos Validación en tiempo de compilación, Herramientas refinadas, Mejor legibilidad
  • Parte del Framework Angular La programación en Angular se hace usando TypeScript, que como ya sabemos es un lenguaje de un superconjunto de JavaScript que agrega capacidades de tipado estático. Esto dentro de este sistema nos da la ventaja de poder tipar cosas como variables, funciones, devoluciones, además de poder crear Interfaces. TypeScript también nos da la capacidad de usar enumerators, modules, namespaces, decorators y generics. Y, por último, pero no por ello menos importante está sistema de import, que vamos a utilizar a diario para atomizar y modularizar todo nuestro código. En el caso de:
  • YouTube
  • Facebook
  • Buscador Google
  • WordPress CMS
  • Amazon
  • Instagram Estas son algunas de las plataformas que utilizan el typescript y la razones por las cuales lo utilizan serian la detección de errores que nos permite este lenguaje es importante para equipos en industrias sensibles, múltiples desarrolladores y proyectos con funcionalidad compleja También que los desarrolladores prefieren la confiabilidad de la calidad del código de escritura estática antes que el rendimiento rápido. Es por esto que, si la velocidad de rendimiento en su plataforma no es un factor decisivo, Typecript es una mejor opción es por esto que se combina con otras clases de lenguajes para así poder sopesar y equilibrar la calidad y la velocidad de rendimiento.

Recomendación

Como sabemos no podemos decir que algo es completamente perfecto o 100% rentable, pero si podemos hablar de cómo no puede llegar a ayudar en nuestras tareas, Typescript en proyectos pequeños es un poco exagerado, y así quizá no merezca la pena utilizarlo. Ahora bien, en proyectos intermedio o a gran escala, y si le añadimos que estarán involucradas varias personas, escribir el código en TypeScript ofrece grandes ventajas que se van a notar tanto a corto como a largo plazo. Aparte si trabajas con Angular y otros frameworks similares, usar TypeScript es casi una obligación. De hecho, en el caso de Angular, estás escrito en este lenguaje y la documentación promueve claramente su uso. Además, casi toda la literatura, posts y ejemplos están escritos con TypeScript. Por eso nuestra recomendacion sería que aprendieras TypeScript ya que lo podrías considerar como una llave multiusos que nos será muy útil en nuestros trabajos. La mayor parte de los que empiezan a programar con el lenguaje enseguida se vuelven "dependientes" y acaban por usarlo para casi todo por su gran versatilidad y utilidad.

Bibliografía

(10 de Julio de 2020). Obtenido de https://es.wikipedia.org/wiki/TypeScript Appel, R. (20 de Agosto de 2015). Obtenido de Uso de TypeScript en las aplicaciones modernas: https://docs.microsoft.com/es-es/archive/msdn-magazine/2013/june/modern-apps-use- typescript-in-modern-apps Appel, R. (20 de Agosto de 2015). Aplicaciones modernas. Obtenido de https://docs.microsoft.com/es- es/archive/msdn-magazine/2013/june/modern-apps-use-typescript-in-modern-apps Comprender el sistema de tipos de TypeScript y algunos conceptos imprescindibles. (03 de Marzo de 2019). Obtenido de https://ichi.pro/es/comprender-el-sistema-de-tipos-de-typescript-y- algunos-conceptos-imprescindibles- 142926718679669 García, J. D. (13 de Noviembre de 2019). Obtenido de https://programamos.es/unidad- 6 - el-lenguaje-de- programacion-typescript/ Gómez, N. (4 de Junio de 2020). {ida Blog. Obtenido de https://blog.ida.cl/desarrollo/typescript-la- evolucion-de-javascript/ Gómez, N. (4 de Junio de 2020). Typescript: La evolución de Javascript. Obtenido de https://blog.ida.cl/desarrollo/typescript-la-evolucion-de-javascript/ Novoseltseva, E. (5 de Diciembre de 2018). Ventajas De Usar Typescript. Obtenido de https://apiumhub.com/es/tech-blog-barcelona/usar-typescript/ Tomaszewski, J. (20 de Agosto de 2020). Open Webinars. Obtenido de https://openwebinars.net/blog/javascript-vs-typescript/ Una guía completa del "Sistema de módulos" en TypeScript (con ejemplos). (12 de Junio de 2018). Obtenido de https://ichi.pro/es/una-guia-completa-del-sistema-de-modulos-en-typescript-con- ejemplos- 88110360891638 Wagner, B. (23 de Junio de 2015). Mejora tu inversión en JavaScript con TypeScript. Obtenido de https://docs.microsoft.com/es-es/archive/msdn-magazine/2014/june/typescript-enhance-your- javascript-investment-with-typescript