CursosEmpresasBlogLiveConfPrecios
Curso de TypeScript 3

Mi primer proyecto TypeScript

Curso de TypeScript 3

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

    05:47 min
  • 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

    Viendo ahora

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

Mi primer proyecto 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

      Comentarios26

      Eddy Arellanes

      Eddy Arellanes

      Estudiante
      Hace 6 años
        Alex Leonardo Rodriguez Carvajal

        Alex Leonardo Rodriguez Carvajal

        Estudiante
        Hace 5 años
        Miguel Angel Reyes Moreno

        Miguel Angel Reyes Moreno

        Estudiante
        Hace 5 años
      ELKIN YESID MORENO VELEZ

      ELKIN YESID MORENO VELEZ

      Estudiante
      Hace 6 años
        Cristian Blandon

        Cristian Blandon

        Estudiante
        Hace 5 años
        Hector Vasquez

        Hector Vasquez

        Estudiante
        Hace 5 años
      Jhon Alexander Romero Gonzaga

      Jhon Alexander Romero Gonzaga

      Estudiante
      Hace 6 años
        Lina Katherine Larrea

        Lina Katherine Larrea

        Estudiante
        Hace 5 años
        Federico Walovnik

        Federico Walovnik

        Estudiante
        Hace 5 años
      Luis Alejandro Vera Hernandez

      Luis Alejandro Vera Hernandez

      Estudiante
      Hace 5 años
      Juan Diego Urbina Chuscano

      Juan Diego Urbina Chuscano

      Estudiante
      Hace 6 años
        Abril Rios

        Abril Rios

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

        Moisés Manuel Morín Hevia

        Estudiante
        Hace 5 años
      Miguel Angel Reyes Moreno

      Miguel Angel Reyes Moreno

      Estudiante
      Hace 5 años
      Jeisson Santiago Cortes Ortiz

      Jeisson Santiago Cortes Ortiz

      Estudiante
      Hace 5 años
        Marlon Ramirez

        Marlon Ramirez

        Estudiante
        Hace 5 años
        Isaac Navajas Pozo

        Isaac Navajas Pozo

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

      Moisés Manuel Morín Hevia

      Estudiante
      Hace 5 años
      Carlos Guerra

      Carlos Guerra

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

        Moisés Manuel Morín Hevia

        Estudiante
        Hace 5 años
      Ariel Ezequiel Biazzo Genua

      Ariel Ezequiel Biazzo Genua

      Estudiante
      Hace 5 años
        Cesar Augusto Avendaño Gamboa

        Cesar Augusto Avendaño Gamboa

        Estudiante
        Hace 5 años
      Jonathan Venegas

      Jonathan Venegas

      Estudiante
      Hace 5 años
      Daniel Cruz

      Daniel Cruz

      Estudiante
      Hace 6 años
        Santiago Cepeda

        Santiago Cepeda

        Estudiante
        Hace 6 años
        Gustavo Hernan Tiseira

        Gustavo Hernan Tiseira

        Estudiante
        Hace 6 años
      Fredy Daniel Flores Lemus

      Fredy Daniel Flores Lemus

      Estudiante
      Hace 5 años
        Carlos Zabala Roqueme

        Carlos Zabala Roqueme

        Estudiante
        Hace 5 años
        Fredy Daniel Flores Lemus

        Fredy Daniel Flores Lemus

        Estudiante
        Hace 5 años
      Diego Fernando Caviedes Camaho

      Diego Fernando Caviedes Camaho

      Estudiante
      Hace 5 años
        Joalin Pineda

        Joalin Pineda

        Estudiante
        Hace 5 años
        Diego Fernando Caviedes Camaho

        Diego Fernando Caviedes Camaho

        Estudiante
        Hace 5 años
      Roberto Enrique Ajuchan Lopez

      Roberto Enrique Ajuchan Lopez

      Estudiante
      Hace 4 años
      Alex hernandez mitre

      Alex hernandez mitre

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

      Jimmy Buriticá Londoño

      Estudiante
      Hace 5 años
      Jofay Zhan Segura

      Jofay Zhan Segura

      Estudiante
      Hace 5 años
      Gustavo Adolfo Perez Ramos

      Gustavo Adolfo Perez Ramos

      Estudiante
      Hace 5 años
      @ wrosb

      @ wrosb

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

        Moisés Manuel Morín Hevia

        Estudiante
        Hace 5 años

      Si queremos ejecutar archivos de .ts sin transpilar, podemos usar una librería que se llama ts-node

      Por ejemplo en el package.json

      "dev": "ts-node index.ts"

      O directamente en consola con npx

      npx ts-node index.ts

      Su caso de uso común es probar que todo funcione antes de traspilar para ahorrar tiempo, un ejemplo de cuando se quiere monitorear Express usando TS

      En el package.json

      "dev": "nodemon --exec ts-node -- ./server.ts",

      cool!

      ¿Quieres decir que nos ahorramos un paso y ejecutamos directamente TS sin tener que crear archivos JS?

      Importantísimo aprender TypeScript para afrontar proyectos en Node Js, en Angular, en React.

      TypeScript es un Lenguaje de Alto Nivel que al Transpilarse genera JavaScript.

      Con el único objetivo de fomentar discusión constructiva... Me gustaría, ¿por qué lo haces ver tan importante para afrontar proyectos con dichas tecnologías? Acaso, ¿no es posible generar buenos o excelentes proyectos con, por ejemplo, React, sin usar Typescript?

      concuerdo. Typescript incluso en modo no estricto, ayuda a evitar errores como mínimo los más básicos, como que una variable pueda no estar definida.

      Esto evita posibles errores difíciles de detectar a simple vista en tiempo de ejecución. Yo lo apliqué a react y los problemas disminuyeron bastante

      Aprender Webpack es aun mejor, podemos impulsar a TypeScript mucho, incluso implementarlo con react, vue y Angular (pero este ya lo tiene :)).

      ¿Hay algún curso de Wepack en Platzi?

      Si lo hay, creo que lo da Leonidas, esta bastante bueno

      MI PRIMER PROYECTO TYPESCRIPT

      • Ir al archivo tsconfig.json
      • Descomentar la linea "outDir":"./"
      • Agregar a la linea anterior el directorio dist: "outDir": "./dist",
      • Compilar con tsc
      • Invocar al motor de Node acceder al directorio dist y al archivo para ejecutarlo: node dist/hello.js

      es muy similar usar tsc --watch a nodemon.

      En parte si aunque nodemon te permite ver los resultados que en TypeScript es con node rute/file. Nodemon se podria tomar con una combinación de tsc --watch y node rute/file.

      Seee me converse más usar -w

      Podemos configurar en el archivo de configuración la instrucción "outDir": "./dist", para que los archivos de JavaScript se guarden en una carpeta dist que, si no existe, se generará de forma automática.

      Alguien me puede explicar para que hacemos lo del outDir?, desafortunadamente no lo he comprendido del todo

      Es para que los archivos compilados se guarden autimaticamente en la direccion que estipules alli

      Lo que estamos configurando y programando es Typescript, Typescript es un copilador que compila el código a javascript, el outDir de TsConfig sirve para guardar la ubicación del archivo compilado a javascript.

      Crear una carpeta, tsc --init, crear una carpeta src & mover(crear) el main.ts, ejecutar tsc --watch 1.) En tsconfig.json descomentar outDir & agregar la carpeta "./dist" & ejecutar ts --watch para compilar cambios. 2) Ejecutar el archivo js. node dist/main.js

      Hello TS World!

      Hellooooo

      Hola! Como estan? Aclaro por si acaso, si ven que el camando tsc no crea los archivos .js, prueben con cerrar visual studio y volverlo a abrir, (lo comento porque a mi me sucedio y eso me lo soluciono)

      A mi me pasó una novatada y era que cree el archivo .ts cuando escribí el código se me olvido guardar los cambios. Claro al ejecutar el comando tsc compilaba y el archivo .js no tenia nada de código.

      con ctl + c en windows puede cortar la ejecución del observador del compliador de TypeScript en la terminal

      Aún no entiendo que es lo Super de TypeScript, cuales son las super ventajas de empezar a usarlo en lo lugar de JS.

      Puede que nos parezca a simple vista que es añadir mas complejidad a nuestro codigo sin embargo al tratar con proyectos grandes te daras cuenta que te ayudara full, ya que te ayuda a escribir código con menos errores, más sencillo, coherente y fácil de probar.

      Con estos ejemplos tan basicos es imposible notar que haya una mejora, pero la realidad es que cuando se programa de verdad se empieza a notar las mejoras. Una vez leí como analogía que usar JS sin TS es como conducir sin frenos, me pareció gracioso pero interesante! jaja!

      Existe un archivo como tsconfig.json pero para configurar la compilación de SASS?

      Para compilar archivos sass, te recomiendo usar webpack o si usas vscode como editor de texto hay un plugin que se llama Live Sass Compiler, que te compila archivos sass automáticamente.

      😮 Gracias bro, no había escuchado de esa extensión.

      que es nodemon es un demomio o proceso de node para que?

      Es un demonio, una utilidad que monitorea los cambios en el código fuente que se está desarrollando y automáticamente reinicia el servidor. Es una herramienta muy útil para desarrollo de aplicaciones con javascript.

      también sirve para despliegues me imagino verdad?

      Buenísima la forma de explicar el profe, la velocidad, los temas, las palabras, todo es excelente.

      console.log("todo funcionando a la perfección");

      Listo el entorno, ahora si empecemos con el lenguaje.

      Hola compañeros, les comparto mi repositorio donde subo mis notas y codigo 😀

      TypeScript es increible :)

      Personalizando las salidas de los diferentes archivos JS con outDir

      Sí, para almacenar las compilaciones que se hagan.