CursosEmpresasBlogLiveConfPrecios

Contenido del curso

Introducción a TypeScript

  • 1
    El lenguaje de programación TypeScript

    El lenguaje de programación TypeScript

    08:43 min
  • 2
    Instalación de herramientas para TypeScript

    Instalación de herramientas para TypeScript

    Viendo ahora
  • 3
    Instalación de herramientas en Windows

    Instalación de herramientas en Windows

    01:05 min
  • 4
    Navegación y refactorización

    Navegación y refactorización

    04:37 min

Entorno de Desarrollo

  • 5
    El compilador de TypeScript

    El compilador de TypeScript

    08:00 min
  • 6
    El archivo de configuración de TypeScript

    El archivo de configuración de TypeScript

    07:22 min
  • 7
    Mi primer proyecto TypeScript

    Mi primer proyecto TypeScript

    05:09 min

Tipos en TypeScript

  • 8
    Tipado en TypeScript

    Tipado en TypeScript

    01:37 min
  • 9
    Number, Boolean y String

    Number, Boolean y String

    14:09 min
  • 10
    Any

    Any

    08:28 min
  • 11
    Void y never

    Void y never

    15:58 min
  • 12
    null y undefined

    null y undefined

    11:03 min
  • 13
    Object

    Object

    07:44 min
  • 14
    Array

    Array

    09:44 min
  • 15
    Tupla

    Tupla

    11:25 min
  • 16
    Enum

    Enum

    10:59 min
  • 17
    Unión de Tipos, Alias y Tipos Literales

    Unión de Tipos, Alias y Tipos Literales

    11:58 min
  • 18
    Aserciones de tipo

    Aserciones de tipo

    11:26 min
  • 19
    Funciones en TypeScript

    Funciones en TypeScript

    14:19 min
  • 20
    Resumen

    Resumen

    06:54 min

Tipos Personalizados

  • 21
    Interfaces

    Interfaces

    10:18 min
  • 22
    Interfaces: propiedades opcionales

    Interfaces: propiedades opcionales

    10:57 min
  • 23
    Extensión de interfaces

    Extensión de interfaces

    10:54 min
  • 24
    Clases

    Clases

    14:02 min
  • 25
    Clases públicas y privadas

    Clases públicas y privadas

    15:10 min
  • 26
    Métodos Get y Set

    Métodos Get y Set

    08:46 min
  • 27
    Herencia de clases y propiedades estáticas

    Herencia de clases y propiedades estáticas

    17:41 min
  • 28
    Resumen

    Resumen

    13:24 min

Módulos

  • 29
    Principios de responsabilidad única

    Principios de responsabilidad única

    15:03 min
  • 30
    Resolviendo módulos

    Resolviendo módulos

    10:04 min
  • 31
    Webpack y agrupación de Módulos

    Webpack y agrupación de Módulos

    14:02 min

Cierre

  • 32
    Cierre

    Cierre

    00:57 min
Tomar examen

Instalación de herramientas para TypeScript

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads

      Comentarios

      Jorge Méndez Ortega

      Jorge Méndez Ortega

      Estudiante
      Hace 6 años
        Camilo Bayona

        Camilo Bayona

        Estudiante
        Hace 5 años
        Alejandro Martínez Delgado

        Alejandro Martínez Delgado

        Estudiante
        Hace 5 años
      Giorgio Ventura

      Giorgio Ventura

      Estudiante
      Hace 6 años
      Diego Quiroz

      Diego Quiroz

      Estudiante
      Hace 6 años
        Juan Caicedo

        Juan Caicedo

        Estudiante
        Hace 5 años
      Federico Walovnik

      Federico Walovnik

      Estudiante
      Hace 5 años
      Javi Felices

      Javi Felices

      Estudiante
      Hace 6 años
        Moisés Manuel Morín Hevia

        Moisés Manuel Morín Hevia

        Estudiante
        Hace 5 años
      yerson lasso

      yerson lasso

      Estudiante
      Hace 5 años
        César Palma

        César Palma

        Estudiante
        Hace 5 años
      Jimmy Buriticá Londoño

      Jimmy Buriticá Londoño

      Estudiante
      Hace 4 años
        Franco Lind

        Franco Lind

        Estudiante
        Hace 4 años
      Nikolas Santis

      Nikolas Santis

      Estudiante
      Hace 6 años
        Vilma Johanna Velasquez Gonzalez

        Vilma Johanna Velasquez Gonzalez

        Estudiante
        Hace 5 años
      Luis Alejandro Vera Hernandez

      Luis Alejandro Vera Hernandez

      Estudiante
      Hace 5 años
        Héctor Eduardo López Carballo

        Héctor Eduardo López Carballo

        Estudiante
        Hace 5 años
        Luis Fernando Zarazua Aguilar

        Luis Fernando Zarazua Aguilar

        Estudiante
        Hace 5 años
      Andrés Felipe Eslava Zuluaga

      Andrés Felipe Eslava Zuluaga

      Estudiante
      Hace 6 años
        Paulina Nieves

        Paulina Nieves

        Profesor
        Hace 6 años
      Cesar Raul Alan Cruz Gutierrez

      Cesar Raul Alan Cruz Gutierrez

      Estudiante
      Hace 5 años
      Iván Rodríguez

      Iván Rodríguez

      Estudiante
      Hace 4 años
        Héctor Eduardo López Carballo

        Héctor Eduardo López Carballo

        Estudiante
        Hace 4 años
      Ricardo Boraure

      Ricardo Boraure

      Estudiante
      Hace 5 años
      Sebas Avalos

      Sebas Avalos

      Estudiante
      Hace 5 años
      Ignacio Ramos

      Ignacio Ramos

      Estudiante
      Hace 6 años
        Josue Zafra

        Josue Zafra

        Estudiante
        Hace 6 años
      Fredy Daniel Flores Lemus

      Fredy Daniel Flores Lemus

      Estudiante
      Hace 5 años
        Héctor Eduardo López Carballo

        Héctor Eduardo López Carballo

        Estudiante
        Hace 5 años
        Fredy Daniel Flores Lemus

        Fredy Daniel Flores Lemus

        Estudiante
        Hace 5 años
      Diego Fernando Rojas Quintero

      Diego Fernando Rojas Quintero

      Estudiante
      Hace 6 años
        Roger Carlos Ariel Alba

        Roger Carlos Ariel Alba

        Estudiante
        Hace 6 años
        Aurelio ML

        Aurelio ML

        Estudiante
        Hace 6 años
      CHRISTIAN OLIVER SOLANO NUÑEZ

      CHRISTIAN OLIVER SOLANO NUÑEZ

      Estudiante
      Hace 4 años
      Erik Fernando Ajú Mota

      Erik Fernando Ajú Mota

      Estudiante
      Hace 4 años
      Reinaldo Mendoza

      Reinaldo Mendoza

      Estudiante
      Hace 4 años

      Para estos casos yo utilizo n https://www.npmjs.com/package/n

      !n

      Iba a recomendar el mismo paquete! Bien

      Genial, muchas gracias

      Instrucciones de instalacion de NVM en Windows

      https://docs.microsoft.com/en-us/windows/nodejs/setup-on-windows

      Les recomiendo utilizar un gestor de paquetes para hacer la instalación de librerías como Node y otros programas. En el caso de Mac pueden utilizar Homebrew o Macports, en Windows acaban de sacar Winget o puedes usar Chocolatey y si usas Linux... ya sabes de lo que te hablo.

      Para windows pueden usar choco https://chocolatey.org/

      Instalación y funcionamiento del compilador de TypeScript

      Instalamos globalmente:

      npm install -g typescript

      El rol del compilador tsc es transformar nuestro codigo escrito en Ts a plano Js para que pueda ser interpretado por los navegadores y otras plataformas

      Como compilar un archivo Ts

      // compilamos el archivo ts tsc hello.ts // ejecutamos el nuevo archivo creado por el compilador node hello.js

      Compilamos de manera automatica un archivo en particular

      este se va a compilar cada vez que haya un cambio en el archivo en cuestion

      tscc --watch hello.ts

      En Windows funciona de lujo nvm, y lógicamente altamente recomendado

      Thanks.

      En momentos como estos en lso que ya instale Node, desearía qeu Platzi tenga una división por "partes" en la barra de reproducción

      bookmarks

      Listo para empezar, nuevas versiones Enero-2022.

      node -v v16.13.0 . npm -v 8.2.0

      ya esta la v 18

      Genial! Aquí ya con la versión v12.19.0

      nvm install --lts

      muchas gracias!!!!

      Y para los que no tenemos MAC que NVM descargamos? :c

      Hola!

      Mac es un sistema basado en UNIX, por lo que puedes instalarlo en Linux porque también es basado en UNIX. Qué OS estás usando? Si estás trabajando en Windows con WSL puedes instalarlo siguiendo las instrucciones que hay acá: NVM | Installing and Updating.

      En la página viene una sección donde dice nvm for windows es un .exe y ya no tienes que configurar nada, es de lo más fácil. NVM-For-Windows

      1. Instalar NodeJs -> luego de tener instalado Node, se puede usar npm. Entonces,
      npm install -g typescript
      1. Crean un folder. Y dentro del folder crean un archivo .ts. Entonces dentro del folder, hacen:
      touch index.ts
      1. Este es un ejemplo de algo que hice para probar TS:
      class Payment { private bin: number; private cvc: number; private year: number; constructor( bin: number, cvc: number, year: number ) { this.bin = bin; this.cvc = cvc; this.year = year } private validateBin () { return true } private validateCVC () { return true } private validateYear () { return true } makePayment() { if (this.validateBin() && this.validateCVC() && this.validateYear() ) { return 'Pago exitoso' } else { return 'no se pudo :/' } } } let pay = new Payment(123456789012345, 345, 2028) console.log(pay.makePayment())
      1. para compilar el código, en consola escriben
      npx tsc index.ts --outFile dist/index.js

      intentare correr tu código :D

      para los que usan Linux aqui encontre un tutorial de como instalarlo , les recomiendo la opcion 3 que permite ver las versiones link

      Buenas, es muy obligatorio instalar NVM o no? :(

      Hola!

      No es obligatorio, pero es MUY recomendable. Utilizarlo te va a facilitar mucho cambiar de versión de Node si lo llegas a necesitar en algún proyecto, te va a ahorrar muchos dolores de cabeza.

      Y si te lo preguntabas, claro que necesitas NVM. Ahora ve e instalalo, tu yo del futuro te lo agradecera.

      Si necesitan una alternativa a nvm, que te permite especificar la version de tus herramientas o lenguajes de programacion por proyecto, les recomiendo asdf

      nvm me ha dado problemas al instalar la ultima version de nodejs y ejecutar el comando npm

      Podrias compartir tu problema?

      Se puede decir que nvm nos permite crear como entornos virtuales para node?

      No lo creo, pero no lo sé con certeza. NVM es un "manjeador de versiones" para Node, lo que solo implica que es una manera de utilizar una versión u otra para correr node, sin embargo, los paquetes instalados a través de npm serían los mismos y creo que tener un entorno virtual implica que cada entorno tenga sus propios módulos.

      Entiendo, gracias por tu respuesta bro ;)

      como instalo nvm en mi terminal de comando linux lts 20.04?

      Hola Diego,

      Encontré está breve guía puede que te sirva.

      Saludos

      Buenas Diego, podes instalarlo desde apt

      sudo apt-get install neovim

      Si no te funciona, podes hacerlo desde el repositorio con

      curl -LO https://github.com/neovim/neovim/releases/latest/download/nvim.appimage chmod u+x nvim.appimage ./nvim.appimage

      Si tenés alguna duda, podes leerla en la documentación de neovim https://github.com/neovim/neovim/wiki/Installing-Neovim

      para WSL

      1. sudo apt-get install curl
      2. curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash 3 . -- verificar vercion --- command -v nvm
      3. instalas LTS nvm install --lts

      Si alguien tiene problemas instalando NVM en Mac, este post me sirvió mucho https://fedingo.com/how-to-install-nvm-on-mac-with-brew/

      Prefiero usar NVM desde el principio