TypeScript
Una presentación completa sobre el lenguaje de programación que está
revolucionando el desarrollo web moderno
Integrantes del equipo
Cesar Maturin Angel Lares
Mauro Garcia Sosa Daniel Acosta Mendoza
[Link]
Origen y Creación
Microsoft Corporation 2012
Empresa creadora del lenguaje Año de lanzamiento oficial
Anders Hejlsberg
Creador principal, también padre de C#
Motivación Principal
• JavaScript se estaba volviendo insuficiente para proyectos grandes
• Se necesitaba un lenguaje con mejor organización, escalabilidad y menos errores
• Permitir que los desarrolladores escriban código más claro y seguro
• Mantener compatibilidad total con JavaScript existente
Dato interesante: TypeScript no reemplaza a
JavaScript, sino que lo complementa y mejora sus
capacidades.
[Link]
Principales Características
Superconjunto de JavaScript
Todo código válido en JS funciona en TS. Añade nuevas herramientas como tipos, interfaces y
decoradores sin romper la compatibilidad.
Tipado Estático Opcional
Puedes definir el tipo de variables (string, number, boolean, etc.). El compilador detecta errores antes de
ejecutar el programa.
Orientado a Objetos
Incluye clases, herencia, interfaces y módulos, características clásicas de lenguajes como Java o C#.
Compilación a JavaScript Soporte en Frameworks Modernos
Los navegadores solo entienden JS. TypeScript Muy popular en Angular, React, Vue y [Link] para
necesita transpilarse (convertirse) en JavaScript desarrollo profesional.
para ejecutarse.
Herramientas de Desarrollo
Autocompletado, detección temprana de errores y mejor integración con editores como Visual Studio Code.
[Link]
Clasificación del Lenguaje
Según los criterios vistos en clase, TypeScript se clasifica de la siguiente
manera:
Por Grado de Independencia
Lenguaje de alto nivel, porque está diseñado para ser entendido
por los humanos y no por la máquina directamente.
Por Forma de Instrucciones
Imperativo: indica paso a paso lo que debe hacer el
[Link] a objetos: usa clases, interfaces, objetos y
herencia.
Por Generación
Pertenece a la cuarta generación (4GL), porque facilita el
desarrollo con sintaxis más cercana al lenguaje natural, aunque
está basado en un lenguaje de tercera generación (JavaScript).
[Link]
Ejemplo de Código en TypeScript
1 Interfaz Persona: el molde que 2 Clase Estudiante: un objeto más
deben cumplir los objetos que completo basado en la interfaz
representan a una persona. Persona.
3 Constructor: inicializa los 4 Presentarse(): un método que
atributos clave (nombre, edad, devuelve una frase
activo). personalizada.
5 [Link]: imprime la presentación del estudiante.
Este ejemplo demuestra la potencia de TypeScript combinando JavaScript con programación orientada a objetos.
[Link]
Ventajas de Usar TypeScript
Menos Errores
El tipado estático detecta errores en tiempo de compilación, reduciendo bugs en producción.
Mayor Productividad
Autocompletado e IntelliSense mejoran significativamente la velocidad de desarrollo.
Código Organizado
Estructura más clara y fácil de mantener, especialmente en proyectos grandes.
Compatibilidad Total
Compatible con cualquier proyecto JavaScript existente sin necesidad de reescribir código.
Muy usado en empresas grandes como Google, Microsoft, Slack y Airbnb para proyectos de misión crítica.
[Link]
Desventajas de TypeScript
Paso Extra de Compilación Curva de Aprendizaje
Requiere un proceso adicional para Puede ser más difícil al inicio si solo
convertir TypeScript a JavaScript tienes experiencia con JavaScript
antes de ejecutarse en el navegador. vanilla.
Complejidad en Proyectos Pequeños
Para proyectos muy pequeños, a veces no justifica la complejidad adicional que
introduce.
Es importante evaluar si los beneficios de TypeScript superan estos
inconvenientes según el tamaño y complejidad de tu proyecto.
[Link]
Conclusión
Lenguaje Moderno y Robusto
TypeScript es una evolución natural de JavaScript,
creado para mejorar la experiencia de desarrollo.
Clasificación Técnica
Es de alto nivel, imperativo, orientado a objetos y
de cuarta generación.
Herramientas Avanzadas
Su tipado estático y herramientas avanzadas lo
hacen ideal para proyectos medianos y grandes.
Estándar Profesional
Hoy en día es un estándar en el desarrollo web
profesional.
[Link]
Gracias por su atención
[Link]